Jag har denna:
[red]
hr
{
margin: 0px;
width: 100%;
color: #cccccc;
height: 1px;
background-color: transparent;
}[/red]
och i IE är den tunn men i mozilla är den för fet hur ska jag få den tunn även i mozilla?
mvh icaaq
8 svar · 215 visningar · startad av icaaq
Jag har denna:
[red]
hr
{
margin: 0px;
width: 100%;
color: #cccccc;
height: 1px;
background-color: transparent;
}[/red]
och i IE är den tunn men i mozilla är den för fet hur ska jag få den tunn även i mozilla?
mvh icaaq
Vet att man kan göra en fuling för att komma runt det.. ex.
[RED]<html>
<head>
<style>
div.hr {
height: 1px;
background: #fff url(bg_hr.gif) repeat-x center;
}
div.hr hr {
display: none;
}
</style>
</head>
<body>
<div class="hr"><hr /></div>
</body>
</html>[/RED]
Bifogar bg-bilden i exemplet..
Vet inte om det går att göra det snyggare,
har inte hittat någon bättre lösning faktiskt. ;)
Inga problem. :)
Hmm...
Moz verkar använda sig av border för effekten...
Tyvärr både border-top och border-bottom samtidigt...
Vilket ger "dubbla tjockleken"
Prova:
hr {
margin: 0px;
width: 100%;
color: #cccccc;
height: 1px;
background-color: transparent;
[b]border-top: 0;[/b]
}
jarvklo skrev:
Hmm...
Moz verkar använda sig av border för effekten...
Tyvärr både border-top och border-bottom samtidigt...
Vilket ger "dubbla tjockleken"
Stämmer bra, ser mycket bättre ut. :bire
Det enda som inte fungerar är färgsättningen.
Då kanske man slipper göra en fuling i fortsättningen då? ;)
Jarvklo: Du har aldrig funderat på att skriva en bok? :OO
Palle skrev:
Det enda som inte fungerar är färgsättningen.
Sant.
Men man kan ju alltid gå förbi det problemet med t.ex:
border-top:0;
border-bottom: solid 1px #cccccc;
Palle skrev:
Du har aldrig funderat på att skriva en bok?
Vi får väl se vad det blir av http://xhtml.nu/ till slut... Skillnaden mellan Webben och en bok är att jag kan sätta mina egna mål och deadlines på webben och inte behöver leva upp till något formellt kontrakt om leveranstid - och just nu passar den modellen mig som handsken ;)
Fick använda denna för att få ändarna i samma färg också:
[RED]border-top: 0px;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;[/RED]
Jo det förstås, tycker dock att det saknas en riktigt bra bok om xhtml på marknaden. *blink blink* ;)