Via CSS-Datei H1- und H2-Tag bearbeiten

Verfasst am: 08. 06. 2009 [08:37]
Cleanthinking
Dabei seit: 08.04.2009
Themenersteller

7 Beiträge
Beitrag hilfreich?

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 (-> " target="_blank" class="link_10">http://www.cleanthinking.de/neue-zweiraeder-elmoto-und-e-rockit/1548/#more-154icon_cool.gif 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?

 
Verfasst am: 08. 06. 2009 [10:25]
gerard
Dabei seit: 12.05.2009

1276 Beiträge
Beitrag hilfreich?

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

 
Verfasst am: 08. 06. 2009 [10:35]
gerard
Dabei seit: 12.05.2009

1276 Beiträge
Beitrag hilfreich?

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.

 
Verfasst am: 08. 06. 2009 [10:51]
Cleanthinking
Dabei seit: 08.04.2009
Themenersteller

7 Beiträge
Beitrag hilfreich?

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!

 
Verfasst am: 08. 06. 2009 [11:03]
gerard
Dabei seit: 12.05.2009

1276 Beiträge
Beitrag hilfreich?

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

 




Du bist nicht eingeloggt. Bitte beachte, dass Du eingeloggt sein musst, um Themen zu erstellen oder auf Beiträge zu antworten.

RSS Feed abonnieren

Werde in Echtzeit über neue Foren-Beiträge informiert:



7 Mitglieder waren innerhalb der letzten 15 Minuten online (90 heute gesamt):
adiko56, carloso, Celtic, edelrost2009, mrfinanz, twinkler, UFOMelkor

Administratoren und Moderatoren:
[keine]

Seitenreport hat 18138 registrierte Mitglieder, 3002 Themen und 29106 Beiträge.
Der aktuelle Mitgliederzuwachs liegt bei durchschnittlich 12 bestätigten Neuregistrierungen pro Tag.
Pro Tag werden im Seitenreport Forum durchschnittlich 1 neues Thema und 7 Beiträge erstellt.
Die Durchschnittszahlen berechnen sich aus den letzten 7 Tagen.

Mehrfach empfohlen

Seitenreport ist einer der bekanntesten SEO und Website Analyse Dienste im deutschsprachigen Raum und wurde u.a. schon empfohlen:
von Mr. Wong im Wong Letter
vom Leserservice der Deutschen Post
vom Technik Blog SiN
und vielen anderen

Partnerprogramm

12% Lifetime Provision auf alle Buchungen von Dir geworbener Mitglieder sowie 0,50 € für jede Registrierung. Eines der besten deutschen Partnerprogramme laut den appCharts von 100partnerprogramme.de. Nimm jetzt teil am Seitenreport Partnerprogramm und verdiene gutes Geld dabei!

* = Partnerlinks