Cleanthinking
Themenersteller
PR-Berater
Neuling (7 Beiträge)

Via CSS-Datei H1- und H2-Tag bearbeiten

am 08.06.2009, 08:37 Uhr eröffnete Cleanthinking folgenden Thread
Erfahrungsaustausch und gegenseitige Hilfe    2907 mal gelesen    4 Antwort(en).

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?


Cleantech-Blog Cleanthinking.de

gerard
Content Gott (1271 Beiträge)
am 08.06.2009, 10:25 Uhr schrieb gerard

Cleanthinking 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


http://bretagne-virtuell.de

gerard
Content Gott (1271 Beiträge)
am 08.06.2009, 10:35 Uhr schrieb gerard

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.


http://bretagne-virtuell.de

Cleanthinking
PR-Berater
Neuling (7 Beiträge)
am 08.06.2009, 10:51 Uhr schrieb Cleanthinking

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!


Cleantech-Blog Cleanthinking.de

gerard
Content Gott (1271 Beiträge)
am 08.06.2009, 11:03 Uhr schrieb gerard

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


http://bretagne-virtuell.de

  • 1


« zurück zu: Erfahrungsaustausch und gegenseitige Hilfe

Das Seitenreport Forum hat aktuell 5274 Themen und 36115 Beiträge.
Insgesamt sind 48327 Mitglieder registriert.