SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast
    Join Date
    Feb 2010
    Location
    Anglesey, Wales, UK
    Posts
    66
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Styling Suggestions?

    Hi Guys,

    I'm working on a site that uses the Joomla CMS and one of my pages displays a number of images with the article title and a link for more info.

    It looks neat an tidy until the title breaks over two lines and then it pushes everything out of sync.

    For some reason Joomla aligns the articles in 3 columns rather than 3 rows which means the whole page is messed up, not just one row.

    Any idea about what I can do to to prevent this using CSS?

    Here's the page:http://www.ask4tractors.com/index.ph...&id=2&Itemid=3

    Thanks!

  2. #2
    SitePoint Member
    Join Date
    Feb 2008
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    you need to give yourself some space mate. I don't know the brief of this site but you need to open the site up a bit wider, use the space available to us at least 960 framework.

    You full available width at the moment is 780px wide was there a reason for this? Opening the site wider will give you space to edit these elements.

    At the moment your only options are to make the titles smaller to make them fit, and doing so will result in them being too small.
    Kind Regards,
    Glen Wheeler
    Engine | Glen Wheeler

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,523
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    You could set the height of the tables to even out the elements.
    e.g.
    Code:
    #mainbody table.blog tbody tr td table tbody tr td.article_column p{margin:0}
    
    .contentpaneopen{height:3em}
    Or something like that.

  4. #4
    SitePoint Enthusiast
    Join Date
    Feb 2010
    Location
    Anglesey, Wales, UK
    Posts
    66
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the suggestions. In the end i decided to utilise a Joomla Extension called Mini Front Page. This achieved the same result, but structured the info differently allowing more control with CSS, but crucially it position the text beneath the images and organised the content in rows rather than columns.

    http://www.ask4tractors.com/index.ph...id=30&Itemid=3


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •