Du bist nicht angemeldet. [Anmelden]
Optionen
Thema bewerten
bilder nebeneinannder - #1288403 - 22.10.2007, 23:32:05
vivaschnucki
Forum​user​

Registriert: 23.06.2007
Beiträge: 6
wie wardn der code wo man bilder nebeneinannder bekommt????

wäre nett wenn den mir jem geben würde rolleyes

[zum Seitenanfang]  
Re: bilder nebeneinannder [Re: vivaschnucki] - #1288414 - 23.10.2007, 00:03:41
Süßa<Boi>
Nicht registriert


Zum Beispiel mit: <table><tr><td>BILDCODE1</td></tr><tr><td>BILDCODE2</td></tr></table>

[zum Seitenanfang]  
Re: bilder nebeneinannder [Re: ] - #1288525 - 23.10.2007, 10:40:01
vivaschnucki
Forum​user​

Registriert: 23.06.2007
Beiträge: 6
gibts da auch noch nen anderen code wie man die nebeneinannder bekommt??

[zum Seitenanfang]  
Re: bilder nebeneinannder [Re: vivaschnucki] - #1288576 - 23.10.2007, 12:11:38
ds2006
Nicht registriert


Du kannst es auch mit diesem Code hier machen:

<div style="overflow:auto; position: absolute; width:430px; height:550px; left:70px; top:280px"><img src="Bild-url"></div>

Damit kannst du genau die Position des Bildes auf der Seite bestimmen um zwei Bilder nun nebeneinander zu haben lässt du den Top-Wert eben unverändert und passt den left wert solange an bis sie nebeneinander erscheinen. Hierbei müssen width- und height-wert immer ein wenige grösser sein als das eigentliche Bild da du ansonsten einen Scrollbalken bei den Bildern bekommst.

Mit diesen Tabellen wie sie Süßaboi vorschlug hab ich leider hier bei Knuddels keine guten Erfahrungen gemacht da diese dann meist sonst wo auf der Seite waren aber nicht nebeneinander. ^^

[zum Seitenanfang]  
Re: bilder nebeneinannder [Re: ] - #1288712 - 23.10.2007, 14:49:04
KnuddelWelli

Registriert: 03.09.2003
Beiträge: 5.769
Ort: Egelsbach
Zitat:
Du kannst es auch mit diesem Code hier machen:

<div style="overflow:auto; position: absolute; width:430px; height:550px; left:70px; top:280px"><img src="Bild-url"></div>

Damit kannst du genau die Position des Bildes auf der Seite bestimmen um zwei Bilder nun nebeneinander zu haben lässt du den Top-Wert eben unverändert und passt den left wert solange an bis sie nebeneinander erscheinen. Hierbei müssen width- und height-wert immer ein wenige grösser sein als das eigentliche Bild da du ansonsten einen Scrollbalken bei den Bildern bekommst.

Wie wärs, wenn man einfach das overflow:auto; da raus nimmt? Dann kann man sich die width- und height-Angaben auch sparen und es gibt trotz allem keine Scrollleisten.
Außerdem: Wieso beziehst du es denn nicht gleich aufs Bild?? Das sähe dann so aus:

<img src="BILDURL" style="position:absolute; left:ZAHLpx; top:ZAHLpx">

Aber mal ganz abgesehen davon: wenn ich persönlich zwei Bilder nebeneinander haben will, dann schieb ich sie in einem Grafikprogramm einfach zusammen, speicher sie ab (je nach Hintergrund eben mit der Hintergrundfarbe, oder, wenn es ein Muster / bestimmtes Bild im Hintergrund gibt, eben als GIF mit transparentem Hintergrund), und binde sie dann auf der HP ein. Vllt. kompliziert, kommt aber in jedem Browser und auf jeder HP gut. rolleyes



Gruß, Kat glücklich

[zum Seitenanfang]  
Re: bilder nebeneinannder [Re: KnuddelWelli] - #1288825 - 23.10.2007, 16:32:28
oOWebmasterOo

Registriert: 14.02.2006
Beiträge: 1.947
Ort: Deutschland
Somit gehts auch lach

<div style="float:left;">BILD 1</div><div style="padding-left:[color:"green"]5[/color]px;">BILD 2</div>

Das grüne kannst du ändern, das bestimmt den Abstand zwischen den 2 Bildern.
_________________________
Mfg, Webbie! Wenn du auch mal reinfallen willst -> Klick mich! zwinker

[zum Seitenanfang]