Autor |
Nachricht |
misprintedtype
Threadersteller
Dabei seit: 08.08.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 21.11.2007 13:03
Titel [CSS] Bug im Mozilla |
|
|
Moinsens!
ich hab n bug in mozilla, den ich nicht rausbekomm...
es geht um die background-images der links.
denk die bilder erklären den rest von selbst:
im IE (soll in beiden so aussehen)
Im Moz
hier der code:
Code: | .boxnavi_rechts{
width:746px;
height:425px;
text-align:center;
vertical-align:top;
background-color:#5C5B60;
margin-left:174px;
}
ul {
list-style-type: none;
width:746px;
height:25px;
overflow:visible;
}
li a:link,li a:visited,li a:active {
background-image:url(img/nav_cont_p.gif);
border-left:2px solid #5C5B60;
height:25px;
width:128px;
padding-top:5px;
text-decoration:none;
}
li a:hover {
background-image:url(img/nav_cont_a.gif);
border-left:2px solid #5C5B60;
height:25px;
width:128px;
padding-top:5px;
text-decoration:none;
} |
wäre gradios, wenn mir jmd weiterhelfen könnte. ich weiß, ich überseh einfach nur was...
Zuletzt bearbeitet von misprintedtype am Mi 21.11.2007 13:28, insgesamt 1-mal bearbeitet
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mi 21.11.2007 13:07
Titel
|
|
|
naja, mal davon ab, dass ich wette, dass es kein BUG im mozilla is, sondern... ach neh, das spar ich mir nu
vielleicht reicht schon ein einfaches display: block; in deinen definitionden.
schieb mal den relevanten html-code für die navi rüber....
|
|
|
|
|
Anzeige
|
|
|
misprintedtype
Threadersteller
Dabei seit: 08.08.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 21.11.2007 13:13
Titel
|
|
|
ja ja es is n IE bugg
n display:block; hab ich türlich schon getestet... der macht halt absätze rein, was halt auch n block macht, nech?
die height ( auch max-height...) ignoriert er total...
hier html-code
Code: | <div class="boxnavi_rechts">
<ul>
<li><a href="#">Packaging Design</a><a href="#">Marketing</a><a href="#">Press</a><a href="#">Experts & Science</a><a href="#">Contact</a></li>
</ul>
</div> |
|
|
|
|
|
Mark-Korb
Dabei seit: 11.04.2007
Ort: -
Alter: 38
Geschlecht:
|
Verfasst Mi 21.11.2007 13:20
Titel
|
|
|
schon mal auf die Idee gekommen das mit mehreren li´s zu machen also:
Code: |
<div class="boxnavi_rechts">
<ul>
<li> <a href="#">Packaging Design</a> </li>
<li> <a href="#">Marketing</a><a href="#">Press </a></li>
<li> <a href="#">Experts & Science</a> </li>
<li> <a href="#">Contact</a> </li>
</ul>
</div>
|
jetzt dem ding sagen mach die liste inline und display: block;
dürfte dann besser funktionieren und man würde die liste auch verwenden und nich nur überflüssigen code durch sie erzeugen.
Zuletzt bearbeitet von Mark-Korb am Mi 21.11.2007 13:22, insgesamt 1-mal bearbeitet
|
|
|
|
|
misprintedtype
Threadersteller
Dabei seit: 08.08.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 21.11.2007 13:22
Titel
|
|
|
klaro!
aber dann stellt er sie untereinander... habs anders noch nie hinbekommen, daß die navi dann waagerecht ist, außer wenn ich alle <a> in 1 <li> packe...
wenn du sonst ne idee hast, bin ich dankbar!
Zuletzt bearbeitet von misprintedtype am Mi 21.11.2007 13:23, insgesamt 1-mal bearbeitet
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Mi 21.11.2007 13:29
Titel
|
|
|
nur mal n tipp oder so:
Code: |
<style type="text/css">
li {
display:inline;
}
ul {
display:block;
}
</style>
<ul>
<li>01</li>
<li>02</li>
<li>03</li>
</ul>
|
|
|
|
|
|
misprintedtype
Threadersteller
Dabei seit: 08.08.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 21.11.2007 13:33
Titel
|
|
|
nope... won't work...
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mi 21.11.2007 13:46
Titel
|
|
|
so, nimm das als basis (sieht im ie und moz gleich aus)
und pass es an deine wünsche an...
Code: |
<style type="text/css">
.boxnavi_rechts {
text-align: center;
}
.boxnavi_rechts ul {
list-style-type: none;
}
.boxnavi_rechts li {
float: left;
border:2px solid #5C5B60;
height:25px;
width:128px;
display: block;
}
</style>
<div class="boxnavi_rechts">
<ul>
<li><a href="#">Packaging Design</a> </li>
<li><a href="#">Marketing</a></li>
<li><a href="#">Press </a></li>
<li><a href="#">Experts & Science</a> </li>
<li><a href="#">Contact</a> </li>
</ul>
</div>
|
|
|
|
|
|
|
|
|
Ähnliche Themen |
IE - Mozilla
Mozilla Firefox + CSS
css problem > IE - Mozilla
[CSS] Mozilla spackt rum...
Ein- / Ausblenden im Mozilla und IE
IE7 vs Mozilla Anzeigen...
|
|