Darkside331
Legacy Member
Hoi, ik ben bezig met een site voor mijn schoolwerk nu zit ik namelijk met een probleem. Ik heb in mijn css gezet dat alle linken moeten werken met een hover die dan de linken onderstreept. Nu als ik dat doe wilt hij sommige links niet onderstrepen en anderen wel weer. Nogthans staat alles in 1 dezelfde Div.
Code css
De Html-code
Mijn 2de probleem is dan mijn tekst in het onderste gedeelte. Ik wel de tekst laten zakken dus doe ik dat met een margin-top maar dit laat mijn tekst ni zakken maar heel mijn onderste kant van mijn website. Dit probleem heb ik ook met het menu.
Alvast bedankt
Code css
Code:
#table {
width: 800px;
height:600px;
margin:auto;
margin-top:75px;
}
#header-home {
background-image:url(images/schuldgevoel-alle-layers_01.jpg);
margin:auto
width:800px;
height:193px;
}
#header-hoe {
background-image:url(images/header-hoe.jpg);
margin:auto
width:800px;
height:193px;
}
#header-gekwetst {
background-image:url(images/header-gekwetst.jpg);
margin:auto;
width:800px;
height:193px;
}
#achtergrond {
background-image:url(images/achtergrond-1px.gif);
height:407px;
}
.tekstpagininactief {
font-family:Monotype Corsiva;
font-size: 21px;
color:#515251;
height:30px;
}
.tekstpaginaactief {
font-family:Monotype Corsiva;
font-size: 21px;
color:#e5e2db;
height:30px;
margin-top:0px;
}
.tekst {
font-family:Verdana, Geneva, sans-serif;
font-size:10pt;
color:#515251;
margin:auto;
text-align:left;
width:550px;
}
.tekst-hoe {
float:left;
font-family:Verdana, Geneva, sans-serif;
font-size:10pt;
color:#515251;
margin:auto;
}
a:link {
color: #515251; text-decoration: none;
}
a:hover {
color: #515251; text-decoration: underline;
}
a:visited {
color: #515251; text-decoration: none;
}
a:active {
color: #515251; text-decoration: none;
}De Html-code
Code:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>schuldgevoel- Hoe</title>
<link href="stylesheet-gevoelssite.css" rel="stylesheet" style="text/css" />
</head>
<body>
<div id="table">
<div id="header-hoe">
<div class="tekstpagininactief" align="left">
<a href="schuldgevoel-home.html">Home</a>
<span class="tekstpaginaactief"> Hoe</span>
<a href="schuldgevoel-gekwetst.html">Gekwetst</a>
<a href="schuldgevoel-oplossen.html">Oplossen</a>
<a href="schuldgevoel-voorkomen.html">Voorkomen</a>
<a href="schuldgevoel-gevolg.html">Gevolg</a>
<a href="schuldgevoel-vragen.html">Vragen</a>
<a href="schuldgevoel-gastenboek.html">Gastenboek</a>
</div>
</div>
<div id="achtergrond">
<img src="images/hoe-foto_03_04.jpg" hspace="39px" vspace="107px" style="float:left">
<div class="tekst-hoe" style="margin-top:110px"> Iedereen heeft het reeds al eens meegemaakt dat hij of <br />
zij ruzie had met een vriend of vriendin. Zoiets <br />
gebeurd dan ook redelijk vlug. Maar de meestvoorkomende zijn:<p>
-Vreemd gedrag tonen.<p>
-Kortaf babbelen.
</div>
</div>
</div>
</body>
</html>Mijn 2de probleem is dan mijn tekst in het onderste gedeelte. Ik wel de tekst laten zakken dus doe ik dat met een margin-top maar dit laat mijn tekst ni zakken maar heel mijn onderste kant van mijn website. Dit probleem heb ik ook met het menu.
Alvast bedankt
.
ad: