plaatje op achtergrond

Door MaikelvdBeek op 16-09-2006 23:50

242 views

ik heb een layout gemaakt in photoshop
als content heb ik een plaatje
nu wil ik zorgen dat ik tekst over het plaatje kan typen zodat het mooi staat bij mijn layout

<TR>
		<TD ROWSPAN=2>
			<IMG SRC="images/layout_16.gif" WIDTH=34 HEIGHT=433 ALT=""></TD>
		<TD COLSPAN=13>
			<IMG SRC="images/Content.gif" WIDTH=735 HEIGHT=385 ALT=""></TD>
		<TD ROWSPAN=2>
			<IMG SRC="images/layout_18.gif" WIDTH=31 HEIGHT=433 ALT=""></TD>
	</TR>

wie weet hoe dit moet

PHP Newbie

16-09-2006 23:58

Jan Koehoorn

17-09-2006 08:24

Geen tabellen gebruiken. Gebruik CSS voor je lay-out. Als je straks 30 pagina's moet aanpassen omdat het plaatje toch anders moet, ben je niet blij, geloof me.

Zet je content in een div:


    <div id="content">
        <h1>Welkom op mijn CSS pagina</h1>
        <p>Sinds kort ben ik overgestapt van tabellen naar CSS en is er een wereld voor me opengegaan.</p>
    </div>

en geef je content div een achtergrondplaatje in je stylesheet:


#content {
    background: url(images/bg_content.jpg) left top no-repeat;
}

Als je dit nu in een CSS bestand zet, en je include hem in de head sectie van elke pagina waar je het nodig hebt, hoef je maar 1 bestand aan te passen als je iets wilt veranderen. Includen doe je zo:


<head>
    <style type="text/css">
    @import 'stylesheet.css';
    </style>
</head>

Reageren

Inloggen om te reageren