Frames Photoshop Lay-Out
Heey!
Ik moet voor school dus een "website" maken, maar loop nu een beetje vast
Ik heb mijn website "gemaakt" in Photoshop en daarna gesliced
Vervolgens heb ik deze tutorial gevolgd.
Omdat het gedeelte wat ik gemaakt heb in photoshop erg klein was (expres), had ik de achtergrond al een kleurtje gegeven dmv dit stukje:
Daarover heen plaatste ik dus mijn "Lay-Out".
Nu wil ik echter op een van mijn afbeeldingen tekst hebben.
Dus doe ik het volgens de tutorial:
"Nu willen we tekst zetten in bepaalde cellen van onze tabel.
Stel ik wil op plaatje tekst zetten met html. Dat gaat niet. Dus zetten we dit plaatje in de achtergrond van de tabel.Via html is dit niet w3c valid. Dus we gaan geen background attribuut gebruiken. Wat wel? CSS!
Zo was de code bijvoorbeeld eerst
[/CODE]
Dan veranderen we deze in:
*Eigen waarden natuurlijk*
Daar loop ik dus vast..
Wanneer ik dat dus doe, verdwijnt die héle afbeelding waar de tekst op moet =/
Daarna wil ik mijn menu werkend krijgen. Wanneer ik op één van de kopjes druk, moet enkel het grote veld (waar dus de tekst uit het vorige probleem op moet) veranderen met de andere tekst.
Volgens mij moest dat met frames, maar ik heb geen idee hoe ik dat hier moet toepassen
Hier nog een afbeelding van mijn lay-out.
En hier de code:
Op Index 11 en Index 02 moet later tekst komen
**Index_11 moet veranderen zodra je op een van de koppen uit het menu drukt**
Heey!
Ik moet voor school dus een "website" maken, maar loop nu een beetje vast
Ik heb mijn website "gemaakt" in Photoshop en daarna gesliced
Vervolgens heb ik deze tutorial gevolgd.
Omdat het gedeelte wat ik gemaakt heb in photoshop erg klein was (expres), had ik de achtergrond al een kleurtje gegeven dmv dit stukje:
Code:
<style type="text/css">
BODY
{
margin-top: 0;
margin-left: 0;
background-color: #191c2a;
}
</style>Daarover heen plaatste ik dus mijn "Lay-Out".
Nu wil ik echter op een van mijn afbeeldingen tekst hebben.
Dus doe ik het volgens de tutorial:
"Nu willen we tekst zetten in bepaalde cellen van onze tabel.
Stel ik wil op plaatje tekst zetten met html. Dat gaat niet. Dus zetten we dit plaatje in de achtergrond van de tabel.Via html is dit niet w3c valid. Dus we gaan geen background attribuut gebruiken. Wat wel? CSS!
Zo was de code bijvoorbeeld eerst
Code:
<td rowspan="3">
<img src="images/index_18.gif" width="391" height="31" alt=""></td>Dan veranderen we deze in:
Code:
<td rowspan="3" style="background: url('images/index_18.gif'); width:391px; height:361px" valign="top"> </td> "Daar loop ik dus vast..
Wanneer ik dat dus doe, verdwijnt die héle afbeelding waar de tekst op moet =/
Daarna wil ik mijn menu werkend krijgen. Wanneer ik op één van de kopjes druk, moet enkel het grote veld (waar dus de tekst uit het vorige probleem op moet) veranderen met de andere tekst.
Volgens mij moest dat met frames, maar ik heb geen idee hoe ik dat hier moet toepassen
Hier nog een afbeelding van mijn lay-out.
En hier de code:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/Transitional.dtd">
<html>
<head>
<title>Titel</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
BODY
{
margin-top: 0;
margin-left: 0;
background-color: #191c2a;
}
</style>
</head>
<body> <center>
<table id="Table_01" border="0" cellpadding="0" cellspacing="0" height="800">
<tbody><tr>
<td colspan="9">
<img src="Afbeeldingen/index_01.gif" alt="" height="158" width="700"></td>
</tr>
<tr>
<td>
<img src="Afbeeldingen/index_02.gif" alt="" height="200" width="439"></td>
<td>
<img src="Afbeeldingen/index_03.gif" alt="" height="200" width="30"></td>
<td>
<img src="Afbeeldingen/index_04.gif" alt="" height="200" width="32"></td>
<td>
<img src="Afbeeldingen/index_05.gif" alt="" height="200" width="30"></td>
<td>
<img src="Afbeeldingen/index_06.gif" alt="" height="200" width="32"></td>
<td>
<img src="Afbeeldingen/index_07.gif" alt="" height="200" width="30"></td>
<td>
<img src="Afbeeldingen/index_08.gif" alt="" height="200" width="32"></td>
<td>
<img src="Afbeeldingen/index_09.gif" alt="" height="200" width="31"></td>
<td>
<img src="Afbeeldingen/index_10.gif" alt="" height="200" width="44"></td>
</tr>
<tr>
<td colspan="9">
<img src="Afbeeldingen/index_11.gif" alt="" height="442" width="700"></td>
</tr>
</tbody></table></center>
</body>
</html>**Index_11 moet veranderen zodra je op een van de koppen uit het menu drukt**
Laatst bewerkt:
