iceblue-test
  Text neben Bild
 

Text neben Bild platzieren:


Möglichkeit 1: Mit dem Editor

    Schritt 1 :

  • auf "Eigene Seiten editieren"
  • wähle die gewünschte Seite aus
  • unten auf Button "Bild einfügen"
  • das gewünschte Bild auswählen
  • nun ist das Bild in der Seitenvorschau sichtbar
  • klicke das Bild mit der Maus an
  • nun mit Rechtsklick auf "Bild-Eigenschaften
  • siehe Bild Rechts (anklicken zum Vergrößern)



    Schritt 2 :

  • nun öffnet sich ein kleines Fenster
  • oben im Reiter auf "Bild-Info"
  • dort ist das Feld "Ausrichtung"
  • wähle dort aus: "Links"
  • damit wird sich der Text rechts platzieren
  • siehe Bild Rechts (anklicken zum Vergrößern)



    Schritt 3 :

  • nun oben auf "Erweitert"
  • dort ist das Feld "Style"
  • füge dort ein: "margin-right: 20px;"
  • Bild bekommt damit Außenabstand nach Rechts
  • damit der Text einen Abstand zum Bild hat
  • siehe Bild Rechts (anklicken zum Vergrößern)






Möglichkeit 2: Mit HTML-Code



  • auf "Eigene Seiten editieren"
  • wähle gewüschte Seite aus
  • nun ist die Seite zum Bearbeiten offen
  • oben links im Editor auf "Quellcode" klicken
  • nun können wir HTML-Codes einfügen
  • siehe auch Bild rechts (anklicken)
  • Beispiel-Code für 1 Bild + Text :


<img style="width:300px; float:left; margin-right:20px;" src="BILD-URL" alt=""> Dein Text

Bei width:300px;" gewünschte Breite des Bildes. Ersetze Bild-URL durch Grafik-Adresse.

Dort wo der Text neben dem Bild enden soll, sich weiterer Inhalt wieder darunter platzieren soll, musst du das float:left aufheben, mit einem clear:left; :

<br style="clear:left;">
<br>



Wo finde ich die Bild-URL (Grafikadresse) ?

  • das Bild hochladen bei "Bilder verwalten"
  • nach dem Hochladen den Bildernamen anklicken
  • das Bild wird dir nun angezeigt
  • mit der Maus auf das Bild
  • mit Rechtsklick auf "Grafikadresse kopieren" (Mozilla Browser)
  • oder mit Rechtsklick auf "Eigenschaften" (Internet Explorer)





 
  TESTTESTTEST  
 
• dies ist der Inhalt im < div id="popup1" >
• befindet sich im Feld "Text UNTER Design"
• das DIV ist nur auf einer Seite zu sehen
• und auf dieser Seite wurde das Design entfernt
• angezeigt wird also nur der Inhalt des einen DIV