Via CSS-Datei H1- und H2-Tag bearbeiten
Redaktionelle Einordnung
Diese archivierte Diskussion behandelt Via CSS-Datei H1- und H2-Tag bearbeiten aus Sicht der Rubrik Erfahrungsaustausch.
Die Diskussion bleibt als Archiv nutzbar. Für die aktuelle Bewertung empfehlen sich ergänzend neuere Artikel, Tools oder eine konkrete Analyse.
Sinnvoll nutzbar bleibt der Thread vor allem als historischer Kontext, für typische Fragestellungen und zur Einordnung älterer Empfehlungen.
Einige im historischen Thread genannte Tools, Dienste oder externe Links könnten heute nicht mehr verfügbar oder inhaltlich überholt sein. Nutzen Sie sie bitte nur mit zusätzlicher Prüfung.
Startbeitrag
Originaler Foreninhalt in modernisierter Darstellung.
Vielleicht kann mir als CSS-Laien mal jemand rasch helfen: Und zwar würde ich gerne das Layout des H3-Tags auf meiner Seite auf das H2-Tag übertragen -- wie hier (-> www.cleanthinking.de/neue-zweiraeder-elmoto-und-e-rockit/1548/) zu sehen, habe ich in meinem Cleantech Blog Zwischenüberschriften.
Diese sind aber als H3-Tag definiert, weil mir das Layout der vom Sheet vorgegebenen H2-Tags nicht gefällt - an welcher Stelle im css-Sheet muss ich etwas ändern?
Vermutlich hier, aber all meine Tests funktionierten nicht:
#main h2,
#main h3,
#main h2 a,
#main h3 a{
color:#366c00;
font-size:19px;
font-size:22px;
margin:10px 0;
font-weight:bold;
line-height:1.1em;
font-family:arial,verdana;
border:0;
text-decoration:none;
}
#main h3,
#main h3 a{
margin:10px 0;
color:#62A3E4;
font-size:15px;
}
Idee?
Antworten
4 BeiträgeCleanthinking schrieb:
Und zwar würde ich gerne das Layout des H3-Tags auf meiner Seite auf das H2-Tag übertragen
Kommentiere mal versuchsweise die Angaben zu h3 aus, sieht dann so aus:
/* #main h3,
#main h3 a{
margin:10px 0;
color:#62A3E4;
font-size:15px;
} */
Eventuell wars das schon.
Gérard
Cleanthinking schrieb:
Und zwar würde ich gerne das Layout des H3-Tags auf meiner Seite auf das H2-Tag übertragen
Und wenn du die kleine Schrift beibehalten willst (was ich tun würde), sieht es so aus:
#main h3,
#main h3 a{
/* margin:10px 0;
color:#62A3E4; */
font-size:15px;
}
Gérard
der das gerade mal mit dem Web Developer Addon für Firefox ausprobiert hat.
Gerard schrieb:
Cleanthinking schrieb:
Und zwar würde ich gerne das Layout des H3-Tags auf meiner Seite auf das H2-Tag übertragen
Und wenn du die kleine Schrift beibehalten willst (was ich tun würde), sieht es so aus:
#main h3,
#main h3 a{
/* margin:10px 0;
color:#62A3E4; */
font-size:15px;
}
Gérard
der das gerade mal mit dem Web Developer Addon für Firefox ausprobiert hat.
Euch schon mal vielen Dank, aber anscheinend habe ich einen großen Fehler beim Einbau gemacht, der die Seite zerschossen hat... Verdammt!
Cleanthinking schrieb:
Euch schon mal vielen Dank, aber anscheinend habe ich einen großen Fehler beim Einbau gemacht, der die Seite zerschossen hat... Verdammt!
Du hast die schliesende Klammer nach #main gelöscht. So sollte es aussehen:
#main{
float:left;
width:560px;
margin-top:-10px;
margin-bottom:30px;
}
#main h2,
#main h3,
#main h2 a,
#main h3 a{
color:#366c00;
font-size:19px;
font-size:22px;
margin:10px 0;
font-weight:bold;
line-height:1.1em;
font-family:arial,verdana;
border:0;
text-decoration:none;
}
Gérard