Einzelnen Beitrag anzeigen
  #3 (permalink)  
Alt 11.05.2017, 11:01
crane crane ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.01.2017
Beiträge: 28
crane befindet sich auf einem aufstrebenden Ast
Standard

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>
Nun sollen nur die Links also a tags in diesem div eine bestimmte Eigenschaft bekommen.

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;
}
Wie kann ich das ohne großen Aufwand machen.

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.
Mit Zitat antworten