harryd

Thanks cpanhud

Thanks jlhaslip, You helped me a lot. I checked on bigger screen and had hope that I found a solution. I'll let u know after testing. http://www.htmlcodetutorial.com/help/ftopic4503.html http://www.cssplay.co.uk/layouts/background.html With kind words from Thelma :/ I did a better research. I hope you don't work in customer service Thanks again to all

I posted this in CSS and my question is what is the best way to use it. I am able to re size. background: ........ here is sample of what I am trying to accomplish. http://www.diabeticrockstar.com/ The background does not move as u scroll down. thanks HD

I don't think I could use a small slice. Could I send you the file.

Thanks Thelma. The image is only 3$ with clouds and green on the bottom and I think it would look great on my real estate site that I am working on. Any tips on how to optimize it? I could use a sky gradient color but I don't know how to use the photoshop yet. I just signed up for a class HD

I am purchasing a high resolution ( 3000?2543 jpg) Landscape View background. My site width is 900px. What would be the best way to use it? Thanks HD

When I used margin auto the background color showed between nav and header and the nav was still left even when I did change the width to px.

I did try align center it did not work. Any other suggestions.

How do I center the navigation. I read some tutorials and I still could not find the answer. #navigation ul { padding-left: 0; margin-left: 0; color: #000000; float: left; width: 100%; font-family: arial, helvetica, sans-serif; font-size:14px; border-top-style:none; border-right-style: none; border-bottom-style: none; border-left-style: none; background-color: #BAFF75; } #navigation ul li { display: inline; color: #000000; background-color: #BAFF75; } Home Contact Us Upcoming Shows About Us Thanks again HD

One more thing. I would like to keep it simple like this. How can I have different colors just for footer. Home | Contact Us | Directions | About Us | Resources Footer #footer { width: 900px; height: 200px; clear: both; color: #A60000; border: 1px solid #ccc; background-color: #78B876; margin: 0px 0px 10px 0px; padding: 10px; } This are my links in css a { color:#005100; border-bottom:none; text-decoration:none} a:visited{ color:#00D700; border-bottom:thin; } a:hover{ text-decoration:underline; color:#009933; } Thanks again

Thanks a lot. Final answers at killersites :cool:

I have a simple css #navigation. Home I would like to have a different color text and links in the footer from the rest of the page. Should I use #footer ul li {..} and how would my div look. Could I do it like this but again I would need different text and link color in the footer. Home | Contact Us | Directions | About Us | Resources Thanks HD

Thanks a lot.

Thanks Benjamin. Almost. Now I have the padding, still not centered. First banner has more room on the left than the last one. Thanks again

The footer is 900px wide. Thanks to newseed the banners are now horizontal. I would like to center them and have same space between. Thanks

What would be the best for the footer. I would like to add 4 banners horizontal. I found this style in the book but it can't make it work div#aaa {position : a;} div#bbb{position: b;} div#ccc {position: c;} div#ddd {position: d;} Thanks to killersites members I finished my #content with div.news with 2 cols. I would appreciate some suggestions for the footer. I am trying to add 4 horizontal banners on top and links under. Thanks HD

Thanks a lot I will work on your suggestions. I was wondering are there any tricks so I could drag the corners. Dreamweaver has the option for tables are there any short cuts available for css. Thanks again harry

I added HTML tags. I would really be happy if I could make rounded corners with no image work here is the css and is not working. div.news{ width: 230px; background: #F0F0E7; margin-bottom: 20px; color: #000000; background-color: #FFFFFF; } h3{font-size: 100%;margin:0;padding: 0 0 3px;color: #DF0000;text-align: center; font:bold} h4{font-size: 100%;margin:0;padding: 0 0 3px;background: #BAFF75;color: #000;text-align: center} p{ margin:0; padding: 5px 10px; line-height: 1.3; } .rtop,.rbottom{display:block} .rtop *,.rbottom *{display:block;height: 1px;overflow: hidden} .r1{margin: 0 5px} .r2{margin: 0 3px} .r3{margin: 0 2px} .r4{margin: 0 1px;height: 2px} .rs1{margin: 0 2px} .rs2{margin: 0 1px} Thanks harryd

Hi all, I am using two columns in my content area; 4 news boxes. How do you position them, so they are equal space between left and right column. In dreamweaver I can use draw layout mode for tables. Any CSS tools, ideas, for positioning. here is my css style #content { float: left; width: 516px; height: 730px; padding: 10px; margin: auto; border: 1px solid #FFFFFF; background-color:#FFFFFF; } .col1, .col2 { float: left; width: 230px; height: 230px; margin: 0px 15px 15px 0px; } .clear: { clear: both; width: 100%; height: 0; visibility: none; } Thanks

I recommend transcending CSS the fine art of web design. I am also new to web design. Any other suggestions ... What about a good magazine?

Thanks JBall, I followed your instruction. I am doing something wrong. here is my div New Test Thanks again

I am trying to do a news style box for my first site. Example from tutorial. http://www.html.it/articoli/nifty/nifty4js.html here is the style from tutorial Rounded("div#header","transparent","#C3D9FF","small"); Rounded("div#box","#FFF","#E4E7F2"); How can I add this style to mine. #content { float: left; width: 506px; height: 630px; padding: 10px; margin: auto; border: 1px solid #FFFFFF; background-color:#FFFFFF; } .col1, .col2 { float: left; width: 230px; height: 200px; margin: 0px 15px 15px 0px; } .clear: { clear: both; width: 100%; height: 0; visibility: none; } Thanks for your help

here is the css that I am woking on. #content { float: left; width: 526px; height: 630px; margin: auto; border: 1px solid #FFFFFF; background-color:#FFFFFF; } I am not able to work with cols and rows. Space between them etc. Wickham and Virtual were helpful but still need more help. .col1, .col2, .col3 { float: left; width: 150px; height: 150px; } Thanks

I did change html. Thanks for the link and your help guys. Since I started to work on #content footer and right column went out of line. I cant figure out the spacing between cols. I would appreciate a tutorial link. Thanks again!

Here are two styles I used for my content. If anybody could take a look. This is the new style but it does not match the line up like the old one. #content { float: left; width: 522px; height: 630px; margin: auto; border: 1px solid #FFFFFF; background-color:#FFFFFF; } .col1, .col2, .col3 { float: left; width: 150px; height: 150px; border: 1px solid #006633; margin: 0px 0px 0px 0px; } Here is the old style #content { float: left; color: #333; border: 1px solid #ccc; margin: 0px 0px 0px 0px; padding: 10px; height: 530px; width: 526px; display: inline; background-color: #FFFFFF; My goal is not to use tables. I did follow the advice above but still need some help. Thanks