Sers,
ich habe horizontale Linksin einem relativen Container definiert, die sich allerdings nun nicht mehr in der Größev erändern lassen...woran kann das liegen?
hier ein auszug:
html: <div class="white">
<div class="wrapper">
<div id="navmenu">
<ul id="navlist">
<li>platzhalter</li>
<li><a href="#">link1</a></li>
<li><a href="#">link2</a></li>
<li><a href="#">link3</a></li>
<li>platzhalter</li>
</ul>
<span id="navclear"></span>
</div></div></div>
css:
.white
{ background-color: white;
position: relative;
border-left:15px solid #000000;
border-right:15px solid #000000;
width: 740px;
height: 320px;
z-index: 0; }
.wrapper { marginleft:15px; }
#navmenu ul {
text-align: center;
margin: 0 0; }
#navmenu ul li {
float:left;
list-style:none; }
#navmenu ul li a {
background:#FF6701;
display:block;
color:#FFFFFF;
font-size:10px;
font-weight:bold;
font-family:ARIAL,VERDANA,HELVETICA;
border:1px solid #FFFFFF;
text-decoration:none;
padding:2px 0 3px 0;
margin:0 -1px 0 0;
width: 96px; }
#navclear {
display: block;
clear: both; }
#navmenu ul li a:hover {
background-color: #369;
color: #fff; }
#navmenu a:active {
background: #80FF00;
color: #fff;
}
#navmenu li#active a {
background:#FFFF00;
border: 1px solid #c60;
color: #fff; }
#navmenu2 ul {
text-align: center;
margin: 0 0; }
Vorerst sorry für den langen text...kann mir jmd sagen woran das liegt?
Danke im Voraus!
ich habe horizontale Linksin einem relativen Container definiert, die sich allerdings nun nicht mehr in der Größev erändern lassen...woran kann das liegen?
hier ein auszug:
html: <div class="white">
<div class="wrapper">
<div id="navmenu">
<ul id="navlist">
<li>platzhalter</li>
<li><a href="#">link1</a></li>
<li><a href="#">link2</a></li>
<li><a href="#">link3</a></li>
<li>platzhalter</li>
</ul>
<span id="navclear"></span>
</div></div></div>
css:
.white
{ background-color: white;
position: relative;
border-left:15px solid #000000;
border-right:15px solid #000000;
width: 740px;
height: 320px;
z-index: 0; }
.wrapper { marginleft:15px; }
#navmenu ul {
text-align: center;
margin: 0 0; }
#navmenu ul li {
float:left;
list-style:none; }
#navmenu ul li a {
background:#FF6701;
display:block;
color:#FFFFFF;
font-size:10px;
font-weight:bold;
font-family:ARIAL,VERDANA,HELVETICA;
border:1px solid #FFFFFF;
text-decoration:none;
padding:2px 0 3px 0;
margin:0 -1px 0 0;
width: 96px; }
#navclear {
display: block;
clear: both; }
#navmenu ul li a:hover {
background-color: #369;
color: #fff; }
#navmenu a:active {
background: #80FF00;
color: #fff;
}
#navmenu li#active a {
background:#FFFF00;
border: 1px solid #c60;
color: #fff; }
#navmenu2 ul {
text-align: center;
margin: 0 0; }
Vorerst sorry für den langen text...kann mir jmd sagen woran das liegt?
Danke im Voraus!
Zuletzt bearbeitet: