Jump to content

harryd

Member
  • Posts

    44
  • Joined

  • Last visited

Posts posted by harryd

  1. This is what I did till now and everything is broken.

     

    #content { width: 506px;

    height: 630px;

    margin: auto;

    background-color:#FFFFFF;

    display:inline;

    padding: 10px; }

    .col1, .col2, .col3 { float: left; width: 200px; height: 50px; border:#006633; }

     

    P

     

    Here is my original content.

     

    #content {

    float: left;

    color: #333;

    border: 1px solid #FFFFFF;

    margin: 0px 0px 0px 0px;

    padding: 10px;

    height: 630px;

    width: 506px;

    display: inline;

    background-color: #FFFFFF;

    }

     

    I am stuck :|

    Help

  2. This is what I used in Dremweaver and it does not show any borders.

     

     

     

     

    could you help me with the first col and where should the code go in the style.

     

    Column 1 row 1

     

    #content {

    float: left;

    color: #333;

    border: 1px solid #FFFFFF;

    margin: 0px 0px 0px 0px;

    padding: 10px;

    height: 630px;

    width: 506px;

    display: inline;

    background-color: #FFFFFF;

    }

     

    I hope I am not asking to much.

    You guys are huge help.

  3. This is what I used in Dremweaver and it does not show any borders.

     

     

     

     

     

    I don't know what I am doing wrong.

    I would like to add some style or border to the 6 cells.

     

    Thanks

  4. For example.

    If I would use 3 rows and 3 cols in #content. I would have an image with few words under.

    How can I style td borders to be all the same.

     

    Thanks for your help.

  5. What version of Dreamweaver are you using? If you are using CS3 or earlier, it is known to show CSS layouts incorrectly -- you really can't trust what you see in Design View, you have to view it in a browser instead. I don't know if you are working with a css based layout or tables based layout, but that may be the problem. Apparently CS4's Design View is much improved.

     

    Otherwise, it may also be that your site is coded incorrectly, so the layout breaks when the browser size changes.

     

     

    I am using CS3 with css layout. When I test in browsers looks fine.

  6. How can I solve this problem.

     

    When I hide the right side options in dreamweaver to make design area bigger the layout becomes all broken.

    Huge margin between header and content and the left column shows top right.

     

    When I keep the working area with all the right side options to be visible everything is fine.

     

    Thanks

  7. In this example the gradient image (I used Photoshop) is 5px wide and 210px tall. With black on top and green (#3d733b) on bottom.

     

    96399732em7.jpg

     

     

    So in your CSS the body rule might look like this:

     

    body {
       background-image:url(images/body_gradient.gif);
       background-color: #3d733b;
       background-repeat:repeat-x;
    }

     

    It looks great.

    I have one more question from your example. What would I need to do to have black on the bottom and the footer can match the gradient.

     

    Thanks

  8. I am working on my first project that started as a school assignment.

     

    I was reading the old posts and I could not find the answer.

     

    I can't figure out how to add Gradiant image background outside the header, navigation etc.

     

    Here is a portion of my css style

     

    body {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    }

    #wrapper {

    margin: 0 auto;

    width: 922px;

    }

    #header {

    color: #333;

    width: 900px;

    float: left;

    padding: 10px;

    border: 1px solid #ccc;

    height: 70px;

    margin: 10px 0px 0px 0px;

    background: #FFFFFF;

    }

     

    Thanks

    Harry

×
×
  • Create New...