HTML- Wie krieg ich die Ränder weg?
also ich hab ein Bild das 5 mal nebeneinander stehen muss, sich über den ganzen Bildschirm erstreckt und es darf kein weißer Rand dazwischen sein.
hab ehrlich gesagt keine Ahnung wie ich das jetzt hinkriegen soll ^^kann mir jemand helfen ?
mfg
Antworten
Ein wenig HTML Kenntnisse musst du schon haben sonst klappt es nicht, ansonsten musst du dir von einem Anbieter einen vorgebastelten Baukasten nehmen. Bilder nebeneinander zu setzen geht am einfachsten mit einer Tabelle 5x1 also 5 Spalten und 1 Reihe. Dann mußt du noch die Rahmenbreite auf 0 setzen, damit du keinen weißen Rand mehr um die Tabellenspalten hast. Ein paar befehle dafür sind hier: http://de.selfhtml.org/ Wie lerne ich HTML. Viel Erfolg und Geduld :)
Ok...ich verstehe...^^ Guck:
...
<div style="text-align:center;">
<img src="bild.gif" width="20%" border="0" />
<img src="bild.gif" width="20%" border="0" />
<img src="bild.gif" width="20%" border="0" />
<img src="bild.gif" width="20%" border="0" />
<img src="bild.gif" width="20%" border="0" />
</div>
...
so sollte es klappen ;)
grüße aus der schmiede!
by http://www.fwt-group.de
ich glaube, du musst ins Tag der Bilder (img) border="0" dazupacken. also <img src="...jpg" border="0"></img>
funktioniert leider auch nicht..
Hallo, Dein Ansatz war gar nicht so verkehrt: Du kannst ein Div anlegen mit einer Breite, die fünfmal der Breite des Bildes entspricht und per background-repeat in x-richtung dieses Bild als background: url(...) repeat-x einbinden. Bedingt aber, dass das von den Maßen her in die Umgebung passt (weil sich das repeat nicht steuern lässt ("genau 5x")). Oder als <img> mit - wie schon Harpunier sagte mit border=0, entweder in 5 passende Divs oder eines mit fünffacher Breite (alles sicherheitshalber mit expliziten margin:0 und padding:0-Angaben)
a. CSS Datei anlegen
b. Folgendes anlegen:
.bilder {padding: 0; margin: 0; border: 0; float: left}
.bildcontainer {width: 100%; overflow: hidden; height: [hier die höhe des Bildes eingeben, in Pixel]; margin:0 auto;}
c.HTML-Code auf Seite sieht dann so aus:
<div class="bildcontainer">
<img src="bild.gif" class="bilder" />
<img src="bild.gif" class="bilder" />
<img src="bild.gif" class="bilder" />
<img src="bild.gif" class="bilder" />
<img src="bild.gif" class="bilder" />
</div>
Alternativ kannst Du die width im .bildcontainer auch noch auf 5x Bildweite (in pixel) stellen
HAt das mit dem DIV-Container jetzt geklappt? Das Problem bei der Tabelle lag vermutlich daran, dass du "cellpadding" und "cellspacing" nicht auf "0" gesetzt hast. Per default ist da immer ein bisschen was an Wert gesetzt ....
Also <table border="0" cellpadding="0" cellspacing="0">, der Rest wie schon erwähnt ...
VG Nadine
Noch nicht die richtige Antwort? Dann hier in allen Fragen und Tipps suchen:
Neu hier?
Jetzt kostenlos registrieren
und gutefrage.net vollständig nutzen.
5 Antworten pro Minute
Jetzt entdecken!
Bilder zum Thema Computer
Bilder zum Thema Html
mit ner Tabelle hab ichs auch schon versucht funktioniert auch nicht..
ich könnte das ganze ja in nem css Abschnitt machen und dann "background-repeat" aber dann werden das mehr als 5 hmm .. ich brauch unbedingt ne Lösung^^
ein Beispiel einer Tabelle ohne Rahmen, table border steht auf 0: <table border="0"> <tr> <th>Berlin</th> <th>Hamburg</th> <th>München</th> </tr> <tr> <td>Miljöh</td> <td>Kiez</td> <td>Bierdampf</td> </tr> <tr> <td>Buletten</td> <td>Frikadellen</td> <td>Fleischpflanzerl</td> </tr> </table>
mit copy & paste in einen HTML Editor packen und austesten :).
nein .. da tuts sich gar nix sieht genau so aus wie vorher .. kann das vllt am Format liegen ? das Bild ist .gif