mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mo 29.04.2024 03:32 Benutzername: Passwort: Auto-Login

Thema: Navigationsliste aus mehreren Bildern vom 10.02.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Navigationsliste aus mehreren Bildern
Seite: Zurück  1, 2, 3
Autor Nachricht
bacon

Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 11.02.2009 14:06
Titel

Antworten mit Zitat Zum Seitenanfang

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 *zwinker*

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
  View user's profile Private Nachricht senden
Deelishiz
Threadersteller

Dabei seit: 20.01.2009
Ort: Göttingen
Alter: 36
Geschlecht: Weiblich
Verfasst Mi 11.02.2009 14:11
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Anzeige
Anzeige
bacon

Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 11.02.2009 14:16
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2, 3
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.