dreamweaver: text layer problem

[haiqu]

hey ihr lieben,

ich hab ein kleines problem und zwar bin ich nocht nich so ganz erfahren was diese ganze html und css geschichten angeht. hatte zwar bisher die grundlagen des html's das war es dann aber auch. der rest kommt dann in den nächsten 3 jahren *g*

aber zu meinem problem, und zwar bin ich gerade dabei meine erste eigene hp aufzubauen, habe das design im photoshop erstellt und dieses dann in dreamweaver importiert um dort dann die texte zu schreiben.
nun habe ich das problem das wenn ich einen layer hinzufüge in den ich dann den text schreibe das ganze auch super aussieht (bild:http://s1.directupload.net/images/100729/lfkpc3cr.png) allerdings sobald ich die fenster größe verschiebe, bleibt der text an ort und stelle, was er ja nicht soll(bild:http://s5.directupload.net/images/100729/gyohj8dp.png).

nach vielem googeln und rumprobieren mit dirversen positionsbefehlen weis ich nun das ich irgendwas mit dem befehl "position:relative" machen muss. sobalt ich dem layer aber diese eigenschafft gebe, verschieben sich alle anderen elemente auf der seite(bild:http://s3.directupload.net/images/100729/97wtk7xa.png)

ich hoffe ihr könnt mir da weiter helfen :/

zum schluss noch der code des layers, vielleicht wisst ihr was daran falsch ist.


<td colspan="18">
<div id="apDiv1" style="position:absolute"><font size="-3" color="#FFFFFF">

ergdfng dofng s e foishdfg<br>
hsoduhf sdfsodh sudf sdfugs dfpisdüf sudfu süudf sudf sdipjfb sdf <br>
sdufsid fpsid fdsd <br>sduf sdfs
</font>
</div>
<img src="http://www.html.de/images/homepage_before_slice_30.png" width="791" height="159" alt="">
</td>

lieben gruß,
haiqu

 

[_Thor_]

Daran ist so ziemlich alles falsch, denn eigentlich hast du Text, ein Textabsatz wird durch das Element <p> ausgezeichnet. Die Tabelle ist falsch, du hast keine tabellarischen Daten, das div ist falsch, denn du hast nichts zu gruppieren. Zum gruppieren gehört immer mehr als ein Element, du hast in dem div aber nur ein Element. Das font-Element ist veraltet, Layout macht man per CSS.

Auch dein Ansatz, das Layout mit Photoshop zu erstellen und dann den Inhalt darauf zu positionieren ist nicht gut, denn dann bekommst du eben die Probleme, die du jetzt hast. Außerdem passt sich dein Layout nicht an verschiedene Schriftgrößen an, das muss es aber, denn nicht jeder kann die von dir gewählte Schriftart gut lesen.

Wenn das deine erste Seite ist, dann möchte ich dir als guten Rat mitgeben, vergiss deine jetzige Arbeitsweise, damit wirst du mehr Probleme als Spass haben. Der folgende Link erklärt dir sehr gut die Grundlagen und Arbeitsweisen, wie man heutzutage eine moderne, flexible Webseite erstellt. (Einführung | Webdesign mit XHTML und CSS)

 

[haiqu]

super, vielen dank für die schnelle antwort. dann werd ich mich da erstmal durchlesen, da ich ja noch am anfang stehe was diesen web-kram angeht, ist das ja nicht sooo ärgerlich ;]
lieben gruß,
haiqu.

 

[haiqu]

hey,
ich bins nochmal, wollte nicht extra ein neues thema eröffnen.

ein kleines problem habe ich nun wo ich die seite via css aufbaue.ich versuch euch mal mein problem zu erklären und hoffe ihr versteht was ich meine, ich bin mir bei den ganzen begriffen noch nicht so ganz sicher da das alles für mich neuland ist.

und zwar möchte ich oben auf dem header verschiedene (einzellne!) bilder setzen. soweit kein problem, das habe ich auch zumindest mit einem bild (die erde) geschafft (bild:http://s1.directupload.net/images/100729/suvxistb.png). css : http://s5.directupload.net/images/100729/hqpkomys.png

dabei befindet sich das bild der erde in dem <h1> tag welches ich dann per css an die richtige stelle geschoben habe, vielleicht erkennt man das auf den bildern.
nun dachte ich das ich einfach in dem selben div container einfach ein neues heading aufmache, sprich h3 (h2 ist schon vergeben) und das nun via css auch einfach nach oben neben das <h1> bild schiebe.
leider funktioniert das nicht so wie ich es gern hätte denn wie man auf dem 1. bild sieht ordnet sich das "raumschiff bild" immer dem "erde bild" horizontal unter. ich hätte diese aber gerne nebenbeinander.

jemand einen tipp wie ich das machen könnte?

lieben gruß,
haiqu


edit: dazu muss ich sagen das ich halt gerne eine kleine lücke zwischen den bildern hätte weswegen "einfach daneben schieben" nicht wirklich frage kommt da die bilder dann direkt anneinander liegen :/

 

[haiqu]

so, sorry nochmal für den push. ich glaube ich habe es nun via float befehl gelöst. sollten bessere ideen da sein, lasst es mich wissen ;D

 

[_Thor_]

float ist da schon richtig, allerdings sind deine Überschriften falsch gesetzt. Eine h3 kann nicht nach einer h1 kommen, oder lässt du in Word auch immer die zweite Ebene aus? Die Ebenen können auch mehrfach verwendet werden.

 

[haiqu]

die h2 hab ich weiter "unten" auf der seite in verwendung, werde das aber morgen mal korrigieren das der aufbau nicht durcheinander kommt.das man die heading-attribute im css auch durch die einzellnen div's ansteuern kann wusste ich bin eben noch nicht(weis nicht wie ich das besser ausdrücken soll *g*). ich dachte sobald ich diese dann änder, ändern sich alle auf der seite. aber danke nochmal für deine hilfe, hat mir echt geholfen auch wenn noch viel zutun ist :] die arbeit ist aber wirklich angenehmer, vor allem weil man immer wieder einen kleinen erfolg hat sobald etwas klappt ;D