pullman

Thanks Alchymyth, I’m very grateful, that did the trick.

Now I just need to figure out why the nav menu isn’t completely centered.
/p

Oh my I feel a fool. I made a mistake when editing the header file that I didn’t see that I typed skeleton_up.css when in fact the file is only called skeleton.css.

Abject apologies for having wasted your time like this. I do appreciate your help. I guess sometimes one needs an extra pair of eyes to actually see!

Best
/p

Further to the above, I thought display: inline; would result in displaying the list horizontally but the stylesheet that accompanies the menu doesn’t have that anywhere. I have tried inserting display: inline; in the #nav in the theme’s (F8) stylesheet but that doesn’t work either.

I suspect there is a conflict between the ordinary style.css of the theme I use and the stylesheet of the menu. I’m just not clever enough to see what. I tried putting the relevant bits of the theme stylesheet in /*…*/ but that doesn’t work either.

Help?
Thank you
/p

This is the menu’s stylesheet.

#nav,
#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font: 10px verdana, sans-serif; border:1px solid #000; border-color:#ace #79b #68a #bde; border-width:1px 2px 2px 1px; background:#fff; position:relative; z-index:200;}
#nav {height:25px; padding:0;}

#nav li {float:left;}
#nav li li {float:none; background:#fff;}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a {display:block; float:left; color:#888; margin:0 25px 0 10px; height:25px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300;}
#nav li:hover ul {left:0; bottom:21px; top:auto;}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; bottom:-7px; top:auto;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#57b;}

/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; bottom:-7px; top:auto;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:underline; color:#57b;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#888;}

And this is the relevant parts (afaik) of the theme stylesheet:

#navcontainer {padding: 0;font-family:"helvetica", Helvetica, Arial, sans-serif;text-align: right;background-color: #000;height:0px;margin:0 0 1em;}
#navlist {height:40px;}
#navcontainer p	{padding: 7px 7px 0px;font-family:"helvetica", Helvetica, Arial, sans-serif;font-size: 1em;font-weight: bold;}

/* to stretch the container div to contain floated list */

#navcontainer:after {content: ".";display: block;line-height: 1px;font-size: 1px;clear: both;}
#navcontainer img {margin: 0;padding: 0;}
ul#navlist {list-style: none;padding: 0;margin: 0px;background-color: #000;font-size: 1em;}
ul#navlist li {text-align: left;float: left;height: 40px;margin: 0;background: #000;border-right:1px solid #ccc;padding: 0;}
ul#navlist li { width: 105px; voice-family: "\"}\""; voice-family:inherit; width: 119px;}
html>body ul#navlist li { width: 125px; }
ul#navlist li a {display: block;padding: 7px 5px 25px 7px;color: #cccccc;font-size: 11px;text-decoration: none;height: 1%;height:40px;}
#navcontainer>ul#navlist li a {width: auto;height: auto;height: 8px}
ul#navlist li#active a {background: #eee;color: #<?php echo $ss_nav_hover_color; ?>;}
ul#navlist li a:hover,ul#navlist li#active a:hover {color: #f8f8f8;background-color: #212121;}
ul#navlist li.home	{border-left: none;}
ul#navlist li#empty	{width: 120px;}

FYI
I removed the above addition and added code to ie.css to amend how the divs in my first post display. It seems to work now.

Much obliged esmi.

Are there particular permissions for the uploads and cache directories?

Aha, thanks!
/p

That was simple : sheepish smile : thanks

Why did adding 0 or auto fix this, or rather, why didn’t adding the margin in the image settings work?

/p

😀 yes it took a while but I solved the invalid markup last week. Very satisfying.

I owe you a big thanks for helping out!

Thanks also for the info on conditional comments. It turns out that there is already an IE-specific stylesheet called in the header. I didn’t have to amend that one though because the problem was that the text “page one” is h4, which caused IE to push the explanatory text down. I changed it to h3 and now it works.

The CSS validator is interesting I find, and somewhat discouraging with all its errors and warnings 🙁

I noticed that it lists as an error, for instance, -moz-inline-box. But I read online that that would be necessary for Firefox. Is that true or shall I remove all those display “properties”. It all seems to look fine in FF3.

/p