2 bilder nebeneinander wie?

haii
ich will gern in meiner hp 2 oder 3 bilder nebeneinander haben aber wie mach ich das?
kann mir jemand den code geben? i möcht aber auch einen kleinen abstand zwischen den bildern haben.
danke

Die Bilder werden nach rechts gefloatet, der Zeilenumbruch der Klasse "clearer" beenden den Fluss nach links.

danke und wie kann ich jetz noch die größe von den 2 bildern ändern?
sind die 2 bilder mit dem abstand dann auch in der mitte so?

Die Größe der Bilder ändest du am besten lokal auf deinem PC mit einem Bildbearbeitungsprogramm.

asu und dann hochladen und die adresse da bei url eingeben ok.

jep aber du kannst den <img> tag noch durch atributte wie heigh und widht ergänzen. damit legst du die größe ebenfalls fest. Wo hostest du deine pics den? wennn de willst mach ich das für dich

danke das grieg i aber hin.
i mach das bei tinypic
ich versuch das jetz alles mal

ich hab des grad probiert aber die bilder sind imme rnoch untereinander vieleicht weil der breich da zu klein ist.
könnt ihr mir sagen wie das trozdem geht mit der größe.
meine hp

zu theblackdevil90 9851 ne also das is mir zu kompliziert i will ja nur 2 bilder die nebeneinander sind und über den schmalen breich gehen

Oh man. Du kennst ne seite für HTML? Sei glücklich. Aber zur HP gehört mehr! Jscript VBscript JavaScript Javaapplets usw. Nur html ist langweiligg


Rai-Kage

hilfe da oben habe ich meine hp geschrieben und die bilder sind immer noch untereinander. wie kann ich die nebeneinader machn über den bereich da?

UH... da fehlen nen paar Ü usw. die seite hat iwie nen schaden. ich les ma kurz im quellcode und was sehen wir? du darfst bei den bildern kein <br> oder lerrzeichen oder absatzmachen!!!

ähm hallo der editor von knuddels iis doch da und da schreib ich meine sachen rein
da ist ja dann so ein schmaler bereich und die bilder hätte ich gern breiter als den bereich.
ich hab einfach den code von oben genommen

Das ist ein kleines mathematisches Problem, dass an sich ueberhaupt nichts mit floats zu tun hat.
Deine Bilder sind 400px Breit, heisst also in ihrer Gesammtheit 800px breit.
Jetzt ist das aber so, dass der von Knuddels vorgegebene Wrapper, um die 600px breit ist.
Dir fehlen also satte 200px, da kannst du noch so viel floaten, die Bilder werden immer untereinander angezeigt, solange du den wrapper nicht vergroesserst.

Loesung:

Du schliesst deine Bilder in einen Wrapper, der etwas breiter oder genau so breit ist wie die Bilder in ihrer Gesammtheit. Natuerlich wird das bei kleineren Aufloesungen, sagen wir mal .. bescheiden aussehen aber es loest dein primaeres Problem, ohne dir einen allzugrossen Workaround zu basteln.

Im uebrigen, brauchst du ueberhaupt kein float, denn Bilder sind inline-Elemente, die werden solange nebendeinander dargestellt, solange es genug Platz gibt.

Kann etwas CSS, vielleicht ist das hier hilfreich:


Ist ungetestet.
Zur Rrklärung.
Es werden zwei Felder (bild1 und bild2) definiert, die normalerweise nebeneinander stehen sollten.
Durch margin-right im ersten bild und margin-left im 2. bild entstehen jeweils 10 px (also insg. 20) Abstand zwischen den Bildern. Indem du die beiden Zahlen veränderst, kannst du den Abstand varirieren lassen.
Die Bildgröße lässt sich unten im <img ... height="" und width=""> einstellen. Einfach einen wert eintragen und das ganze Testen.
Adresse des Bldes sollte klar sein.
Fragen? --> /m

hm... mit css kann man nicht alles lösen. und mit normale html geht das auch. ich mach das mal kurz auf meiner hp for

@Jens96

Hoer mal kleiner, es ist zwar schoen, dass du einen Loesungsweg bietest/bieten kannst aber lassen wir doch diesen rudimentaeren Scheiss doch bitte, denn das ist absoluter Bockmist, mal ganz davon abgesehen, dass es ueberfluessigen Kot beinhaltet.

Meine Fragen dazu:
Wieso negiert man Werte bei einem Element, die sowieso Ausgangswerte darstellen.
Eine Division, hat sowieso keinen Boarder und ohnehin keinen Aussenabstand.
Den abstand der Bilder zueinander, kann man auch direkt ueber die Bilder selber bestimmen.

http://hp.knuddels.de/homepages/knuddels.de/hp/39/master_bratack.html

stink simples html nur mit 2 <img> tags

Sedh ich auch so. Okay ich hab mir den code nicht reingezogen aber nu ich halt nichtz voncss oder bei ie JSSS

Schonmal das Wort Forumsknigge gehört? Schonmal Forumsknigge gelesen? So etwas, wie du da gerade von dir gibst, ist absolut unter aller Würde!
Wenn du eine bessere Lösung findest, präsentiere sie als Code im Forum, dass wir alle etwas davon haben und man nicht im Quelltext suchen muss.
Aber hör auf hier andere runterzumachen, nur weil du einen besseren Lösungsweg hast!
Das ist absolut indiskutabel!
Übrigends programmiere ich Code und nicht Kot!