Nieuw lid |
|
Ik heb 2 probleemtjes met de afbeeldinggallerij die ik in elkaar wil steken...
Het eerste is waarschijnlijk het makkelijkste en dat is; ik wil dat mijn div over de hele grootte van de browser gaat. Nu is die 100% alleen maar voor het kleine venster of deel van de website waar je door kijkt, als je naar beneden scrollt, dan stopt mijn div net daaronder als je begrijpt wat ik wil zeggen.
_______
Pagina
div
div
--------
als je naar beneden scrollt:
_______
div
-------- border van div
meer
content
_______
Het tweede probleem is dit:
omdat ik mijn opacity van mijn tabel op 70% heb, gaat mijn afbeelding hierop ook vervagen, kan ik de opacity van mijn achtergrondkleur van mijn tabel (hier zwart) veranderen in plaats van de hele tabel?
Code:
<html>
<head>
<title>test.htm</title>
<link href="stijl.css" rel="stylesheet" type="text/css" />
<style type="text/css">
html,body{
margin: 0;
padding: 0;
height: 100%;
width: 100%;
border: none;
}
div.containerke {
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
display: inline;
}
table.transparantie {
height: 100%;
width: 100%;
margin-left: 0;
margin-top: 0;
text-align: center;
background-color: #000000;
filter: alpha(opacity=70);
opacity: 1.0;
}
picNT {
filter: alpha(opacity=100);
opacity: 1.0;
}
p {
color: #ffffff;
}
</style>
</head>
<body background="afbeeldingen/layout/achtergrond.png">
<table width="809" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><img src="afbeeldingen/layout/header.png" /></td>
</tr>
<tr>
<td width="244" valign="top" align="center">
<br />
<a href="index.htm"><img src="afbeeldingen/layout/knop_introduction_out.png" onmouseover="this.src='afbeeldingen/layout/knop_introduction_hover.png'" onmouseout="this.src='afbeeldingen/layout/knop_introduction_out.png'" border="0" /></a>
<a href="location.htm"><img src="afbeeldingen/layout/knop_location_out.png" onmouseover="this.src='afbeeldingen/layout/knop_location_hover.png'" onmouseout="this.src='afbeeldingen/layout/knop_location_out.png'" border="0" /></a>
<a href="cathedral.htm"><img src="afbeeldingen/layout/knop_cathedral_out.png" onmouseover="this.src='afbeeldingen/layout/knop_cathedral_hover.png'" onmouseout="this.src='afbeeldingen/layout/knop_cathedral_out.png'" border="0" /></a>
<a href="shopping.htm"><img src="afbeeldingen/layout/knop_shopping_out.png" onmouseover="this.src='afbeeldingen/layout/knop_shopping_hover.png'" onmouseout="this.src='afbeeldingen/layout/knop_shopping_out.png'" border="0" /></a>
<a href="eatingdrinking.htm"><img src="afbeeldingen/layout/knop_eatingdrinking_out.png" onmouseover="this.src='afbeeldingen/layout/knop_eatingdrinking_hover.png'" onmouseout="this.src='afbeeldingen/layout/knop_eatingdrinking_out.png'" border="0" /></a>
<a href="walkingroute.htm"><img src="afbeeldingen/layout/knop_walkingroute_out.png" onmouseover="this.src='afbeeldingen/layout/knop_walkingroute_hover.png'" onmouseout="this.src='afbeeldingen/layout/knop_walkingroute_out.png'" border="0" /></a>
<a href="englishcustoms.htm"><img src="afbeeldingen/layout/knop_englishcustoms_out.png" onmouseover="this.src='afbeeldingen/layout/knop_englishcustoms_hover.png'" onmouseout="this.src='afbeeldingen/layout/knop_englishcustoms_out.png'" border="0" /></a>
<a href="dovercastle.htm"><img src="afbeeldingen/layout/knop_dovercastle_out.png" onmouseover="this.src='afbeeldingen/layout/knop_dovercastle_hover.png'" onmouseout="this.src='afbeeldingen/layout/knop_dovercastle_out.png'" border="0" /></a>
<a href="aboutme.htm"><img src="afbeeldingen/layout/knop_aboutme_out.png" onmouseover="this.src='afbeeldingen/layout/knop_aboutme_hover.png'" onmouseout="this.src='afbeeldingen/layout/knop_aboutme_out.png'" border="0" /></a>
<a href="impressions.htm"><img src="afbeeldingen/layout/knop_impressions_out.png" onmouseover="this.src='afbeeldingen/layout/knop_impressions_hover.png'" onmouseout="this.src='afbeeldingen/layout/knop_impressions_out.png'" border="0" /></a>
<a href="links.htm"><img src="afbeeldingen/layout/knop_links_out.png" onmouseover="this.src='afbeeldingen/layout/knop_links_hover.png'" onmouseout="this.src='afbeeldingen/layout/knop_links_out.png'" border="0" /></a>
</td>
<td valign="top" style="background-repeat: no-repeat;" width="565" height="638" background="afbeeldingen/layout/body_text_final.png">
<p class="titel"> About me</p>
<p class="tekst">My name is Brecht Debaere I was born in Izegem, city of brushes and shoes. My former crib was in Ingelmunster.
Now it is located in Wijnendale. I currently go to school at Sint-Jozefsinstituut-College. My hobbies include: drive-by, extortion,
blackmailing, illegal transport, and of course: computer. Movies I liked are: Lord of the Rings, National Treasure, Freddy got
Fingered, etc. Games I play(ed) are: World of Warcraft, Warcraft, Quake 3 Arena, Prince of Persia 1. There’s a new MMORPG coming and that’s
<a href="http://www.aiononline.com" target="_blank">Aion</a>, I’ll buy that and play it online as well. I like RPG’s because they have magic in them and a nice fantasy setting.</p>
<p class="tekst"I follow computer science at my current school, I like the course less than expected. However, every now and then I learn some stuff that I did not yet know.</p>
</td>
</tr>
<tr>
<td colspan="2"><img src="afbeeldingen/layout/footer.png" /></td>
</tr>
</table>
<div class="containerke">
<table class="transparantie">
<tr>
<td class="picNT">
<p><img class="picNT" src="afbeeldingen/pic/canterbury-cathedral.jpg" />
<p>Commentaar</p>
</td>
</tr>
</table>
</div>
</body>
</html>
<link href="stijl.css" rel="stylesheet" type="text/css" /> html,body{ margin: 0; padding: 0; height: 100%; width: 100%; border: none; } div.containerke { width: 100%; height: 100%; left: 0; top: 0; position: absolute; display: inline; } table.transparantie { height: 100%; width: 100%; margin-left: 0; margin-top: 0; text-align: center; background-color: #000000; filter: alpha(opacity=70); opacity: 1.0; } picNT { filter: alpha(opacity=100); opacity: 1.0; } p { color: #ffffff; } <body background="afbeeldingen/layout/achtergrond.png"> <table width="809" align="center" border="0" cellspacing="0" cellpadding="0"> <td colspan="2"><img src="afbeeldingen/layout/header.png" /></td> <td width="244" valign="top" align="center"> <a href="index.htm"><img src="afbeeldingen/layout/knop_introduction_out.png" onmouseover="this.src='afbeeldingen/layout/knop_introduction_hover.png'" onmouseout="this.src='afbeeldingen/layout/knop_introduction_out.png'" border="0" /></a> <a href="location.htm"><img src="afbeeldingen/layout/knop_location_out.png" onmouseover="this.src='afbeeldingen/layout/knop_location_hover.png'" onmouseout="this.src='afbeeldingen/layout/knop_location_out.png'" border="0" /></a> <a href="cathedral.htm"><img src="afbeeldingen/layout/knop_cathedral_out.png" onmouseover="this.src='afbeeldingen/layout/knop_cathedral_hover.png'" onmouseout="this.src='afbeeldingen/layout/knop_cathedral_out.png'" border="0" /></a> <a href="shopping.htm"><img src="afbeeldingen/layout/knop_shopping_out.png" onmouseover="this.src='afbeeldingen/layout/knop_shopping_hover.png'" onmouseout="this.src='afbeeldingen/layout/knop_shopping_out.png'" border="0" /></a> <a href="eatingdrinking.htm"><img src="afbeeldingen/layout/knop_eatingdrinking_out.png" onmouseover="this.src='afbeeldingen/layout/knop_eatingdrinking_hover.png'" onmouseout="this.src='afbeeldingen/layout/knop_eatingdrinking_out.png'" border="0" /></a> <a href="walkingroute.htm"><img src="afbeeldingen/layout/knop_walkingroute_out.png" onmouseover="this.src='afbeeldingen/layout/knop_walkingroute_hover.png'" onmouseout="this.src='afbeeldingen/layout/knop_walkingroute_out.png'" border="0" /></a> <a href="englishcustoms.htm"><img src="afbeeldingen/layout/knop_englishcustoms_out.png" onmouseover="this.src='afbeeldingen/layout/knop_englishcustoms_hover.png'" onmouseout="this.src='afbeeldingen/layout/knop_englishcustoms_out.png'" border="0" /></a> <a href="dovercastle.htm"><img src="afbeeldingen/layout/knop_dovercastle_out.png" onmouseover="this.src='afbeeldingen/layout/knop_dovercastle_hover.png'" onmouseout="this.src='afbeeldingen/layout/knop_dovercastle_out.png'" border="0" /></a> <a href="aboutme.htm"><img src="afbeeldingen/layout/knop_aboutme_out.png" onmouseover="this.src='afbeeldingen/layout/knop_aboutme_hover.png'" onmouseout="this.src='afbeeldingen/layout/knop_aboutme_out.png'" border="0" /></a> <a href="impressions.htm"><img src="afbeeldingen/layout/knop_impressions_out.png" onmouseover="this.src='afbeeldingen/layout/knop_impressions_hover.png'" onmouseout="this.src='afbeeldingen/layout/knop_impressions_out.png'" border="0" /></a> <a href="links.htm"><img src="afbeeldingen/layout/knop_links_out.png" onmouseover="this.src='afbeeldingen/layout/knop_links_hover.png'" onmouseout="this.src='afbeeldingen/layout/knop_links_out.png'" border="0" /></a> <td valign="top" style="background-repeat: no-repeat;" width="565" height="638" background="afbeeldingen/layout/body_text_final.png"> <p class="titel"> About me </p> <p class="tekst">My name is Brecht Debaere I was born in Izegem, city of brushes and shoes. My former crib was in Ingelmunster. Now it is located in Wijnendale. I currently go to school at Sint-Jozefsinstituut-College. My hobbies include: drive-by, extortion, blackmailing, illegal transport, and of course: computer. Movies I liked are: Lord of the Rings, National Treasure, Freddy got Fingered, etc. Games I play(ed) are: World of Warcraft, Warcraft, Quake 3 Arena, Prince of Persia 1. There’s a new MMORPG coming and that’s <a href="http://www.aiononline.com" target="_blank">Aion </a>, I’ll buy that and play it online as well. I like RPG’s because they have magic in them and a nice fantasy setting. </p> <p class="tekst"I follow computer science at my current school, I like the course less than expected. However, every now and then I learn some stuff that I did not yet know.</p> <td colspan="2"><img src="afbeeldingen/layout/footer.png" /></td> <div class="containerke"> <table class="transparantie"> <p><img class="picNT" src="afbeeldingen/pic/canterbury-cathedral.jpg" />
EDIT: dat tweede probleem is me al gelukt door een 70% zwart laagje toe te voegen en die tabel met image op een ander laagje te zetten boven dat 70% zwart laagje :-)
Als jullie nog iets weten voor dat andere probleem...
|