Diese Seite ist unverschlüsselt! Um sicherzustellen, das Ihr Passwort nicht ausgelesen werden kann, sollten Sie auf die verschlüsselte Seite wechseln!

    Herzlich Willkommen, lieber Gast!
  Sie befinden sich hier:

  Forum » HTML / XML / XHTML » hr positionieren mit css
Forum | Hilfe | Team | Links | Impressum | > Suche < | Mitglieder | Registrieren | Einloggen
  Quicklinks: MSDN-Online || STL || clib Reference Grundlagen || Literatur || E-Books || Zubehör || > F.A.Q. < || Downloads   

Autor Thread - Seiten: > 1 <
000
09.09.2005, 15:32 Uhr
DarthDevilous



 ich will ein horizontal rule (<hr>-tag) mir fixer breite links positionieren (standard ist zentriert).

Code:
/*CSS-Stylesheet*/
hr {
width: 125px;
align: left; /*was hier? align gibts nicht, text-align geht nicht. alle attribute des <hr>-tags sind in XHTML deprecated.*/
}


Bearbeitung:

und wie kann ich den schatten entfernen?
Dieser Post wurde am 09.09.2005 um 15:50 Uhr von DarthDevilous editiert.
 
Profil || Private Message || Suche Download || Zitatantwort || Editieren || Löschen || IP
001
09.09.2005, 21:57 Uhr
predator



 Hallo

wenn du den linken Außenabstand auf 0 setzt, wird die Trennlinie links ausgerichtet:


Code:
/*CSS-Stylesheet*/
hr
{
    width:125px;
    margin-left:0;
}


Um die Linie zu verändern, kannst du "border" verwenden, z.B.


Code:
/*CSS-Stylesheet*/
hr
{
    width:125px;
    margin-left:0;
    border:1px dotted blue;
}


Für "border" siehe auch hier
--
Gruß
predator
Zitat von Edsger W. Dijkstra:
Es ist praktisch unmöglich, einem Studenten gutes Programmieren beizubringen, wenn er vorher in BASIC programmiert hat. Als potenzielle Programmierer sind sie geistig verstümmelt ohne Hoffnung auf Erholung.
 
Profil || Private Message || Suche Download || Zitatantwort || Editieren || Löschen || IP
002
10.09.2005, 13:29 Uhr
DarthDevilous



 in firefox bekomme ich es nicht hin, dass die linie nur 1px hoch wird (border-width: 1px; --> 2 pixel linie).
Übrigens, in IE muss man "text-align: left;" verwenden... typisch.
 
Profil || Private Message || Suche Download || Zitatantwort || Editieren || Löschen || IP
003
10.09.2005, 14:06 Uhr
FloSoft
Medialer Over-Flow
(Administrator)


jo am besten so:


Code:
border: 0px;
border-top: 1px dotted blue;


dann sollte es nur eine "obere" linie geben, mit 1px dicke
--
class God : public ChuckNorris { };
 
Profil || Private Message || Suche Download || Zitatantwort || Editieren || Löschen || IP
004
10.09.2005, 14:21 Uhr
predator



 Leider wird im IE trotzdem noch ein Schatten angezeigt
--
Gruß
predator
Zitat von Edsger W. Dijkstra:
Es ist praktisch unmöglich, einem Studenten gutes Programmieren beizubringen, wenn er vorher in BASIC programmiert hat. Als potenzielle Programmierer sind sie geistig verstümmelt ohne Hoffnung auf Erholung.
 
Profil || Private Message || Suche Download || Zitatantwort || Editieren || Löschen || IP
005
10.09.2005, 14:59 Uhr
DarthDevilous



 bei mir nicht. so sieht mein css aus:

Code:
hr {
width: 125px;
height: 1px;
margin-left: 0px;
border: 0px;
border-top: 1px solid #ACACAC;
text-align: left;
}

das height: 1px; erledigt den schatten im IE.

Bearbeitung:

für infos über firefox bugs und ihre hacks: www.computergripes.com/firefoxsites.html
ca. im letzten viertel hats info zum farben-bug beim <hr>-tag...
Dieser Post wurde am 10.09.2005 um 15:07 Uhr von DarthDevilous editiert.
 
Profil || Private Message || Suche Download || Zitatantwort || Editieren || Löschen || IP
006
10.09.2005, 15:43 Uhr
predator



 Na ja, gut zu wissen
--
Gruß
predator
Zitat von Edsger W. Dijkstra:
Es ist praktisch unmöglich, einem Studenten gutes Programmieren beizubringen, wenn er vorher in BASIC programmiert hat. Als potenzielle Programmierer sind sie geistig verstümmelt ohne Hoffnung auf Erholung.
 
Profil || Private Message || Suche Download || Zitatantwort || Editieren || Löschen || IP
Seiten: > 1 <     [ HTML / XML / XHTML ]  


ThWBoard 2.73 FloSoft-Edition
© by Paul Baecher & Felix Gonschorek (www.thwboard.de)

Anpassungen des Forums
© by Flo-Soft (www.flo-soft.de)

Sie sind Besucher: