problems with different css values

[mattiasb]

I have 2 different lists that I want to show the content in different ways, but when I assign "display: block" to one of them, the other one changes too, and if vice versa. how to get around?

 

[conor]

Do they both have the same ids?

Could you post some code?

 

[mezangath]

Are you prehaps using ID's instead of classes?

ID's only applys to 1, classes are different and can be used for many tags.

 

[mattiasb]

#flags {
position:absolute;
margin: 0px 0px 10px 10px;
display:inline;
list-style-type:none;
margin-left:90px;
margin-bottom:30px;
margin-top: 0px;
margin-right:5px;
width: 130px;
height:15px;
padding: 0px;
background-color:#FFF;
z-index: 5;
}


#menu {
margin: 50px 0px 0px 0px;
display:block;
position: absolute;
float: left;
margin-left: 48px;
margin-right: 0px;
width: 160px; height: 500px;
border:#F90 1px solid;
border-width: 0px 1px 0px 0px;
padding: 0px 10px 0px 0px;
text-align: right;
}


I need the flags to be horizontal and the menu vertical. I think I solved it by just putting the flags in the div without an <ul>, though.....

 

[mezangath]

Try:

#flags {
position:absolute;
margin: 0px 0px 10px 10px;
display:inline-block;
list-style-type:none;
margin-left:90px;
margin-bottom:30px;
margin-top: 0px;
margin-right:5px;
width: 130px;
height:15px;
padding: 0px;
background-color:#FFF;
z-index: 5;
}

 

[mattiasb]

seems to have solved the problem by just placing the items in one single <li> instead..
another question: how come links suddenly don't show in firefox and safari but only in explorer?

 

[mezangath]

cause explorer takes about everything for granted if attributes are lackin and firefox and safari doesn't

 

[chuckymcgun]

you should def switch over to using classes more than id's as mezangath stated. Classes are much more versatile. I use id's only for the overall sections of the page (combined with classes, sometimes) and classes for everything else.

Chucky
http://www.76fix.com