Autor |
Nachricht |
bacon
Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 11.02.2009 14:06
Titel
|
|
|
Jo, so in etwa, du brauchst aber keine <div>-Tags. Wenn das Ding 3 Bilder pro Zeile a x Breite hat, brauchste nur n <p> drum rum zu packen, das bekommt eine Breite von 3 mal x
Code: | <p id="navi">
<a href="link1.html"><img src="bild1.jpg"/></a>
<a href="link1.html"><img src="bild1.jpg"/></a>
<a href="link1.html"><img src="bild1.jpg"/></a>
<a href="link1.html"><img src="bild1.jpg"/></a>
<a href="link1.html"><img src="bild1.jpg"/></a>
<a href="link1.html"><img src="bild1.jpg"/></a>
<a href="link1.html"><img src="bild1.jpg"/></a>
<a href="link1.html"><img src="bild1.jpg"/></a>
<a href="link1.html"><img src="bild1.jpg"/></a>
</p> |
Die <a>-Tags kriegen display:block und ne Breite von x, sowie ein float nach links, die Bilder erhalten ebenfalls ein display:block, um die px-lücke nach unten bei Bildern im Standardtextfluss zu vermeiden.
Zuletzt bearbeitet von bacon am Mi 11.02.2009 14:07, insgesamt 1-mal bearbeitet
|
|
|
|
|
Deelishiz
Threadersteller
Dabei seit: 20.01.2009
Ort: Göttingen
Alter: 36
Geschlecht:
|
Verfasst Mi 11.02.2009 14:11
Titel
|
|
|
achso was ich vergessen hatte! jeder einzelne ändert sich wenn man draufklickt bekommt also ein hover ähm geht das dann trotzdem noch so wie du das meintest?
es sieht bei mir nämlich so aus :S die liste soll neben das bild also rechts daneben. und dann wie gesagt so wie bei meinem ersten post. und wenn man das anklickt kommt wie gesagt von jedem einzelnen ein hover effekt
Zuletzt bearbeitet von Deelishiz am Mi 11.02.2009 14:16, insgesamt 2-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
bacon
Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 11.02.2009 14:16
Titel
|
|
|
Der Königsweg wäre dann: Du stellst die Bilder auf display:none und weist den <a>-Tags die Bilder mittels background-css-property zu. Damit werden die Bilder auch noch angezeigt, wenn du die Seite ohne Stylesheet betrachtest. Den Bildtauscheffekt generierst du dann mit a:hover. Vorsicht, beim <img>-Tag das alt-Attribut nicht vergessen, ich habs da oben leider nicht berücksichtigt.
|
|
|
|
|
|
|
|
Ähnliche Themen |
[CSS] Navigationsliste mit Bildern/Icons à la Desktop
bei mehreren Bildern weißen Hintergrund durch Tranzp. ersetz
Webite aus mehreren SWF´s?
Not-Selector mit mehreren IDs in CSS
Formular mit mehreren Beratern (PHP)
ssh : VirtualHost einrichten - mit mehreren IPs
|
|