bernd_franken
Neues Mitglied
Hallo,
ich habe schon eine Menge rumprobiert und gesucht, aber noch keine Lösung gefunden.
Ich möchte in einem DIV, der die Navigation enthält, im oberen linken Eck ein gif-Logo plazieren.
Da der Auftritt zahlreiche Seiten enthält, möchte ich das nicht per html
<img src= (Pfad, Größe, Ränder...)...>
Die html-Lösung mit Klassen-Zuordnung ist mir auch wenig sympathisch, weil dann viel Text in den html-Seiten bleibt
<img src="/images/logo.gif" class="logo..>
Zur Entschlackung des Seitencodes (habe auch noch andere div-Bilder) hätte ich am liebsten Pfad, Dateiname und Bildeigenschaften in der externen Css-Datei.
Leicht wäre es, ein DIV-Bild in der css-Datei als Hintergrund zu defininieren:
{
background-image: url('images/logo.gif')
}
Aber damit habe ich auch kein Glück, denn ich möchte erstens auf das Logo einen Link setzen und zweitens das Logo 15px nach rechts rutschen, damit es das padding der anderen Elemente mitmacht. Und andere Elemente sollten das Bild nicht überlagern.
Es soll also in der css-Datei für den Container "Navigation" definiert werden:
#Navigation{
width: 160px;
Lade folgendes Bild, aber nicht als Hintergrundbild;
}
Nun ist die Frage, ob es dafür einen Syntax gibt. Und wenn nicht, wie man das sonst noch lösen könnte.
ich habe schon eine Menge rumprobiert und gesucht, aber noch keine Lösung gefunden.
Ich möchte in einem DIV, der die Navigation enthält, im oberen linken Eck ein gif-Logo plazieren.
Da der Auftritt zahlreiche Seiten enthält, möchte ich das nicht per html
<img src= (Pfad, Größe, Ränder...)...>
Die html-Lösung mit Klassen-Zuordnung ist mir auch wenig sympathisch, weil dann viel Text in den html-Seiten bleibt
<img src="/images/logo.gif" class="logo..>
Zur Entschlackung des Seitencodes (habe auch noch andere div-Bilder) hätte ich am liebsten Pfad, Dateiname und Bildeigenschaften in der externen Css-Datei.
Leicht wäre es, ein DIV-Bild in der css-Datei als Hintergrund zu defininieren:
{
background-image: url('images/logo.gif')
}
Aber damit habe ich auch kein Glück, denn ich möchte erstens auf das Logo einen Link setzen und zweitens das Logo 15px nach rechts rutschen, damit es das padding der anderen Elemente mitmacht. Und andere Elemente sollten das Bild nicht überlagern.
Es soll also in der css-Datei für den Container "Navigation" definiert werden:
#Navigation{
width: 160px;
Lade folgendes Bild, aber nicht als Hintergrundbild;
}
Nun ist die Frage, ob es dafür einen Syntax gibt. Und wenn nicht, wie man das sonst noch lösen könnte.
Zuletzt bearbeitet: