• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

float oder wie oder was?

Status
Für weitere Antworten geschlossen.
S

swat

Neues Mitglied
moin,
ja ich hab ein problem(chen). Hab' mal n par sachen ausprobiert, vor allem css und grafisch und bla und möchte unbedingt wissen, wich ich es schaffe 6 grafiken (2 x 3untereinander) nebeneinander anzeigen zu lassen.
oder, gehen wir davon aus, es sind nur 2 grafiken, ist vlt. einfacher.
schaut euch doch bitte mal diese testpage an:

http://mregon.mr.funpic.de/HTML/ganzneu/index.html

beachten braucht ihr nur die beiden grauen (blau umrandeten) kästen unten, ein großer und einer, der weniger als die hälfte so groß ist.
ihr seht sicher, dass beide schräg untereinander liegen..
..was mir aber gar nicht in den kram passt!
denn die grafiken sollen Nebeneinander sein, direkt nebeneinander und trodzdem will ich ihr positionen bestimmen.
es sieht mir aus wie ein ungewollter zeilenumbruch oder so, naja der crack unter euch sieht bestimmt, was das problem ist und ich habe es schon mit
float: left; ausprobiert, das las ich in mal irgendwo. aber diese variante macht überhaupt nicht das, was ich will wobei es sich eigentlich so anhörte, als hätte sie das vor... wie auch immer
danke für eure hilfe ! mal im voraus
 
Du hast für jeden deiner "Kasten" 3 divs verwendet.
Schreib doch mal alle 3 jeweils in einen div, den du dann mit dem anderen positionierst.

Code: 
<div style="position:absolute;left: 0px; width:55%;">
  <div id="head"></div>
  <div id="body></div>
  <div id="bottom"></div>
</div>
<div style="position: absolute; left: 60%;">
  <div id="head"></div>
  <div id="body></div>
  <div id="bottom"></div>
</div>
 
ojj, super ! dankeschön !

but what ist this?
die 2 dinger sind im IE nebeneinander und gut, aber im FF sind sie zwar auch nebeneinander, jedoch 5 pixel zu weit rechts? kann ich die nebeneinander machen und sagen <center>, so dass sie dann weiterhin nebeneinander bleiben? denn center hätte den gleichen effekt wie jetzt, denn sie sollen ja in der mitte nebeneinander sein, nur mit der nebenwirkung, dass eines unter dem anderen wieder ist :(
 
Zuletzt bearbeitet:
Soweit ich es verstanden habe, moechtest du, dass die BIlder so sind
Code: 
Bild1 | Bild2 | Bild3
Bild4 | Bild5 | Bild6
Dann so:
HTML: 
<div>
<img src="bild1.jpg" style="width:??px; height:??px; border:??px; float:left;">
<img src="bild2.jpg" style="width:??px; height:??px; border:??px; float:left;">
<img src="bild3.jpg" style="width:??px; height:??px; border:??px;">
</div>
<div>
<img src="bild4.jpg" style="width:??px; height:??px; border:??px; float:left;">
<img src="bild5.jpg" style="width:??px; height:??px; border:??px; float:left;">
<img src="bild6.jpg" style="width:??px; height:??px; border:??px;">
</div>

MfG; matibaski
 
NEIN !
diese 6 grafiken sind 2 mal quasi das gleiche
einen top und einen bottom, dazu ein zwischenstück was sich an den textangepasst oft wiederholt ;)

bild 1 | bild 4
bild 2 | bild 5
bild 3 | bild 6

wärst du so nett das daran anzupassen, ich komm mit dem float nicht klar, weil ich nicht genau weiß, was es eigentlich bedeutet.
​
 
<div>
<img src="bild1.jpg" style="width: ??px; height: ??px; border: ??px; float:left;">
<img src="bild2.jpg" style="width: ??px; height: ??px; border: ??px; float:left;">
</div>
<div>
<img src="bild3.jpg" style="width: ??px; height: ??px; border: ??px;">
<img src="bild4.jpg" style="width: ??px; height: ??px; border: ??px; float:left;">
</div>
<div>
<img src="bild5.jpg" style="width: ??px; height: ??px; border: ??px; float:left;">
<img src="bild6.jpg" style="width: ??px; height: ??px; border: ??px;">
</div>

So dürfte es hinhauen...

Bild1|Bild2|
Bild3|Bild4|
Bild5|Bild6|
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben