SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast Cartman's Avatar
    Join Date
    Oct 2004
    Location
    Mount Laurel, NJ
    Posts
    70
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Need help recreating this layout..

    I'm trying to code up the following layout:

    [deleted]

    But I'm REALLY having some issues getting it to display the way I want it to, without bloating the code with tons of extra tables and stuff. I might be making this harder than it needs to be, but I'm at my wits end right now..

    The "SPORTS" header and picture underneath are currently a single image, though I could split them up into seperate images if it makes things easier.

    If anyone could post or PM me with some code samples to help with this, I'd really appreciate it. Thanks!
    Last edited by Cartman; Sep 19, 2007 at 10:33.

  2. #2
    SitePoint Wizard bronze trophy DaveWoods's Avatar
    Join Date
    Dec 2004
    Location
    Derbyshire - UK
    Posts
    2,651
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Looks quite simple and you shouldn't need any tables for it.

    A container for each box
    <h2> for each heading
    <img> for each picture
    <h3> for the subheading
    <ul> for the list of artists.

    You should then be able to apply the styling for each of those elements. Simply use a different ID on each container and you'll be able to apply the different colours to the child elements by using it.

    I'd also apply a class to the odd <li>'s so that you can alternate the colours.

    If that doesn't help then I'll put an example together for you later but bit rushed at the moment.

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

    Simliar to what dave just said but I put this together quickly so it may not be exact.

    http://www.pmob.co.uk/temp/cartman.htm

    Hope it gives you the idea anyway.

  4. #4
    SitePoint Enthusiast Cartman's Avatar
    Join Date
    Oct 2004
    Location
    Mount Laurel, NJ
    Posts
    70
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    Hi,

    Simliar to what dave just said but I put this together quickly so it may not be exact.

    http://www.pmob.co.uk/temp/cartman.htm

    Hope it gives you the idea anyway.
    That definitely helped, I can't believe how easy you guys make it look! Thanks again Paul and Dave!


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
  •