#1 29. April 2009 Zuletzt von einem Moderator bearbeitet: 14. April 2017 Bild überlappen? Hallo, also ich wollte eine art Navigation erstellen. Ich habe ein Bild, das soll der Hintergrund der Navigation sein. Und dann habe ich noch die einzelnen Button. Wie bekomme ich jetzt den Button über das Bild der Navigation. Zur verständnis hänge ich mal ein gemaltes Bild mit Paint an ^^ ... Ich hoffe ihr versteht was ich meine ^^ ... Wenn einer einen guten Vorschlag für eine Navigation hat, bin ich immer sehr froh über tipps und hilfe. Vielen Dank Gruß + Multi-Zitat Zitieren
#2 29. April 2009 AW: Bild überlappen? Navigation: HTML: <div style="background-image:url('background.png'); width: 500px; height: 400px;"><div> 500px und 400px ersetzt du durch Höhe, Breite deines Backgrounds.. Button: HTML: <a href="seite.html"><img src="button.png" alt="seitenname"></a> Da ich mal annehmen, dass der Button nen Link sein soll, hab ich das gleich ma so gemacht... seite.html => Link button.png => Bild für den Button Zusammen: HTML: <div style="background-image:url('background.png'); width: 500px; height: 400px;"><a href="seite.html"><img src="button.png" alt="seitenname"></a><div> + Multi-Zitat Zitieren
#3 30. April 2009 AW: Bild überlappen? Hi, danke, klappt soweit. Ich hatte auch schon daran gedacht, das Bild als Hintergrund zu machen und dann den Button darüber, hatte nur gedacht das es eine elegantere Lösung gibt. Naja... Danke Gruß + Multi-Zitat Zitieren
#4 30. April 2009 AW: Bild überlappen? oder du könntest für jeden navigationspunkt einen submit bzw. image input erstellen... mit image kannste dann das bild und die adresse elegant festlegen... alles eine programmdesign frage die lösung oben sollte klappen. du könntest auch in deiner css Code: a{ background-image: url("blabla"); } festlegen, da gibts noch interessantes mit a:hover, a:active etc. viel spass beim designen + Multi-Zitat Zitieren