Zeilenumbruch in H1 überschriften durch CSS unterbinden

PsychoEagle · 08.03.2006, 14:25

Hi

hab ein Problem mit meinen H1 überschriften.

Ich habe eine Überschrift, welche aus 2 Farben besteht und somit aus mehreren H1 Elementen. Diese sprech ich über CSS Klassen an.

Code:

<h1 class="hlred">Blalalala</h1> <h1 class="hlgrey">blabla</h1>/ <h1 class="hlred">Blalalala</h1> <h1 class="hlgrey">blabla</h1>

Code:

h1.hlred {
  color: 		#A6251D;
  font-family:  	Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 		18px;
  line-height: 		18px;
  font-weight:          bold;
  text-transform: 	uppercase;
  margin: 		0 0 0 0;
  padding: 		0 0 0 0; 
}

h1.hlgrey {
  color: 		#7E7E7E;
  font-family:  	Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 		18px;
  line-height: 		18px;
  font-weight:          bold;
  text-transform: 	uppercase;
  margin: 		0 0 0 0;
  padding: 		0 0 0 0; 
}

Doch er macht mir bei jedem Endtag von H (also </h1>) einen Zeilenumbruch, welchen man mit
vergleichen kann (wohl auch das selbe sein wird).

Kann ich diesen unterbinden? Oder würdet ihr die ganze Überschrift umstellen?

Code:

<h1><span class="hlred">Blablabla</span> <span class="hlgrey">blablabla</span></h1>

und dann eben die Klassen nicht direkt H1 zuweisen?

Warum das ganze? Suchmaschinen schauen doch so gern in die Überschriften und [b] Texte

etc.

Danke für Antworten.

MFG

Baltasar · 08.03.2006, 14:29

würde an deiner stelle zwei h1-tags mit verschiedenen klassen nebeneinander machen. ohne die ganzen spans.

und zu deinem prob: "style:display:inline;" oder "style:display:inline-block;"

http://www.css4you.de/display.html

PsychoEagle · 08.03.2006, 14:34

meinst du so?

--> <h1 class="red">Blablabla <h1 class="grey">blublub</h1> blablabla</h1>

oder wie ich oben es schrieb und dann mit dem display?

Baltasar · 08.03.2006, 14:39

Zitat:

oder wie ich oben es schrieb und dann mit dem display?

so, wie es dein erster/oberster vorschlag vorsieht und dann halt mit display arbeiten.

scooter · 08.03.2006, 16:37

versuch mal so:

Code:

<h1 class="h1red">blubblub</h1><h1 class="h1grey">blublub</h1>

EDIT: Zur erläuterung
ist eine Sonderzeichen kodierung und bedeutet in diesem Fall no-breake-space ( &nbsp; ).

Zergling-new · 08.03.2006, 16:55

Hilft vielleicht:
http://de.selfhtml.org/css/eigenscha...tm#white_space

Zitat:

white-space: nowrap;

?

Edit: vielleicht sollte ich mal die Postings komplett lesen:

<h1><span class="farbe1">Text 1</span> <span class="farbe2">Text 2</span></h1>

PsychoEagle · 10.03.2006, 09:34

Danke für die Erklärung von war mir aber bekannt

habe es nun so gelöst:

code:

Code:

<h1 class="hlred">Blablabla</h1><h1 class="hlgrey">blubblub</h1>

css:

Code:

h1 {
  font-family:          Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size:            18px;
  line-height: 	        18px;
  font-weight:          bold;
  text-transform:       uppercase;
  margin:               0 0 0 0;
  padding:              0 0 0 0; 
  display:              inline;
}

h1.hlred {
  color: 		#A6251D;
}

h1.hlgrey {
  color: 		#7E7E7E;
}

Danke für eure Hilfe

agrajag · 10.03.2006, 12:20

Zitat:

Zitat von PsychoEagle

Ich habe eine Überschrift, welche aus 2 Farben besteht und somit aus mehreren H1 Elementen.

Das ist semantisch totaler Quatsch.

Du hast EINE Überschrift - warum willst du also ZWEI Überschriften auszeichnen?

