<hr> 1 Pixel hoch

Flixxtoras · 28.10.2003, 14:27

PHP-Code:


			
hr    {

    background-color: transparent;

    border-bottom: 1px dashed;

    color: #000;

    height: 1px;

}

Diese Variante schein nicht richtig zu sein da in Opera und Mozilla die Linie nicht 1 Pixel hoch ist. Gibt es andere Ansätze?

thx

prefix · 28.10.2003, 14:29

hey

schon mal diese varianten probiert?

wenn die nicht helfen, dann sag bescheid und wir checken das

prefix · 28.10.2003, 14:36

das problem liegt am rahmen, der von moz / opera gezogen wird, wenn er nicht definitiv abgestellt wird!

hier ein beispiel, das an sich funktioniert:

Zitat:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
hr {
height: 1px;
color: red;
background-color: red;
border: none;
}
</style>
</head>

<body>
<hr />
</body>
</html>

hier geht es zum live-test

Flixxtoras · 28.10.2003, 14:37

Super schnelle Antort, so schnell kann ich nicht mal eine Rauchen.
Leider hat es nicht den gewünschten Effekt gebracht bzw. wird es in Netscape 7.1 und Opera falsch angezeigt. (normale 1 Pixel Linie darunter ein grauer Balken 1 Pixel groß).

Ich denke aber das es vertretbar ist zumal CSS die bessere Lösung als eine großes Bild ist.

prefix · 28.10.2003, 14:37

hab grad die lösung gepostet

siehe oben

ausschlaggebend ist die definition des rahmens:

border: none;

wird von opera7, moz/fb 0.7 und nn7 jetzt richtig dargestellt (auch vom ie)

Flixxtoras · 28.10.2003, 14:39

Ok das funktioniert super allerdings mit der Einschränkung, dass ich keinen "dashed" border anzeigen kann.

Trotzdem vielen Dank!
Prefix ich schreibe dich manchmal über ICQ an habe aber noch nie eine Antwort bekommen.

prefix · 28.10.2003, 14:39

hmm, vmtl. hab ich dich in icq nicht drin - schick mir per pm bitte deine nr.!

zum "dashed": du willst das ganze also so, na, schaun wir mal - ich probier was

prefix · 28.10.2003, 14:43

und wie schaut es damit aus??

Code:

<style type="text/css">
hr {
	height: 1px;
	border-width: 1px 0 0 0;
	border-style: dashed;
	border-color: red;
}
</style>

Flixxtoras · 28.10.2003, 14:45

Super klappt wunderbar in allen Browsern...
Vielen Dank für die schnelle Hilfe.

prefix · 28.10.2003, 14:46

gern geschehen