Advertisement
Help Keep Boards Alive. Support us by going ad free today. See here: https://subscriptions.boards.ie/.
If we do not hit our goal we will be forced to close the site.

Current status: https://keepboardsalive.com/

Annual subs are best for most impact. If you are still undecided on going Ad Free - you can also donate using the Paypal Donate option. All contribution helps. Thank you.
https://www.boards.ie/group/1878-subscribers-forum

Private Group for paid up members of Boards.ie. Join the club.

A bit of CSS help please... vertically align this text

  • 14-09-2008 09:22PM
    #1
    AARRRGH
    Closed Accounts Posts: 12,382 ✭✭✭✭


    Hello

    I would be grateful if anyone can help me with this.

    I am trying to align some text on the website www.laoisjobs.ie

    If you look at the attached image (before.GIF) you will see a screenshot of the current page. Notice the text in the first column with "Today" the location and the job website - it is not vertically (or horizontally?!) aligned with the text in the second column.

    If you look at the attached image (after.GIF) you will see I have correctly aligned the text in both columns.

    Q1: Does anyone know how I can change my CSS to correct align the text?
    Q2: Do you think I need to align the text? Would it make the site better, in your opinion?

    Thanks!


Comments

  • #2
    Eoin
    Registered Users, Registered Users 2 Posts: 21,278 ✭✭✭✭Eoin


    This could be one of those rare occasions where tables could actually be the best solution - this is a table of data after all.

    Edit - not too sure how clean a solution this is, but try this:

    <p style="margin: 2px;">Yesterday</p><br />


  • #3
    PixelTrawler
    Registered Users, Registered Users 2 Posts: 2,285 ✭✭✭PixelTrawler


    Divs are fine, since you have them working I'd leave it at this stage, although as Eoin says a table is perfectly fine there anyway (After all, you've used a table for the header and divs for the tabular stuff!)

    You could try pushing the "pad" div 2px down from "review" div (either with a margin or padding of 2px top). It might line up the bottom the text properly with the "Today" wording


Advertisement