Mach es ähnlich wie Zergling vorgeschlagen hat.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Textarea mit Zeilenumbruch	HSFighter	HTML, Usability und Barrierefreiheit	8	22.10.2007 14:04
Textarea mit Zeilenumbruch	Andi00	HTML, Usability und Barrierefreiheit	2	19.10.2007 20:44
Zeilenumbruch mit "\n"		PHP Tipps 2007	4	13.07.2007 19:08
[Erledigt] P-Element Zeilenumbruch Problem		HTML, Usability und Barrierefreiheit	3	03.05.2006 12:35
Zeilenumbruch in einem Array für eine FPDF Tabelle	Plague	PHP Tipps 2006	12	02.03.2006 10:07
Flash: Keine Speicherung in DB mit Zeilenumbruch in Textfeld	cytrobic	HTML, Usability und Barrierefreiheit	1	03.02.2006 16:38
zeilenumbruch erzwingen wenn text zu lang	Crypi	PHP Tipps 2006	4	27.01.2006 13:51
[Erledigt] Zeilenumbruch bleibt erhalten - trotz entfernen?		PHP Tipps 2005-2	3	16.10.2005 02:22
strlen soll einen Zeilenumbruch nur als 1 Zeichen betrachten	Flor1an	PHP Tipps 2005-2	23	03.08.2005 16:22
[Erledigt] Zeilenumbruch mit "\n"		PHP Tipps 2005-2	23	05.06.2005 22:31
? Ausrufezeichen (!) und Zeilenumbruch bei mail(...)		PHP Tipps 2005	8	23.03.2005 18:00
Automatischer Zeilenumbruch im GB	Newan	PHP Tipps 2007	8	03.01.2005 12:52
PHP -> PDF Ausgabe mit Zeilenumbruch über MySQL	tekknotrip	PHP Tipps 2004	6	23.08.2004 16:26
Zeilenumbruch bei Bildvorschau		PHP Tipps 2004	2	07.08.2004 15:33
zeilenumbruch	wizzardxx	PHP Tipps 2004	4	19.07.2004 17:17

08.03.2006, 14:25
PsychoEagle there's only one psycho Registriert seit: 21.08.2007 Beiträge: 1.283 PHP-Kenntnisse: Anfänger	Zeilenumbruch in H1 überschriften durch CSS unterbinden Hi hab ein Problem mit meinen H1 überschriften. Ich habe eine Überschrift, welche aus 2 Farben besteht und somit aus mehreren H1 Elementen. Diese sprech ich über CSS Klassen an. Code: <h1 class="hlred">Blalalala</h1> <h1 class="hlgrey">blabla</h1>/ <h1 class="hlred">Blalalala</h1> <h1 class="hlgrey">blabla</h1> Code: h1.hlred { color: #A6251D; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 18px; font-weight: bold; text-transform: uppercase; margin: 0 0 0 0; padding: 0 0 0 0; } h1.hlgrey { color: #7E7E7E; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 18px; font-weight: bold; text-transform: uppercase; margin: 0 0 0 0; padding: 0 0 0 0; } Doch er macht mir bei jedem Endtag von H (also </h1>) einen Zeilenumbruch, welchen man mit vergleichen kann (wohl auch das selbe sein wird). Kann ich diesen unterbinden? Oder würdet ihr die ganze Überschrift umstellen? Code: <h1><span class="hlred">Blablabla</span> <span class="hlgrey">blablabla</span></h1> und dann eben die Klassen nicht direkt H1 zuweisen? Warum das ganze? Suchmaschinen schauen doch so gern in die Überschriften und [b] Texte etc. Danke für Antworten. MFG __________________ "Weaseling out of things is important to learn. It's what separates us from the animals ... except the weasel." (Homer J. Simpson)


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

08.03.2006, 14:29
Baltasar Erfahrener Benutzer Registriert seit: 26.10.2003 Beiträge: 592	würde an deiner stelle zwei h1-tags mit verschiedenen klassen nebeneinander machen. ohne die ganzen spans. und zu deinem prob: "style:display:inline;" oder "style:display:inline-block;" http://www.css4you.de/display.html

08.03.2006, 14:34
PsychoEagle there's only one psycho Registriert seit: 21.08.2007 Beiträge: 1.283 PHP-Kenntnisse: Anfänger	meinst du so? --> <h1 class="red">Blablabla <h1 class="grey">blublub</h1> blablabla</h1> oder wie ich oben es schrieb und dann mit dem display? __________________ "Weaseling out of things is important to learn. It's what separates us from the animals ... except the weasel." (Homer J. Simpson)

08.03.2006, 16:37
scooter Erfahrener Benutzer Registriert seit: 23.05.2005 Beiträge: 374	versuch mal so: Code: <h1 class="h1red">blubblub</h1><h1 class="h1grey">blublub</h1> EDIT: Zur erläuterung ist eine Sonderzeichen kodierung und bedeutet in diesem Fall no-breake-space ( &nbsp; ). __________________ Life is Life and life is hard

10.03.2006, 09:34
PsychoEagle there's only one psycho Registriert seit: 21.08.2007 Beiträge: 1.283 PHP-Kenntnisse: Anfänger	Danke für die Erklärung von war mir aber bekannt habe es nun so gelöst: code: Code: <h1 class="hlred">Blablabla</h1><h1 class="hlgrey">blubblub</h1> css: Code: h1 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 18px; line-height: 18px; font-weight: bold; text-transform: uppercase; margin: 0 0 0 0; padding: 0 0 0 0; display: inline; } h1.hlred { color: #A6251D; } h1.hlgrey { color: #7E7E7E; } Danke für eure Hilfe __________________ "Weaseling out of things is important to learn. It's what separates us from the animals ... except the weasel." (Homer J. Simpson)