samma utseende på hr i IE och FF

8 svar · 270 visningar · startad av maqe 26 apr. 2005

maqeMedlem sedan dec. 2003824 inlägg

Frågan26 apr. 2005 15:11#1

hr får typ lite margin i IE men inte i FF och fläskar man på med margin så blir det för mycket i IE ... Hur fixar man det?

zcorpanMedlem sedan dec. 20042 245 inlägg

26 apr. 2005 16:49#2

http://www.webforum.nu/showthread.php?s=&postid=998340#post998340 :)

maqeMedlem sedan dec. 2003824 inlägg

26 apr. 2005 16:58#3

mjo en bild skulle man ju kunna använda om man ville :)

PalleMedlem sedan apr. 20003 174 inlägg

27 apr. 2005 07:05#4

Ett annat alternativ:

[red]hr {
	border-style: solid none;
	border-color: #a7a6aa #fff #ebe9ed #fff;
	border-width: 1px 0;
	height: 2px;
}[/red]

Exempel..

icaaqMedlem sedan okt. 20005 273 inlägg

27 apr. 2005 07:31#5

Palle skrev:

Ett annat alternativ:

[red]hr {
	border-style: solid none;
	border-color: #a7a6aa #fff #ebe9ed #fff;
	border-width: 1px 0;
	height: 2px;
}[/red]

Exempel..

Dock så ser den varianten inte likadan ut i opera... :(

mv icaaq

silfverMedlem sedan apr. 200312 679 inlägg

27 apr. 2005 07:48#6

Palle skrev:

border-color: #a7a6aa #fff #ebe9ed #fff;

Vad betyder den biten egentligen?

icaaqMedlem sedan okt. 20005 273 inlägg

27 apr. 2005 07:57#7

silfver skrev:

Palle skrev:

border-color: #a7a6aa #fff #ebe9ed #fff;

Vad betyder den biten egentligen?

[red]border-color: top right bottom left;[/red]

mv icaaq

silfverMedlem sedan apr. 200312 679 inlägg

27 apr. 2005 08:00#8

icaaq skrev:

silfver skrev:

Palle skrev:

border-color: #a7a6aa #fff #ebe9ed #fff;

Vad betyder den biten egentligen?
[red]border-color: top right bottom left;[/red]
mv icaaq

Givetvis! tack. :)

PalleMedlem sedan apr. 20003 174 inlägg

27 apr. 2005 08:14#9

Nedrans Opera. ;)

Här kommer en som gör HR-elementet visuellt lika i FF, IE och OP.

[red]hr {
	border-style: solid;
	border-color: #a7a6aa #fff #ebe9ed;
	border-width: 1px 0;
}[/red]

Exempel..