Querstriche Tags

stevie99 · #1 (**permalink**) 13.11.2007, 14:24

Kurze pragmatische Frage:

Mit was für Tags macht man Querstriche (also _______________________) und wie definiert man für sie einen Hintergrund, eine Schriftart und ihre Länge ?

RoToRa · #2 (**permalink**) 13.11.2007, 15:02

Kommt darauf an was diese Querstiche sein sollen?

Optische Trenner oder Design Elemente mit <hr> (wobei der IE da beim Stylen etwas unflexibel ist) oder einfach mit "border".

Oder meinst du Platzhalter im Fließtext z.B. für auszudruckenden Formulare? Da wäre warscheinlich ein Inline-Element mit einer Reihe   (auch wenn das nicht besonders sauber ist) und entweder Unterstreichung oder einem border-bottom möglich.

Robin

stevie99 · #3 (**permalink**) 13.11.2007, 16:28

Geh mal bitte auf Stern.de

Da siehst Du "Weitere Meldungen", darunter ein Strich.

Das will ich machen

schubidu · #4 (**permalink**) 13.11.2007, 17:18

das Element <h2> in der "Weitere Meldungen" steht hat das hier:

PHP-Code:


			
<style type="text/css">

h2 {

     padding-bottom: 1px solid #666666

}

</style>

stevie99 · #5 (**permalink**) 13.11.2007, 17:40

Super, Danke !

stevie99 · #6 (**permalink**) 13.11.2007, 17:43

Ich habe es jetzt so gelöst und bin damit auch sehr zufrieden:

.kategorie-start{
font-family : 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 0.9em;
border-bottom : 1px solid #666666;
border-color: black;
font-weight: bold;
color : black;}

Frage nur noch:

Wie bestimmte ich den Abstand von Schrift und Strich ?
Soll ein wenig größer sein !

inta · #7 (**permalink**) 13.11.2007, 17:46

Den Innenabstand bestimmst du mit Padding, also z.B. "padding-bottom: 0.5em;".

Code:

padding-bottom: 1px solid #666666

Schöne Kreation

stevie99 · #8 (**permalink**) 13.11.2007, 17:58

Danke.

Wieso schöne Kreation ?
Findest es schlecht ?

Sag mal, was für ein exakter schriftstyle das ist weißt du nicht zufällig oder ?
also art und Größe (das weitere Nachrichten bei Stern)

inta · #9 (**permalink**) 13.11.2007, 18:11

Schöne Kreation, weil es das nicht gibt, es muss border-bottom heißen.

Die Schriftart ist Verdana.
Surfst du mit dem Firefox? Dann besorg dir mal Firebug, damit kannst du ganz leicht Webseiten analysieren.

stevie99 · #10 (**permalink**) 13.11.2007, 18:25

Na dann habe ich es ja wenigstens richtig

Danke Dir.

Also gebe ich

font-family : 'Verdana', Lucida Grande, Verdana, Arial, Sans-Serif;

an

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Strings die HTML Tags enthalten erkennen?	braindead	Serveradministration und serverseitige Scripte	7	30.12.2008 19:54
Reihenfolge von Tags	ismx	(X)HTML	12	03.09.2008 13:15
Mehrere Tags mit speziellen CSS formatieren	pKurmannCH	CSS	4	17.10.2005 23:31
Leere <div> Tags ohne spacer.gif	droptix	(X)HTML	10	19.08.2005 15:04
Eigene Tags in XHTML 1.1	x-sharp	(X)HTML	8	03.03.2005 21:53