|
|||
Elementeigenschaft nur bei bestimmten Div
Hallo,
ich habe zu folgenden Problem eine Frage. Ich habe z.B. Elemente wie Links die eine bestimmte Eigenschaft zu gewiesen bekommen sollen. Diese besondere Eigenschaft soll aber auf das Element nur in einem bestimmten div verwendet werden. Was für Möglichkeiten habe ich das mit CSS-File und HTML-File zu deklarieren. Mit einem Code-Beispiel wäre mir dabei sehr geholfen. Vielen Dank |
Sponsored Links |
|
|||
Dafür ist CSS und HTML gemacht worden, sind sozusagen die Grundlagen davon.
Code:
.link{ color: white } .link2{ color: green; } |
Sponsored Links |
|
|||
Also ich habe folgenden HTML Code:
Code:
<div id="header"> <img class="logo" src="https://xhtmlforum.de/../bilder/logo.png"></img> <a href="news.htm">News</a> <a href="info.htm">Über Mich</a> <a href="craniosacral.htm">Craniosacral</a> <a href="links.htm">Links</a> <a href="kontakt.htm">Kontakt</a> </div> Im CSS-File habe ich den Header folgender Maßen deklariert: Code:
#header { position:absolute; top:0px; left:0px; width:100%; height:115px; overflow:hidden; background:#53829d; } Dann bräuchte ich noch eine andere Hilfe zu zwei Dingen: Erstens lade ich in dem HTML code ein Bild. Da ich aber noch eine mobile Version der Website gestallten möchte, habe ich das selbe Bild in kleinerer größe vorliegen. Wie kann ich das Bild dem entsprechend ersetzen lassen, d.h. nur das gewünschte Bild wird geladen. Und als letztes brauche ich in dem Header bei der mobilen Version noch ein weiteres Bild, da ich die Links bei der mobilen Version in einem Drop-down Menü, wo der dazugehörige Button ein Bild ist unterbringen möchte. Ich habe schon alles was ich brauche. Nur muss ich noch wissen wie es fertig bringe das die entsprechenden Dinge nur abhängig vom Media Query genutzt/angezeigt werden. |
|
|||
Wenn du Links formatieren möchtest, kann man das z.B. so machen:
HTML-Code:
a { color: red; } HTML-Code:
#header a { color: red; } Noch moderner wäre es, HTML5- Elemente zu verwenden: HTML-Code:
<header> ... </header> HTML-Code:
<header> <ul> <li><a href="seite-1.html">Seite 1</a></li> <li><a href="seite-2.html">Seite 2</a></li> <li><a href="seite-3.html">Seite 3</a></li> </ul> </header> HTML-Code:
<header> <nav> <ul> <li><a href="seite-1.html">Seite 1</a></li> <li><a href="seite-2.html">Seite 2</a></li> <li><a href="seite-3.html">Seite 3</a></li> </ul> </nav> </header> |
Stichwörter |
div, eigenschaft, element |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Fragen zu CSS und Joomla | DOKTOR | CSS | 2 | 23.05.2011 20:29 |
Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 17:53 |
Header entfernen | tripple | CSS | 17 | 15.06.2010 16:41 |
Schriftfarbe in den Eintragungsfeldern von jforms | Steveislucky | CSS | 2 | 16.03.2010 11:59 |
CSS Text nebeinander? | carstiee09 | CSS | 13 | 13.11.2009 20:18 |