+ Antworten
Ergebnis 1 bis 2 von 2

Thema: Text neben dem eingefügten Bild bleibt unten

  1. #1
    TP-Newbie PatRicc macht alles soweit korrekt
    Registriert seit
    Jul 2007
    Beiträge
    4

    Exclamation Text neben dem eingefügten Bild bleibt unten

    Hallo zusammen !!!

    Ich hab eein problem undzwar.... möchte ich ein Bild mit Dreamweaver in mein desin einfügen und dann neben dem bild ein text schreiben. Nur das problem ist das der imme unter schreibt. ich will das der ganz normal neben den bild weiter schreibt von oben an .

    Hier ein Beispiel Bild dazu ...

    http://img135.imageshack.us/my.php?i...eispielrh0.jpg

    Ich hoffe ihr könnt mir Helfen

    Vielen dank schon mal


    Patricc

  2. #2
    TP-Insider TP-Sponsor zulujaner ist ein richtiges Arbeitstier - DANKE zulujaner ist ein richtiges Arbeitstier - DANKE zulujaner ist ein richtiges Arbeitstier - DANKE zulujaner ist ein richtiges Arbeitstier - DANKE Avatar von zulujaner
    Registriert seit
    Apr 2008
    Ort
    Naumburg
    Beiträge
    879

    Lightbulb

    Hallo PatRicc,

    dein Problem kannst du so lösen.

    Erweitere die Angaben zu deinem Bild so:

    HTML-Code:
    <td width="332" valign="top">
    <img src="powered_by.png" width="165" height="68" hspace="10" style="float:left; margin-right:10px; margin-bottom:5px;"/>
    Das ist der Text der rechts neben dem Bild stehen soll. Dieser Text richtet sich an dem Bild aus. Solange Bild "da ist" steht der Text rechts daneben. Nach dem Bildende geht es wieder standard mäßig links weiter.
    </td>
    Mit style kannst du dem Bild noch Informationen zur Darstellungsweise mitgeben.

    float:left; sagt - ich das Bild stehe links, alles andere soll sich rechts neben mir ausrichten. Funktioniert auch mit right, dann die anderen Sachen anpassen!

    margin-right:10px; sagt dem Text das er erst 10px rechts vom Bild entfernt anfangen soll.

    margin-bottom:5px; hier sind unten zwischen Bild und Text 5px Abstand.


    Damit du diese lange Anweisung nicht hinter jedes Bild schreiben mußt, kannst du auch mit klassen arbeiten.

    Das sieht dann bei deinem Beispiel so aus:
    HTML-Code:
    <td width="332" valign="top">
    <img src="powered_by.png" width="165" height="68" hspace="10" class="img_left" />
    Das ist der Text der rechts neben dem Bild stehen soll. Dieser Text richtet sich an dem Bild aus. Solange Bild "da ist" steht der Text rechts daneben. Nach dem Bildende geht es wieder standard mäßig links weiter.
    </td>
    Jetzt brauchst du aber im head deiner Seite noch eine Style Definition.
    HTML-Code:
    <head>
    <style type="text/css">
    .img_left {
    	float:left; 
    	margin-right:10px; 
    	margin-bottom:5px;
    	}
    </style>
    </head>
    Wie du siehst, ist einiges möglich mit Style Anweisungen. Das nennt sich CSS. Infos darüber bekommst du ne ganze Menge hier.

    So na denn viel paß beim basteln...

    zulujaner

+ Antworten

Ähnliche Themen

  1. Eingefügten Text kennzeichnen
    Von designfanatiker im Forum Webdesign allgemein
    Antworten: 1
    Letzter Beitrag: 09.05.2007, 18:21
  2. Text bleibt nicht neben Tabelle stehen
    Von Maria23 im Forum GoLive
    Antworten: 2
    Letzter Beitrag: 31.12.2006, 11:15
  3. LaTeX - Bild neben Text einbinden.
    Von Pepo im Forum PrePress
    Antworten: 1
    Letzter Beitrag: 16.07.2004, 12:53
  4. Text neben Bilder
    Von Okidbuster im Forum Dreamweaver & andere Webeditoren
    Antworten: 6
    Letzter Beitrag: 27.02.2004, 18:18
  5. java-script: bild neben text ausrichten
    Von georgehuxley im Forum HTML & CSS
    Antworten: 2
    Letzter Beitrag: 03.06.2002, 23:13

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51