Seite 1 von 1
Grafische Links nebeneinander in einem Div
Verfasst: 18.10.2008, 14:41
von bydlo
moin moin,
steh grade mal wieder CS-mäßig auf dem Schlauch.
Ich möchte gerne mehrere Bilder nebeneinander in einem Div aufrufen.
Diese Bilder beeinhalten alle einen link.
der HTML-Code:
Das CSS:
Code: Alles auswählen
#gal {
width:1000px;
}
#gal img {
padding:10px;
border:1px solid #000000;
background:#ECE7D7;
display: inline;
}
Das rgebnis:
Sie stehen amlinken rand der seite untereinander stat nebeneinander.
Kann mir mal jemand auf die sprünge helfen?
Bin schon eine Weile am rumprobieren.
Gruss axel
Verfasst:
von
Hochwertiger Linkaufbau bei ABAKUS:
- Google-konformer Linkaufbau
- nachhaltiges Ranking
- Linkbuilding Angebote zu fairen Preisen
- internationale Backlinks
Wir bieten
Beratung und
Umsetzung.
Jetzt anfragen:
0511 / 300325-0
Verfasst: 18.10.2008, 15:05
von guppy
>display: inline;
wird nicht von allen browsern richtig interpretiert, vielleicht liegt es daran - ohne es jetzt weiter geprüft zu haben, erinnerre ich mich, dass ich da auch mal Probleme mit hatte, Ich glaube FF oder orera kennen die CSS Weisung nicht und ignorieren dann einfach.
Re: Grafische Links nebeneinander in einem Div
Verfasst: 18.10.2008, 16:44
von turgay
Vielleicht:
bydlo hat geschrieben:Kann mir mal jemand auf die sprünge helfen?
Verfasst:
von
SEO Consulting bei
ABAKUS Internet Marketing Erfahrung seit 2002
- persönliche Betreuung
- individuelle Beratung
- kompetente Umsetzung
Jetzt anfragen:
0511 / 300325-0.
Re: Grafische Links nebeneinander in einem Div
Verfasst: 18.10.2008, 23:24
von Mork vom Ork
bydlo hat geschrieben:Ich möchte gerne mehrere Bilder nebeneinander in einem Div aufrufen.
[…]
#gal img {
padding:10px;
border:1px solid #000000;
background:#ECE7D7;
display: inline;
}
Das rgebnis:
Sie stehen amlinken rand der seite untereinander stat nebeneinander.
Wenn man davon absieht, dass die Angabe display:inline für <img>-Elemente überflüssig ist, weil <img>-Elemente von Haus aus inline-Elemente sind, funktioniert der Code hier tadellos wie du möchtest (mit und natürlich auch ohne display:inline).
Verfasst: 18.10.2008, 23:25
von Mork vom Ork
guppy hat geschrieben:>display: inline;
wird nicht von allen browsern richtig interpretiert […] Ich glaube FF oder orera kennen die CSS-Weisung nicht und ignorieren dann einfach.
Das meinst du jetzt nicht ernst.
Verfasst: 19.10.2008, 00:42
von Automatisierter
Code: Alles auswählen
#gal {
width:722px;
margin: 0 auto;
text-align:center;
}
#gal img {
padding:0 10px 0 0;
border:1px solid #000;
height: 150px;
background:#ECE7D7;
}
Code: Alles auswählen
<div id="gal">
<a class="wmp" href="http://localhost/kam2/fotos-mittel/flamme-fatale/1.jpg"><img src="fotos-mittel/flamme-fatale/1.jpg" alt="1" width="136px" /></a>
<a class="wmp" href="http://localhost/kam2/fotos-mittel/flamme-fatale/3.jpg"><img src="fotos-mittel/flamme-fatale/3.jpg" alt="2" width="145px" /></a>
<a class="wmp" href="http://localhost/kam2/fotos-mittel/flamme-fatale/2-gross.jpg"><img src="fotos-mittel/flamme-fatale/2.jpg" alt="3" width="171px" /></a>
<a class="wmp" href="http://localhost/kam2/fotos-mittel/flamme-fatale/5.jpg"><img class="image" src="fotos-mittel/flamme-fatale/5.jpg" alt="4" width="140px" /></a>
</div>
