2 Elemente Nebeneinander setzen

[snyper27]

Hi,
ich bin ein wirklicher neuling auf dem html-gebiet und wollte mich nun ans forum wenden und wäre über jede mir verständliche antwort sehr dankbar!
Es geht um folgendes:

Ich möchte ein Bild und einen Text (der auch kleine Bilder oder Buttons oder links enthalten sollte) auf einer Höhe nebeneinander haben also so:

------------|.....Text...........
------------|......+links........
----Bild-----|......+Bilder.......
------------|......+Tabelle.....
------------|......................

was letzendlich auf die rechte Seite kommt ist sekundär, ich würde nur gern schritt für schritt wissen wie ich vorgehen muss.

Danke!
Grüße Snyper27

 

[Lenchen]

Das gesuchte Attribut heißt "float" und ist eine css Eigenschaft.
zuerst musst du deinem Bild eine klasse oder id zuweisen (wichtig hierbei: ids dürfen nur 1 mal auf einer Seite vorkommen.
Beispiel für ein Bild mit Klasse:

<img src="dein/bild.jpg" class="bild">

Jetzt kannst du ihm die Eigenschaft gaben am linken Rand zu kleben und von text umflossen zu werden

img.bild {float.left;}

Wie du dein Stylesheet (css-code) in deine seite eingliederst bekommst du selbst schnell über google heraus

 

[Efchen]

ich bin ein wirklicher neuling auf dem html-gebiet und wollte mich nun ans forum wenden und wäre über jede mir verständliche antwort sehr dankbar!

Wenn Du Neuling bist, dann empfehle ich Dir, dass Du Dir etwas an Zeit nimmst, denn die ganze Web-Entwicklung ist zwar deutlich leichgter als Programmierung, ist aber auch nicht an einem Tag erlernt.

Für Dich ein kurzer Einstieg:
Du brauchst zwingend HTML und CSS.
Dabei ist HTML nur dazu da, Deinem Inhalt eine logische Bedeutung zu geben. Sieh Dir die Tags an, die es da gibt, es gibt Überschriften, Textabsätze, Adressen, Zitate, wichtige Textpassagen usw. Alles, was in HTML gemacht wird, hat nichts mit dem Aussehen, der Optik oder dem Layout zu tun.
Für Layout und Design brauchst Du CSS, und ausschließlich CSS. So wird der Inhalt (und dessen Auszeichnung in HTML) sauber vom Layout getrennt.

Wenn Du es richtig lernen willst, fängst Du mit HTML und der logischen Auszeichnung an, und nicht mit dem Layout/Design. Die meisten fangen nämlich dort (das ist hinten) an und vernachlässigen dann HTML und bekommen meist Verständnisprobleme.

Dir kann geholfen werden, wenn Du willst.

Freundliche Grüße,
-Efchen