1px Trennungslinie

cym

cym

Aktives Mitglied
Thread Starter
Dabei seit
03.05.2004
Beiträge
1.363
Reaktionspunkte
9
Hallo Macusers,

kann mir jemand den Code für eine hr-Linie (1px [edit: breit], orange) schreiben?
Ich schaffe nur eine mit dem schrecklichen 3D-Schatten.

Gruss,
cym :)
 
Zuletzt bearbeitet:
<hr size="1" noshade color="#FF9900" />
 
1px breit? Du meinst bestimmt hoch.

<hr size="1" noshade>

Edit: das mit der Farbe so wie oben klappt bei mir nicht...
 
Zuletzt bearbeitet:
Farbige hr's gibts nur im IE, bzw. mit background-color nur im Opera/Mozilla.

Mach ein 1x1px grossen Bild in der gewüsnchten Farbe und verwende das als Trennlinie:

<img src="1x1px_grosses_orangenes_bild.gif" style="height:1px;width:100%" alt="" />

Edit:
Ein normales Div geht natürlich auch...

<div style="background-color:#FF9900;height:1px;width:100%;"></div>
 
Zuletzt bearbeitet von einem Moderator:
mach mit css... da kannste jeden firlefanz einstellen...
 
Krest schrieb:
mach mit css... da kannste jeden firlefanz einstellen...
eben mit css habe ich mühe den ohne 3d-effekt anzeigen zu lassen.

Der mit dem div-layer probiere ich mal aus.

P.S.: Oh ja, hoch :D

Dank, gruss,
cym
 
Code:
<hr size="1" color="orange">

blah
 
insk schrieb:
Code:
<hr size="1" color="orange">

blah
Und nochmal. ;)

Das color-Attribut zieht nur im IE. Opera und Mozzi hingegen interpretieren nur die Style-Angaben. Wieder andere Browser machen nix von beidem.
 
hr finde ich eh doof... dann mach lieber den <div> oder 1px trick...
 
dms schrieb:
Das color-Attribut zieht nur im IE. Opera und Mozzi hingegen interpretieren nur die Style-Angaben. Wieder andere Browser machen nix von beidem.
Safari und Firefox machen bei mir auch die Farbe

dms schrieb:
Mach ein 1x1px grossen Bild in der gewüsnchten Farbe und verwende das als Trennlinie:

aber generell würde ich bei sowas auch ein Bild benutzen
 
Zuletzt bearbeitet:
Ich würde es so machen:
HTML:
<div style="width: 100%; height: 1px; background: orange;"></div>
 
So gehts sowohl im IE als auch mozilla:


HTML:
<hr style="border: none; color: orange; background-color: orange; height: 1px; width: 100%;"  noshade="noshade" />

Ein Bild würde ich als allerletzes verwenden, wenn ich keine Trennlinie haben möchte, dann nehme ich <hr /> und kein Bild, alles andere wäre unlogisch.
 
Zuletzt bearbeitet:
cym schrieb:
Hallo Macusers,

kann mir jemand den Code für eine hr-Linie (1px [edit: breit], orange) schreiben?
Ich schaffe nur eine mit dem schrecklichen 3D-Schatten.

Gruss,
cym :)

warum nicht so... läuft in allen browsern
<table border="0" cellpadding="1" cellspacing="0" width="100%" bgcolor="#ff8c00">
<tr>
<td></td>
</tr>
</table>
 
mige schrieb:
warum nicht so... läuft in allen browsern
<table border="0" cellpadding="1" cellspacing="0" width="100%" bgcolor="#ff8c00">
<tr>
<td></td>
</tr>
</table>

[_] Du hast verstanden.
[_] Die Kollegen vom DTP nehmen in InDesign auch immer eine Tabelle, wenn sie ein Bild rechtsbündig neben den Text setzen wollen.

Matt
 
und vor allem machen tabellen alles so übersichtlich
 
-> webmasterpro/Das hr Element gestalten
 
Zurück
Oben Unten