Hi
hat jemand eine ide wie ich das feld das in ------>#main .mod_customnav a,#main .mod_customnav span <----------- auf prsition von z.b. #main .mod_customnav li.Rechtsgebiete bringe und zugleich die gleiche größe einstelle wie das hinterlegte bild hatt (150x150) hab schon einiges versucht aund mir zerreist es jedes mal alles im frontend
wäre für jeden tip dankbar
HTML-Code:
<div id="main">
<div class="inside">
<div id="kanzlei" class="mod_article block">
<h1 class="ce_headline">infos kanzlei[/I]</h1>
<div class="ce_text block">
<p style="text-align: left;">Lorem ipsum dolor sit amet, consetetur sadipscing elitr,</p>
<p style="text-align: left;">sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
<p style="text-align: left;">At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,</p>
<p style="text-align: left;">
no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
<br>
<br>
</p>
</div>
</div>
<nav class="mod_customnav block">
<a class="invisible" href="#skipNavigation4">Navigation überspringen</a>
<ul class="level_1">
<li class="123">
<a class="123 first" title="123" href="index.php/123.html">123</a>
</li>
<li class="1234">
<a class="1234" title="1234" href="index.php/1234.html">1234</a>
</li>
<li class="Team">
<a class="Team" title="Team" href="index.php/team.html">Team</a>
</li>
<li class="Rechtsgebiete">
<a class="Rechtsgebiete" title="Rechtsgebiete" href="index.php/rechtsgebiete.html">Rechtsgebiete</a>
</li>
<li class="Service">
<a class="Service" title="Service" href="index.php/service.html">Service</a>
</li>
<li class="Kontakt last">
<a class="Kontakt last" title="Kontakt" href="index.php/kontakt.html">Kontakt</a>
</li>
</ul>
<a id="skipNavigation4" class="invisible"> </a>
</nav>
</div>
</div>
</div>
Code:
#main .mod_customnav {
left:1px;
overflow:visible;
font-size:12px;
}
#main .mod_customnav li {
width:150px;
height:40px;
left:10px;
position:relative;
float:left;
margin:10px 2.5px;
padding-top:110px;
border:1px solid #050505;
border-radius:2px;
font-size:14pt;
list-style-type:none;
behavior:url('assets/css3pie/1.0.0/PIE.htc');
behavior:url('assets/css3pie/1.0.0/PIE.htc');
behavior:url('assets/css3pie/1.0.0/PIE.htc');
behavior:url('assets/css3pie/1.0.0/PIE.htc');
behavior:url('assets/css3pie/1.0.0/PIE.htc');
}
#main .mod_customnav a,
#main .mod_customnav span {
overflow:visible;
display:block;
margin-left:5px;
padding:4px;
border:1px solid #00ffea;
text-decoration:none;
color:#030303;
}
#main .mod_customnav span.active {
font-style:italic;
color:#333;
}
#main .mod_customnav li.Seeger {
background-color:#f00;
}
#main .mod_customnav li.Würthner {
background-color:#7880cf;
}
#main .mod_customnav li.Team {
background-color:#40ff00;
}
#main .mod_customnav li.Rechtsgebiete {
background-image:url("files/Layoutbilder/Gesetzesbuecher.jpg");
}
#main .mod_customnav li.Service {
background-color:#acbdb8;
}
#main .mod_customnav li.Kontakt {
background-color:#cc58c8;
}
Lesezeichen