Überschrift ansprechen

[nullinger]

Ich würde gerne eine Überschrift mittels CSS anpassen, aber ich schaffe es einfach nicht, die Überschrift so anzusprechen, dass ich sie ändern kann. Kann mir da bitte jemand helfen?
Ich habe den html-code mal als Bild angehängt. Das blau hinterlege würde ich gerne anpassen wollen.

 

[elchdesign]

funkioniert denn der Standard nicht: zB. #title {color: red;} - obwohl mir persönlich "title" als idname nicht sehr gefällt.

 

[Raigen]

Muss mich meinem Vorredner anschließen, "title" als ID ist wirklich sehr unpraktisch gewählt.


Wie dem auch sei. Dir sollte es eigentlich problemlos möglich sein diese ID anzusprechen!

#title { color: #FFF; }

Ich frag mich aber gerade wo ich mir die Datei so ansehe, warum hast du der h2 eine Class namens "title" gegeben? Du kannst doch die h2 auch direkt ansprechen!

h2 { color: #FFF; }

Falls du eine bestimmte h2 erreichen willst, setzt du halt den Class- bzw. ID-Namen der übergeordneten Div Box davor!

#links h2 { color: #FFF; }

Ich komm hier wohl aber gerade ein wenig vom Thema ab.


Falls es per #title nicht klappt, was es eigentlich tun sollte, könntest du doch auch einfach einen <style> tag mit einbinden!

<div id="title" style="color: #FFF;">

Hoffe das hilft dir irgendwie weiter!


Mit freundlichen Grüßen,
Raigen

 

[nullinger]

Danke für eure Antworten, aber mir ist schon klar, wie ich allgemein eine ID anspreche. Es geht mir jedoch darum, dass ich nur die eine ID anspreche. In diesem Fall befindet sich diese auf der linken Seite meiner Homepage. Ich möchte ja dann auch noch "price" und "addon" ansprechen.

 

[Raigen]

Eine ID ist einzigartig. Du kannst sie nicht mehrmals benutzen, deshalb kannst du sie nur über #title ansprechen!

Wäre es eine Class, wäre das etwas anderes!

 

[nullinger]

Okay. Bei "title" und "addon" hat es auch funktioniert, aber bei "pic" funktioniert es nicht.

#pic {height:110px; width:110px}

edit: Habe gerade gesehen, dass ich das Bild nur mit .img ansprechen kann. Da ich aber nur die Bilder im Bereich "block-block-10" ändern möchte, muss ich das Bild ja irgendwie ansprechen können, oder?
Im Anhang nochmal der html-Code. Das blau hinterlegte möchte ich ändern.

 

[Raigen]

Wenn du alle <img> Tags im "block-block-10" DIV ansprechen möchtest, muss das so aussehen!

#block-block-10 img{ height:110px; width:110px; }

Wenn du aber die Breite und Höhe des Bildes definieren möchtest, muss das im IMG-Tag selber passieren!

<img src="link.png" height="110" widht="110" />

Hoffe das hilft dir weiter!


Grüße,
Raigen