I have a lot of my pages done in php, but I am a newb when it comes to the coding side of this business, so I thought I would post in this section. URL: http://www.floridashopping.info In FireFox it looks totally normal, with the header links horizontal. Now when you load the site in internet explored, It makes the header links look Vertical. Any ideas? Can someone look at the View Source and tell me what I need to do to make the header links look horizontal in Internet Explorer? Thanks
Looks like IE isn't honoring the 'float:left' style in the '#nav li' tags. I know the current fashion isn't to avoid tables, but it seems like the list of links would be an appropriate use for one. For instance, the gray navigation bar on this page is a table. rickb
try using display: inline; at #nav ul { list-style: none; } #nav ul { list-style: none; display: inline;} -the mole
Thanks for the code, I'll try adding it... But just where do I add it? Somewhere in here or before this? <div id="header"> <h1>Florida Shopping</h1> <div id="nav"> <ul> <li> <a class="blog" href="http://www.floridashopping.info/">Home</a></li> <li>
Ooo. That's an interesting idea. But, would you want to do it for the 'ul', or for the 'li' items? Or do you think the 'li's would inline as a consequence of the 'ul' being inlined? Anyway, to Lithman: It goes in your .css file. (or you could add a 'style="display:inline"' in your 'ul' tag. Messier way of doing it. rickb
You need to put it in your stylesheet. I told you the wrong place before, but here's your stylesheet only to the line that needs to be changed. I've put the change in bold as well. /*---:[ Cookies 'n Cream website template design information - "style.css" /*---:[ ------------------------------------------------------------------ /*---:[ Project: Cookies 'n Cream /*---:[ Author: Chris Pearson /*---:[ Author URI: http://pearsonified.com/ /*---:[ Date: 5/1/06 /*---:[ Info: Kick-ass web designs and stuff for smart people - http://pearsonified.com /*---:[ ------------------------------------------------------------------ ]:---*/ body { background: #fff; color: #000; font: 62.5% Georgia, "Times New Roman", Times, serif; text-align: center; } * { padding: 0; margin: 0; } /*---:[ global elements ]:---*/ a { color: #1c9bdc; text-decoration: underline; } a:visited { color: #000; text-decoration: underline; } a:hover { color: #1873a1; text-decoration: underline; } p { margin: 0 0 15px 0; } blockquote { padding: 5px 10px; margin: 0 0 15px 0; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background: #f5f5f5; color: #666; } /*---:[ headlines ]:---*/ h1 { font-weight: bold; font-size: 4.0em; line-height: 1.8em; } #header h1 { text-align: right; } h2 { font-weight: normal; font-size: 2.0em; margin-bottom: 10px; } .entry h2 { color: #000; line-height: normal; } /*#sidebar h2 { font-size: 1.2em; text-transform: uppercase; letter-spacing: .3em; padding: 0 0 2px 10px; margin-bottom: 5px; border-bottom: 1px solid #dedede; color: #000; }*/ #sidebar h2 { color: #bbb; margin-bottom: 0; } h3 { font-weight: normal; font-size: 1.5em; margin-bottom: 4px; color: #bbb; } /*---:[ core layout elements ]:---*/ #container { width: 770px; margin: 0 auto; } #page { width: 770px; float: left; } #header { width: 770px; margin-bottom: 30px; float: left; } #nav { width: 100%; border-top: 4px solid #000; border-bottom: 2px solid #000; float: left; } #nav ul { list-style: none;} #nav li { float: left; } #nav li a, #nav li a:visited { display: block; height: 3.0em; padding: 0 1.2em; line-height: 3.0em; color: #000; text-decoration: none; font-size: 1.4em; text-transform: uppercase; letter-spacing: .3em; [B]display: inline;[/B]} Code (markup): -the mole