|
|||
Bilder nebeneinander ohne Leerraum darstellen?
Hallo,
ich beschäftige mich nur kurz mit CSS und find genial. Bislang fand ich alles sehr logisch aufgebaut, ausser das natürlich die Browser mal wieder querschießen. Abe ich hab grad ein viel profaneres Problem. Versuche eine Flashseite von mir in CSS nachzubauen. Dabei besteht die Navigation aus Bildern die Horizontal nebeneinander plaziert sind und sich vergößern beim drüberfahren. Nun habe ich für die Bilder in einem DIV eine Liste erstellt und es wird auch fein angezeigt, aber zwischen den Bilder liegt ein ca. 4px weiter leerraum und den krieg ich einfach nicht weg. Nachdem ich jetz nun 2 Tage drann rumfrickel und keine Idee mehr habe, frag ich jetz mal nach: Der HTML-Code: Code:
<ul> <div id="subnavi"> <li><img src="Bilder_XHTML/Gebäuderein_kl.jpg" alt="Reinigung" width="110" height="110" /></li> <li><img src="Bilder_XHTML/Details_kl.jpg" alt="Erfahrung" width="110" height="110" /></li> <li><img src="Bilder_XHTML/Stein_kl.jpg" alt="Steinreinigung" width="110" height="110" /></li> <li><img src="Bilder_XHTML/Holz_kl.jpg" alt="" width="110" height="110" /></li> <li><img src="Bilder_XHTML/Wasser_fall_kl.jpg" alt="Ökologie" width="110" height="110" /></li> <li><img src="Bilder_XHTML/Glaskloetze_kl.jpg" alt="Portfolio" width="110" height="110" /></li> <li><img src="Bilder_XHTML/UBahn_kl.jpg" alt="Referenzen" width="110" height="110" /></li> <li><img src="Bilder_XHTML/Handschuh_kl.jpg" alt="Kontakt" width="110" height="110" /></li> </ul> <!-- id="subnavi"--></div> Code:
#subnavi { width: 884px; } #subnavi li{ display: inline; border:0; list-style-type: none; padding: 0; margin:0; height: 110px; width: 110px; } Lieben Dank im vorraus |
Sponsored Links |
|
||||
Hast du dem img auch alle Abstände genommen?
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
Sponsored Links |
|
|||
Meint ihr das so:
Code:
#subnavi img{ border:0; padding: 0; margin:0; aber danke schon mal für die schnelle Hilfe. Keine halbe Stunde ist schon toll. Danke vielmal Cy |
|
|||
Ja das funktionierte. Darf ich dich bitten meinem Verstehen auf die Sprunge zu helfen. Nur Abschreiben is zwar schnell aber meine Lehrer fanden das auch immer nicht wirklich hilfreich.
Mein Verständnis hängt am float:left. Mit float kann ich soweit ich das Blöcke in position bringen. Aber was passiert hier. Hast du quasi gesagt richte dich an der nächsten Möglichkeit links aus und sei nich größer als 110x110. Schuldigt wenn ich mir das ein wenig in Menschensprache umsetze ist halt einfacher zu verstehen. Liebe Grüße cy |
|
||||
Hier erklärt man dir wie float geht:
Cascading Style Sheets { Vollreferenz zu CSS 1 und CSS 2.1 : FLOAT }
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
Sponsored Links |
|
|||
Vielen Dank Emil das war ne klasse Hilfestellung. Manchmal muß man die Sachen einfach mal sehen um sie zu verstehen.
Danke auch für den Link zum float, ist zwar ein bischen langatmig aber durchaus lesenswert. Bis denne cy |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
IE8 kann keine Bilder nach DOMready darstellen? | killerfaultier | Javascript & Ajax | 2 | 07.08.2009 17:16 |
Bilder nebeneinander | StarSt0rm | CSS | 1 | 10.09.2007 00:35 |
2 bilder nebeneinander platzieren | Stressless | CSS | 3 | 25.10.2006 19:11 |
Bildergalerie mit Bildunterschrift, Bilder nebeneinander | CvH | (X)HTML | 5 | 07.08.2006 21:41 |
Bildergalerie - wie am besten Bilder darstellen? | Boris | CSS | 8 | 06.09.2004 00:19 |