tutorials.de Buch-Aktion 02/2012
ERLEDIGT
NEIN
ANTWORTEN
6
ZUGRIFFE
1453
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    brillentuch brillentuch ist offline Rookie
    Registriert seit
    May 2007
    Beiträge
    5
    hey leute,

    ich hab mir jetze mit der dreamweaver testversion und nem youtube tutorial meine eigene homepage erstellt. das lief bisher auch ganz gut, nur jetzt hänge ich an einer stelle fest. bitte seht euch mal den anhang an.

    1. ich möchte gerne den text neben dem foto platzieren. die erste zeile sitzt dort schon ganz gut, nur die nachfolgenden bekomme ich nicht darunter.
    2. im entwurf modus kann ich auch immer nur ein leerzeichen setzen. diese muss ich im code modus mühsam einfügen. tabstops gar nicht. geht das auch anders?

    vielen dank im voraus
    gruß nicolas

    p.s. ich hab gestern das erste mal dreamweaver geöffnet. das möchte ich auch so selten wie möglich tun, denn ich hab schon genug programme bei denen ich noch genug lernen muss.
    Miniaturansicht angehängter Grafiken Miniaturansicht angehängter Grafiken Text und Bild nebeneinander-capture-25-13_37_38-kopie.jpg  
     

  2. #2
    Maik Tutorials.de Gastzugang
    Hi,

    nutze hierfür die float-Eigenschaft, die das Grafikelement erhält, und binde die einzelnen Textabsätze (<p>-Element) in einen DIV-Block, der die Grafik umfließt.

    Und achte in deinen Beiträgen bitte auf unsere Netiquette (Nr.15) bzgl. der erwünschten Groß- und Kleinschreibung - vielen Dank

    mfg Maik
     

  3. #3
    brillentuch brillentuch ist offline Rookie
    Registriert seit
    May 2007
    Beiträge
    5
    Hey Maik,

    vielen Dank für die schnelle Antwort. Das mit dem DIV-Block hat nicht funktioniert.
    Ich hab jetzt einfach Bild und Text in Photoshop geladen und ein jpg. draus gezaubert und in meinen Mainframe eingefügt.
    Für mich ist es damit gelöst.

    Vielen Dank für die schnelle Hilfe.

    Gruß Nicolas
     

  4. #4
    THEJS THEJS ist offline Mitglied Silber
    Registriert seit
    Aug 2007
    Ort
    Sandl (Oberösterreich)
    Beiträge
    93
    Nja, aber die Lösung ist ziemlich Dreckig (Quick'n'Dirty)

    Also ich hätt den Text in einen Container gegeben (vorzugsweise div) und dann wie schon von Maik gesagt das Style-Attribut float auf left gesetzt.

    PHP-Code:
    <img src="foobar.png" alt="" />
    <
    div style="float: left;">
    Lorem ipsum dolor sit ametconsectetur adipiscing elitAliquam vitae est et dui cursus sagittis in ac lorem.<br />
    Morbi sollicitudin vestibulum vulputate.<br />
    Cras enim antecondimentum sed feugiat idvulputate non neque...
    </
    div
    Wenn ich mich jetzt nicht Irre sollte das funktionieren.

    greez
    THEJS
     
    Das Danke: kostet nicht viel und sieht gut aus. ;)

    --> Bitte das Thema als erledigt markieren, wenn es das ist!!

  5. #5
    Maik Tutorials.de Gastzugang
    Zitat Zitat von THEJS Beitrag anzeigen
    Also ich hätt den Text in einen Container gegeben (vorzugsweise div) und dann wie schon von Maik gesagt das Style-Attribut float auf left gesetzt.

    PHP-Code:
    <img src="foobar.png" alt="" />
    <
    div style="float: left;">
    Lorem ipsum dolor sit ametconsectetur adipiscing elitAliquam vitae est et dui cursus sagittis in ac lorem.<br />
    Morbi sollicitudin vestibulum vulputate.<br />
    Cras enim antecondimentum sed feugiat idvulputate non neque...
    </
    div
    Wenn ich mich jetzt nicht Irre sollte das funktionieren.
    Das zu umfliessende Element (mit float formatiert) wird im Markup an erster Stelle genannt.

    Da der Text rechts neben dem Bild erscheinen soll, lautet der Code folglich:
    HTML-Code:
    <img src="foobar.png" alt="" style="float:left;" />
    <div >
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vitae est et dui cursus sagittis in ac lorem.<br />
    Morbi sollicitudin vestibulum vulputate.<br />
    Cras enim ante, condimentum sed feugiat id, vulputate non neque...
    </div>

    mfg Maik
     

  6. #6
    brillentuch brillentuch ist offline Rookie
    Registriert seit
    May 2007
    Beiträge
    5
    Hey Leute,

    mit dem Code von Maik hats geklappt!
    Vielen Dank an euch beide!

    Gruß Nicolas

    P.S. Wosn der Button auf dem "erledigt" steht?
     

  7. #7
    Maik Tutorials.de Gastzugang
    Zitat Zitat von brillentuch Beitrag anzeigen
    Wosn der Button auf dem "erledigt" steht?
    Dort, wo jetzt "Frage offen" steht, was bedeutet, dass das Thema "erledigt" ist

    mfg Maik
     

Ähnliche Themen

  1. Antworten: 1
    Letzter Beitrag: 05.10.09, 12:06
  2. Antworten: 1
    Letzter Beitrag: 05.12.08, 11:15
  3. Antworten: 9
    Letzter Beitrag: 12.09.08, 13:28
  4. bilder nebeneinander text oben dynamisch
    Von darkmana im Forum CSS
    Antworten: 2
    Letzter Beitrag: 04.12.07, 21:50
  5. Text nebeneinander positionieren
    Von folio im Forum CSS
    Antworten: 5
    Letzter Beitrag: 17.02.06, 08:19