Gruppen
- Top Gruppen
- Betriebsysteme
- Windows classik
- Linux
- BS-Sonstige
- Software
- Datenbanken
- Bildbearbeitung
- Audio/mp3/Video
- Security/Viren
- SW-Sonstige
- Hardware
- Mainboard/CPU
- Grafikkarten
- Peripherie
- Laptop/Notebook
- HW-Sonstiges
- Netzwerk
- Telefon,ISDN,Modem
- W-Lan
- NW-Sonstiges
- Programmierung
- PHP,ASP,Perl...
- Java,C++...
- Webseiten/HTML
- Sonstiges
- PC-Sonstiges
- Plauderecke
- SN Intern
- Test
/ Forum / Webseiten/HTML
Webseiten/HTML
Fragevon BruceCBR vom 30.08.2020, 20:54 Options
möchte ein bild und text nebeneinander auf webseite wie?
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
sollte etwa so aussehen :
Uberschrift mittig
----------------------------
blalalal | |
| |
blabala | Bild |
| |
blaaa | |
---------------------------
Vielen dank für hilfe
Antwort 1 von sutadur vom 30.08.2020, 20:57 Options
Wie so oft hier erstmal der Standardverweis:
*Threadedit* 21:08:55, 30.08.2008
Admininfo: Suchmaschinenverweis gelöscht, siehe FAQ 5, #2
*Threadedit* 21:08:55, 30.08.2008
Admininfo: Suchmaschinenverweis gelöscht, siehe FAQ 5, #2
Antwort 2 von MarisaS vom 30.08.2020, 21:00 Options
Hallo,
schick mal den Quelltext, wie dus bisher versucht hast.
mit <table> ?
LG
Marisa
schick mal den Quelltext, wie dus bisher versucht hast.
mit <table> ?
LG
Marisa
Antwort 3 von Computerfreaki vom 30.08.2020, 21:11 Options
Also wenn du keine Tabelle verwendest machst du es so:
Und wenn das Bild rechts neben dem Text stehen soll, formatierst du das Bild 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 vom 30.08.2020, 21:13 Options
Antwort 5 von MarisaS vom 30.08.2020, 21:13 Options
Hallo Bruce,
die Idee von Computerfreaki ohne table ist besser !
LG
Marisa
die Idee von Computerfreaki ohne table ist besser !
LG
Marisa
Antwort 6 von Computerfreaki vom 30.08.2020, 21:14 Options
Hast du nicht gesehen das dieses Attribut deprecated ist ??
ich habs doch schon richtig beschrieben
ich habs doch schon richtig beschrieben
Antwort 7 von Computerfreaki vom 30.08.2020, 21:15 Options
Guck,
sag ich doch Nicker
Wenigstens einer der zu mir hält ;-)
sag ich doch Nicker
Wenigstens einer der zu mir hält ;-)
Antwort 8 von MarisaS vom 30.08.2020, 21:23 Options
Hallo Computerfreaki,
ist zwar nur eine ;-) - und somit hier im SN nur ne 1/2 Stimme.
Aber mit CSS aligns gehts wirklich am besten.
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 vom 30.08.2020, 21:35 Options
<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
<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 vom 30.08.2020, 21:47 Options
Ähhm kannst du mir mal sagen was das für ein HTML-Element in der zweiten Zeile ist ??
Antwort 11 von MarisaS vom 30.08.2020, 21:53 Options
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
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 vom 30.08.2020, 22:47 Options
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.
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 vom 30.08.2020, 22:57 Options
Du haste bei den Umbrüchen en Fehler gemacht.
Statt
Musst du schreiben:
Gruß Computerfreaki
Statt
<br clear="all">
Musst du schreiben:
<span style="clear:both;"><br /></span>
Gruß Computerfreaki
Antwort 14 von katy vom 31.08.2020, 06:41 Options
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:
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:
damit ist auch das <br> überflüssig. und das <div> von Como um das Bild ist von vornherein sinnlos.
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 vom 31.08.2020, 10:00 Options
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.
Mein Vorschlag ist eine für meine Zwecke angepasst Variante davon.
Ähnliche Themen
Text und Bild nebeneinander
greg68 23.02.2007 - 64 Hits - 10 Antworten
Möchte Bild und Text übereinanderlegen(oder wie man das sonst nennt)
fabi1991 10.04.2007 - 76 Hits - 10 Antworten
Suche Script für Bild und Text
Bogusine 29.08.2007 - 36 Hits - 2 Antworten
Text über Bild schreiben - HTML
Computerfreaki 06.05.2008 - 94 Hits - 10 Antworten
Hinweis
Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..
Neue Einträge
