Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Styling a blog post references list

Featured Replies

Hi,I'm trying to style a list of references to webpages/posts with links so it looks professional . how can I get the links neatly lined up on the right and make it bulletproof so that the length of the blog post doesnt matter, the links are always neatly aligned on the right as below

 

Thanks Pottsy

 

  1. Blog Post .............Link
  2. Blog Post .............Link
  3. book ........................Link

Use a table. That's what they are for: tabulated lists

Or better still, just add the anchor link the page/post titles. A much better UX. And will work better on touch screens.

  • Author
1 minute ago, fisicx said:

Or better still, just add the anchor link the page/post titles. A much better UX. And will work better on touch screens.

This bit I agree with I'd prefer to avoid using a table.Thanks for your help :)

In that case, use the built in wordpress functions to do this for you. There are a whole bunch of hooks and filters you can use to build your list

  • Author

Thank you I'll try that :)

  • Author

FisicxFiscix thanks for the input I changed my mind and went for a table :) dead easy to format using CSS I hope I don't end up in usability/accessability hell because of this :)

 

Thanks for your help

 

Pottsy

ps:I'm probably too tables phobic these days

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.