Grafiken nebeneinander vs. css !!! Bitte helft mir!

  • Hallo allerseits,

    versuche eine halbwegs ordentliche Homepage zu erstellen und anscheind mache ich beim aneinander setzen von Grafiken bzw. Garfiken und Texten etwas grundlegendes falsch. Kann es sein das meine Formatierung im css die ich für "text2" hinterlegt habe, keine weiteren "width"-Eingaben zu lässt?
    Habe im css die Weite auch auf 450 px gesetzt.
    Wie kann ich die Inhalte trotzdem nebeneinander setzen? Mit Tabellen arbeiten und wenn ja wie :) ?

    Hier mal der Quelltext:
    -------------------------------------------

    <div class="text2" style="width:450px;margin-right:1em;padding-right:0px;">

    <big>text</big>


    text text text


    text text text
    </p>

    <div class="text2" style="margin-right:1em; margin-top:20px; width:300px;">


    text


    </div>

    </div>

    <div class="text2" style="margin-right:1em; margin-top:38px; width:450px;">


    text text text</p>
    </div>

    <div class="text2" style="margin-top:20px">


    CFD-Beispiel 1:</p>


    CFD-Beispiel 2:</p>

    </div>

    ---------------------------------

    Vielen vielen Dank!!!!

  • Du kannst Elemente nebeneinander anordnen mit der Eigenschaft

    Code
    float: left;

    Wenn der gepostete Quelltext dein Originalquelltext ist, solltest du ihn noch stark vereinfachen. Wenn du z.B. auf "class="text2" verweist, dann packe dort auch alle Styleangaben rein, am besten in einer ausgelagerten CSS-Datei.

    Vielleicht hielt dir meine Signatur weiter.

  • Mhhh....vielen Dank, aber so richtig hat mir HTML- bzw. CSS-Spatzenhirn das noch nicht weitergeholfen.

    Ich berarbeite meine "style.css Datei" immer mit simple css. Da kann ich dann neue css styles hinzufügen wie eben z.B. text2. Zur Auswahl stehen dann Text/Display/Borders/Dimension/Source

    Mein Problem ist das z.B. Mozilla die Seite nicht richtig darstellt. Sondern nur ein sehr schmales Fensterchen in dem ich dann nur einen kleinen Ausschnitt der eigentlichen Seite sehe und dann wie ein Wahnsinniger Scrollen kann. Nicht aktzeptabel also.

    Ich vermute das liegt daran da ich ein zweites mal unter dem mit dem div-Befehl rechts daneben angeordneten Teil auf "text2" verweise. Könnte es was bringen wenn ich statt div mit einer table arbeite? Oder wo kann ich im css etwas vergleichbares erreichen?

    Nochmal vielen lieben Dank.

    Anleitung am Besten Idioten sicher :)

  • Mit deinem System kenne ich mich nicht aus.
    Versuch's mal so:

    Diese beiden Bilder sollten nebeneinander dargestellt werden. Ob du so viele p-Tags brauchst musst du ausprobieren. Kommt drauf an, wie der Text in Relation zum Bild platziert werden soll.

  • Vielen Dank sejuma!
    Mein eigentlicher Fehler war das ich viel zuviele neue div-Blöcke gebaut habe. Dabei hätte ich für das was ich dar stellen wollte, eigentlich immer nur 2 gebraucht. :D
    Also vielen Dank für die Hilfe!

    Andere Frage....woran liegt es das die Bilder beim ersten Öffnen des jeweiligen Fensters meist immer erst viel zu tief in die Länge gezogen werden? Vermute es hat mit meiner "style="width:100% height:100%" zu tun. Da er die Weite ja über den div zugeteilt bekommt, tritt in der Breite kein Fehler auf. Da aber nach "unten" keine Ende vorgeben ist, zieht er die Bilder erst immer in die Länge.

    Gibt es da eine andere Möglichkeit? Bzw. wie vermeide ich den Fehler?

    Lieben Gruß

    gulibamba