webForumDet fria alternativet

hr fet i mozilla

8 svar · 215 visningar · startad av icaaq

icaaqMedlem sedan okt. 20004 910 inlägg
#1

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

PalleMedlem sedan apr. 20002 716 inlägg
#2

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..

bg_hr.gif
icaaqMedlem sedan okt. 20004 910 inlägg
#3

Jag får väl köra en fuling då ;)

Tack Palle

PalleMedlem sedan apr. 20002 716 inlägg
#4

Vet inte om det går att göra det snyggare,
har inte hittat någon bättre lösning faktiskt. ;)

Inga problem. :)

jarvkloMedlem sedan juli 20013 295 inlägg
#5

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]
}
PalleMedlem sedan apr. 20002 716 inlägg
#6

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

jarvkloMedlem sedan juli 20013 295 inlägg
#7

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 ;)

PalleMedlem sedan apr. 20002 716 inlägg
#8

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* ;)

icaaqMedlem sedan okt. 20004 910 inlägg
#9

Tack så hemskt mycket för hjälpen jarvklo och Palle

mvh icaaq

Genererad på 387 ms · cache AV · v20260730165559-full.f96bc7eb