1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Css content layout

Discussion in 'CSS' started by Homeboy, Apr 14, 2005.

0
  1. #1
    Hello,

    I am working on a new css layout and I am having a difficult time creating the content part.

    THe style that i want to create is on the attachment.

    Can someone please help me designed this?

    All of the information is on the pdf file.

    Thanks
     

    Attached Files:

    Homeboy, Apr 14, 2005 IP
  2. Homeboy

    Homeboy Peon

    Messages:
    12
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Or does any one know how to just create 4 rows and 2 columns in css?

    Thanks
     
    Homeboy, Apr 14, 2005 IP
  3. SoxFan

    SoxFan Peon

    Messages:
    90
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    It would go something like this...

    <div id="wrapper">

    <!-- Row 1 -->
    <div id="row1">
    <div id="row1_col1">
    Your Content
    </div>
    <div id="row1_col2">
    Your Content
    </div>
    </div>

    <!-- Row 2 -->
    <div id="row2">
    <div id="row2_col1">
    Your Content
    </div>
    <div id="row2_col2">
    Your Content
    </div>
    </div>

    </div>

    In the CSS row1_col1 would float left, row1_col2 would float right. Row2 would clear both, and the two cols would float as before.
     
    SoxFan, Apr 14, 2005 IP
  4. Homeboy

    Homeboy Peon

    Messages:
    12
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Hello,

    I tried just doing the 1st columns.

    But still having trouble like these:

    When I start putting content the texts just goes on and it does not go to the next line.

    There is a big gap between the header and the navigation/banner. I want to put a 5px border between them.

    How can I fix these problems?

    Here is the url to see http://eportal.guhsd.net/kk126992/sd/csslayout.htm
    the css is http://eportal.guhsd.net/kk126992/sd/css/style.css

    Please help me.

    thanks
     
    Homeboy, Apr 14, 2005 IP
  5. Homeboy

    Homeboy Peon

    Messages:
    12
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Hello,

    I figured out the gap between the banner/nav and the headers.

    But i can't seem to figure out to put a 5px solid border between them?

    Also, about the text how do i do the word break?

    Thanks
     
    Homeboy, Apr 15, 2005 IP
  6. SoxFan

    SoxFan Peon

    Messages:
    90
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    To get the 5px border add a border-bottom to the header id/class.

    I'm not sure what you mean by word break, but if you put some spaces into that long string of text it will wrap into the container.
     
    SoxFan, Apr 15, 2005 IP
  7. Homeboy

    Homeboy Peon

    Messages:
    12
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Hello everyone,

    I have just completed my first css page. I have to say it was very challenging.

    So can you please see if it is good or where I need to fix something.

    Url: members.cox.net/19kash88/sd/index.html

    Also, when I got to my pc the banner height seems to be to short for all of the pc internet browser (avant, IE, Netscape, and firefox). I was wondering if it had to do with my coding? It also happened with the mac internet explorer. Please help on that?

    And my Website news is distorted it is not going to the left side on the same browsers that I mentioned above.

    Please help on that.

    Any suggestion and opinion would be appreciated.

    Thanks

    P.S. I only created the home page just to test the layout out.
     
    Homeboy, Apr 16, 2005 IP