Archief - HTML/CSS: Design valt helemaal uit elkaar bij toevoeging van tekst

Voor een vriend ben ik dus een website aan het maken, en voor de eerste keer dacht ik is: laat ik het met Photoshop maken en slicen in ImageReady.
De design (no comments op deze aub.) is in orde voor hem/mij.
LINK: http://users.telenet.be/webecomeone/t&d/slice_klaar_2.html
(dit is dus in de html met de images)
opbouw zodat jullie de design verstaan:
4 witte vakjes: voor 4 foto's
grote vak: tekst
lange vak: recent komende fuif
zwarte ruimte tussen 4 witte vakjes en grote vak: menu
(men menu opbouw in css heb ik al gemaakt)
LINK CSS: http://users.telenet.be/webecomeone/t&d/stylesheet.css

ik laat het automatisch in html omzetten in ImageReady.
Yes het ging allemaal vlotjes:
* ik voeg een menu (css) eraan toe.. en ik kijk en zie dat heel de pagina er anders uit ziet. vele images verschoven
LINK: http://users.telenet.be/webecomeone/t&d/MENU.html
* OK. ik doe het menu weg en probeer gewoon eens tekst toetevoegen
LINK: http://users.telenet.be/webecomeone/t&d/TEKST.html

geprobeerd: al enkele malen hersliced, maar hier lijkt het probleem niet te liggen.

oplossing:
* In css omzetten (maar dat is oerveel werk denk ik.. en ga ik hééééél veel tijd in steken en dan ben ik nog niet zeker of het juist overkomt..)
* In die <td src img=".." ....> die img vervanben door background=
maar lukt ook niet (ofwel doe ik het verkeerd)

Ik wil wel een beetje CSS (menu) of heel de pagina als dat lukt (via een tip?)


THANKS alvast. vragen zijn welkom

Wtfuck? Naar HTML omzetten via Illustrator? Hoe doe je dat...

Oops, Illustrator getypt :/ excuses !
het is dus IMAGEREADY !

Je hebt je design in Photoshop
=> File => Edit in ImageReady
ImageReady opent
=> File => Save Optimized as

Je moet je img als achtergrond instellen bij de tabel. Nu komt de tekst gewoon onder de afbeelding te staan.


moet


worden.

Maar ik zou toch aanraden om div's te gebruiken, tabellen om een layout weer te geven is een veelgemaakte fout. :naughty:

killer oo7 zei:

Je moet je img als achtergrond instellen bij de tabel. Nu komt de tekst gewoon onder de afbeelding te staan.

HTML:

<td rowspan="9">
<img src="images/slice_klaar_2_03.gif" width="248" height="664" alt=""></td>

moet

HTML:

<td rowspan="9" background="images/slice_klaar_2_03.gif" width="248" height="664"> Hier uw tekst </td>

worden.

Maar ik zou toch aanraden om div's te gebruiken, tabellen om een layout weer te geven is een veelgemaakte fout. :naughty:

Klik om te vergroten...

moet ik dan images/..._04.gif ook nog td rowspan noemen vanvoor?

Ik weet het dat Tables slecht en evil zijn
en het is de eerste keer dat ik het zo doe.. voor de rest met CSS
(maar je moet alles eens proberen hé)

Bedankt alvast, ik ga het zometeen testen