HTML

möchte ein bild und text nebeneinander auf webseite wie?

Diskussionsgruppen
Betriebsysteme: Windows 7; WindowsVista; WindowsXP; Linux; BS-Sonstige
Software: Textverarbeitung; Tabellenkalkulation; Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; E-Mail/Outlook; Internet Browser; SW-Sonstige
Hardware: Mainboard/CPU/RAM; Grafikkarten; Peripherie; HW Sonstiges
Netzwerk: DSL; W-Lan; Telekommunikation; NW-Sonstiges
Programmierung: Skripte(PHP,ASP,Perl...); Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke

Frage

hallo ich möchte ein bild sowie text nebeneinander auf einer seite angezeigt bekommen aber entwerder wird text verschoben oder das bild an falscher stelle sollte etwa so aussehen : Uberschrift mittig ---------------------------- blalalal | | | | blabala | Bild | | | blaaa | | --------------------------- Vielen dank für hilfe

Antwort 1 von sutadur

Wie so oft hier erstmal der Standardverweis:

^{*Threadedit* 21:08:55, 30.08.2008
Admininfo: Suchmaschinenverweis gelöscht, siehe FAQ 5, #2}

Antwort 2 von MarisaS

Hallo,
schick mal den Quelltext, wie dus bisher versucht hast.
mit <table> ?
LG
Marisa

Antwort 3 von Computerfreaki

Also wenn du keine Tabelle verwendest machst du es so:


<div style="text-align:left;">
Hier kommt dann der Text rein
</div>

Und wenn das Bild rechts neben dem Text stehen soll, formatierst du das Bild so:


<img src="blabla.jpg" style="vertical-align:middle;" />

Antwort 4 von Nicker

Klick mal.

Antwort 5 von MarisaS

Hallo Bruce,
die Idee von Computerfreaki ohne table ist besser !
LG
Marisa

Antwort 6 von Computerfreaki

Hast du nicht gesehen das dieses Attribut deprecated ist ??

ich habs doch schon richtig beschrieben

Antwort 7 von Computerfreaki

Guck,
sag ich doch Nicker
Wenigstens einer der zu mir hält ;-)

Antwort 8 von MarisaS

Hallo Computerfreaki,
ist zwar nur eine ;-) - und somit hier im SN nur ne 1/2 Stimme.

Aber mit CSS aligns gehts wirklich am besten.

Antwort 9 von BruceCBR

<body bgcolor=#33FFFF background=bg_gelb05.jpg>
<vr>
<div align="center">
<h1><font color="#000066" face="Comic Sans MS"><strong><font color="#000099">
</font></strong></font></h1>
<h1>
<h1><strong></strong></h1>
<h1><font color="#000066" face="Comic Sans MS"></font></h1>
</h1>
<h1 align="center">
<h1 align="center"> </h1>
</h1>
<h1 align="center">
<h1 align="center"><font color="#000066"><strong><font face="Comic Sans MS">Sport-
und Kulturgemeinde Zell e.V.</font></strong></font></h1>
<h1 align="center"><font color="#000066" face="Comic Sans MS"><strong> </strong></font></h1>
</h1>
<h1 align="center">  </h1>
<h1 align="left">
<h1 align="left"><font color="#000066" face="Comic Sans MS"><strong> S - Sport
- und </strong></font><font color="#000066" face="Comic Sans MS"><strong>  </strong></font></h1>
<h1 align="left"><font color="#000066" face="Comic Sans MS"><strong> K - Kultur</strong></font></h1>
</h1>
<h1 align="left"><font color="#000066" face="Comic Sans MS"><strong>G - Gemeinde</strong></font></h1>
<h1><font color="#000066" face="Comic Sans MS"><strong><font color="#000099">
<p>  </p>
</font></strong></font></h1>

<p> </p></div>

die drei spalten unten sollen mehr in die mitte sowie das logo in selber größe wie die drei zeilen nebendran

Antwort 10 von Computerfreaki

Ähhm kannst du mir mal sagen was das für ein HTML-Element in der zweiten Zeile ist ??

Antwort 11 von MarisaS

Hallo,
und wo das Logo eingebunden sein soll - ich find kein <img...> ?
Schick das Bild mal zu einem Bilderhoster wie ImageBanana und gib den Link hier an.
LG
Marisa

Antwort 12 von Como

Hi, versuchs mal so:

Das Bild befindet sich links, der Text rechts. Wenn du es umgekehert haben möchtest, dann ändere die style-Angaben entsprechend.

<div style="float:left; margin:10px 10px 0 0">
<img src="Dein Bild.jpg" height=" " width=" " alt=" " border="0">
</div>
<p>
Dein Text...<br>
<br>
Weitere Text....
<br clear="all">
</p>

<div style="float:left; margin:10px 10px 0 0">
<img src="Dein Bild.jpg" height=" " width=" " alt=" " border="0">
</div>
<p>
Dein Text...<br>
<br>
Weitere Text....
<br clear="all"> 
</p>

Antwort 13 von Computerfreaki

Du haste bei den Umbrüchen en Fehler gemacht.
Statt


<br clear="all">

Musst du schreiben:


<span style="clear:both;"><br /></span>

Gruß Computerfreaki

Antwort 14 von katy

Hallon BruceCBR,

ist das dein Ernst, dass du ca. 14 Überschriften 1ter Ordnung <h1> auf den paar Zeilen Quellcode unterbringen willst?

Falls das normaler Text ist, gibt es dafür ausschließlich <p> und für dessen Aussehen gibt es CSS.
Statt
<h1 align="left"><font color="#000066" face="Comic Sans MS">
erreichst du das gleiche Aussehen mit:

<p style="font-size:115%; color:#000066; font-family:'Comic Sans MS; font-weight:bold; '">

Weiteres auf SelfHTML

katy

@Computerfreaki
<br style="clear:all" /> würde reichen, das <span> ist komplett überflüssig.
Besser wäre es aber das style="clear:all" einfach ins nächste öffnende Blockelement zu setzen:

<p><img ... style="float:left">bla bla ....neben dem Bild</p>
<p style="clear:left">bla bla ....unter dem Bild</p>

damit ist auch das <br> überflüssig. und das <div> von Como um das Bild ist von vornherein sinnlos.

Antwort 15 von Como

Hier http://de.selfhtml.org/navigation/suche/index.htm im Absatz clear findest du ein Beispiel, was deinen Wunsch erfüllen sollte.

Mein Vorschlag ist eine für meine Zwecke angepasst Variante davon.