harryd

June 5, 2009

Thanks cpanhud

May 31, 2009

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

May 30, 2009

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

May 29, 2009

I don't think I could use a small slice.

Could I send you the file.

May 29, 2009

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

May 29, 2009

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

March 27, 2009

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.

March 27, 2009

I did try align center it did not work.

Any other suggestions.

March 27, 2009

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

March 27, 2009

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

March 27, 2009

Thanks a lot.

Final answers at killersites :cool:

March 27, 2009

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

March 26, 2009

Thanks a lot.

March 25, 2009

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

March 25, 2009

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

March 25, 2009

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

March 11, 2009

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

March 10, 2009

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

March 10, 2009

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

March 10, 2009

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?

February 18, 2009

Thanks JBall,

I followed your instruction. I am doing something wrong.

here is my div

New

Test

Thanks again

February 16, 2009

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

February 7, 2009

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

February 7, 2009

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!

February 6, 2009

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

Sign In

Profiles

Forums

Events

Downloads

Gallery

Store

Posts posted by harryd

New