I am replying to this message as I see no reason why questions about CSS or HTML in a web design group would be considered off topic.
I edited this and it seemed to solve the whitespace issue between the nav bar and the image:
ul#list-nav{
margin-left: 0px;
margin-bottom: 0px; <<<< Add this
padding-left: 0px;
list-style-type: none;
background-color: #fff;
float: left;
width: 100%;
}
Joni Mueller
Pixelita Designs
http://www.pixelita.com
________________________________________
From: web-design@yahoogroups.com [web-design@yahoogroups.com] On Behalf Of Kathy [kathyfirak@ameritech.net]
Sent: Saturday, October 08, 2011 7:50 AM
To: web-design@yahoogroups.com
Subject: [web-design] Html and Css help please
I am having a few problems with this code shown at http://yellowdoors.co/TestingHTMLCSS/testIndex -
In Firefox the link "Contact" does not fit so it moves to the next line.
In IE and Chrome they all fit on one line but I am hoping to be able to widen the links so that they fully extend the entire width of the image below. Also, in all three browsers I am getting too much space between the links list and the image. Would like them to be just above the image with only a very little space.
For now, I moved this test page outside of the Wordpress template where it will wind up eventually so that I could validate the code first. The CSS and Html validated. Hope someone can help.
Kathy
web-design@yahoogroups.com is sponsored, owned, and founded by Technogypsie Designs (formerly Wandering Leaf Designs)
~etching your presence on the web
leafworks@yahoo.com
To unsubscribe or change your settings:
Please go to http://www.yahoogroups.com
- login, - choose group to modify, - change to unsubscribe,
web only, digest, or single post mode
By email: send a email from your email address receiving this
post to web-design-unsubscribe@yahoogroups.com
1 comments:
I found some of the interesting facts from your topic.Its really very nice.Keep sharing like this.
doral real estate
Post a Comment