NicolaAmez
Gebruiker
- Lid geworden
- 8 mrt 2013
- Berichten
- 18
hallo iedereen
Ik ben bezig om een website op te bouwen.
Mijn probleem is dat bij het in-en uitzoomen van de website de tekst uit de vakken komen.
Hopelijk kunnen jullie me hierbij helpen.
HTML-code:
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Test.aspx.vb" Inherits="Test" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="stijl/Opmaak.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Links">
</div>
<div id="Rechts">
</div>
<div id="Header">
<p> <b> 't Culinair Vleeskuyptje </b> </p>
<p> <b> Sint-Kristoffelstraat 61, 8310 Assebroek     050/ 48 51 63 </b> </p>
</div>
<div id="Logo">
<a href="Home.aspx"> <img src= "Afbeeldingen/logo.jpg" height=100% width=100%/> </a>
</div>
<div id="Winkelwagen">
<a href="AssortimentVersVlees.aspx"> <img src= "Afbeeldingen/winkelwagen.gif"/> </a>
</div>
<div id="Navigatie">
<p> <b> <a href="Home.aspx"> HOME </a> - <a href="AssortimentVersVlees.aspx"> ASSORTIMENT</a> -
<a href="Suggesties.aspx"> SUGGESTIES </a> - <a href="Promoties.aspx"> PROMOTIES </a> -
<a href="Contact.aspx"> CONTACT </a> - <a href="Aanmelden.aspx"> AANMELDEN </a> </b> </p>
</div>
<div id="Inhoud">
</div>
<div id="Footer">
<p>   ©2013-2014         Amez Nicola </p>
</div>
</body>
</html>
CSS-code:
body {
}
#Links
{
position: absolute;
top: 0px;
height: 100%;
width: 10%;
left: 0px;
background-color: #8CAFE8;
}
#Rechts
{
position: absolute;
top: 0px;
height: 100%;
width: 10%;
right: 0px;
background-color: #8CAFE8;
}
#Logo
{
position: absolute;
top: 0px;
height: 22.2%;
left: 10%;
right: 10%;
width: 20%;
border-bottom-style: solid;
border-bottom-width: thin;
}
#Header
{
position: absolute;
top: 0px;
height: 15%;
left: 30%;
right: 20%;
background-color: #78CE6C;
font-family: Calibri;
font-size: 20px;
text-align: center;
}
#Navigatie
{
position: absolute;
height: 7.5%;
left: 30%;
right: 10%;
top: 15%;
background-color: black;
color: White;
font-family: calibri;
text-align: center;
}
#Winkelwagen
{
position: absolute;
top: 0px;
height: 15%;
width: 10%;
background-color: #78CE6C;
right: 10%;
text-align: center;
vertical-align: middle;
}
#Winkelwagen img
{
text-align: center;
vertical-align: middle;
margin-left: -25%;
margin-top: 5%;
height: 80%;
width: 80%;
}
#Inhoud
{
position: absolute;
top: 22.5%;
height: 70%;
left: 10%;
right: 10%;
overflow: auto;
}
#InhoudLinks
{
position: absolute;
top: 22.5%;
height: 70%;
left: 10%;
width: 20%;
text-align: center;
border-right-style: solid;
border-right-width: thin;
color: Black;
}
#InhoudRechts
{
position: absolute;
top: 22.5%;
height: 70%;
left: 30%;
right: 10%;
overflow: auto;
font-family: Calibri;
}
#Footer
{
position: absolute;
top: 92.5%;
height: 7.5%;
left: 10%;
right: 10%;
background-color: #78CE6C;
font-family: Calibri;
}
a
{
color: White;
font-family: calibri;
text-decoration: none;
}
Ik ben bezig om een website op te bouwen.
Mijn probleem is dat bij het in-en uitzoomen van de website de tekst uit de vakken komen.
Hopelijk kunnen jullie me hierbij helpen.
HTML-code:
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Test.aspx.vb" Inherits="Test" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="stijl/Opmaak.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Links">
</div>
<div id="Rechts">
</div>
<div id="Header">
<p> <b> 't Culinair Vleeskuyptje </b> </p>
<p> <b> Sint-Kristoffelstraat 61, 8310 Assebroek     050/ 48 51 63 </b> </p>
</div>
<div id="Logo">
<a href="Home.aspx"> <img src= "Afbeeldingen/logo.jpg" height=100% width=100%/> </a>
</div>
<div id="Winkelwagen">
<a href="AssortimentVersVlees.aspx"> <img src= "Afbeeldingen/winkelwagen.gif"/> </a>
</div>
<div id="Navigatie">
<p> <b> <a href="Home.aspx"> HOME </a> - <a href="AssortimentVersVlees.aspx"> ASSORTIMENT</a> -
<a href="Suggesties.aspx"> SUGGESTIES </a> - <a href="Promoties.aspx"> PROMOTIES </a> -
<a href="Contact.aspx"> CONTACT </a> - <a href="Aanmelden.aspx"> AANMELDEN </a> </b> </p>
</div>
<div id="Inhoud">
</div>
<div id="Footer">
<p>   ©2013-2014         Amez Nicola </p>
</div>
</body>
</html>
CSS-code:
body {
}
#Links
{
position: absolute;
top: 0px;
height: 100%;
width: 10%;
left: 0px;
background-color: #8CAFE8;
}
#Rechts
{
position: absolute;
top: 0px;
height: 100%;
width: 10%;
right: 0px;
background-color: #8CAFE8;
}
#Logo
{
position: absolute;
top: 0px;
height: 22.2%;
left: 10%;
right: 10%;
width: 20%;
border-bottom-style: solid;
border-bottom-width: thin;
}
#Header
{
position: absolute;
top: 0px;
height: 15%;
left: 30%;
right: 20%;
background-color: #78CE6C;
font-family: Calibri;
font-size: 20px;
text-align: center;
}
#Navigatie
{
position: absolute;
height: 7.5%;
left: 30%;
right: 10%;
top: 15%;
background-color: black;
color: White;
font-family: calibri;
text-align: center;
}
#Winkelwagen
{
position: absolute;
top: 0px;
height: 15%;
width: 10%;
background-color: #78CE6C;
right: 10%;
text-align: center;
vertical-align: middle;
}
#Winkelwagen img
{
text-align: center;
vertical-align: middle;
margin-left: -25%;
margin-top: 5%;
height: 80%;
width: 80%;
}
#Inhoud
{
position: absolute;
top: 22.5%;
height: 70%;
left: 10%;
right: 10%;
overflow: auto;
}
#InhoudLinks
{
position: absolute;
top: 22.5%;
height: 70%;
left: 10%;
width: 20%;
text-align: center;
border-right-style: solid;
border-right-width: thin;
color: Black;
}
#InhoudRechts
{
position: absolute;
top: 22.5%;
height: 70%;
left: 30%;
right: 10%;
overflow: auto;
font-family: Calibri;
}
#Footer
{
position: absolute;
top: 92.5%;
height: 7.5%;
left: 10%;
right: 10%;
background-color: #78CE6C;
font-family: Calibri;
}
a
{
color: White;
font-family: calibri;
text-decoration: none;
}
