PDA

Volledige versie bekijken : tekst over plaatje

wieland
%Europe/Berlin %962 %2007, 23:05
Beste leden,

Ik krijg maar niet de navigatie over het plaatje heen. Dus de navigatie moet rechts boven staan maar dat lukt me elke keer niet. Weet iemand de oplossing ? Ik kom er even niet uit.

Link: http://www.wielandvernooij.nl/website/zwemmend/

Alvast bedankt
josko
%Europe/Berlin %988 %2007, 23:43
zoek eens op float:

Float: right; erop zetten zou genoeg moeten wezen. Zal het nog even controleren voor je :)



<style type="text/css">
div.menu
{
float:right;

}
div.bannerimg
{
float: left;
}
</style>


edit: pimm, xHTML is geen vereiste ;)
Pimm
%Europe/Berlin %059 %2007, 01:25
Overigens is een img tag self-closing, die hoort dus zo:<img ... />(Let op de /)
Voetsjoeba
%Europe/Berlin %073 %2007, 01:45
index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
<head>
<title>Zwemmend Nederland - Kikker serie</title>
<link media="screen" rel="stylesheet" type="text/css" href="css/basic.css" />
</head>
<body>

<div id="banner">

<ul>
<li><a href="#" accesskey="H">Home</a></li>
<li><a href="#" accesskey="O">Organisaties</a></li>
<li><a href="#" accesskey="Z">Zwemmen</a></li>
<li><a href="#" accesskey="r">Zwemmend redden</a></li>
<li><a href="#" accesskey="W">Waterpolo</a></li>
<li><a href="#" accesskey="d">Onderwatersport</a></li>
</ul>

</div>

</body>
</html>


css/basic.css

body {
background-color:#CCCCCC;
}
#banner {
background:transparent url(../images/banner1.jpg) no-repeat left top;
width:884px;
height:189px;
}
#banner ul {
float:right;
margin:32px 100px 0 0;
text-align:left;
list-style-image:url(../images/ulimages.jpg);
padding:0;
}
#banner li {
padding:0;
margin:0;
}
#banner a {
text-decoration:none;
color:#336798;
}
wieland
%Europe/Berlin %421 %2007, 10:07
Iedereen bedankt voor zijn hulp. Ik heb het op de manier van Voetsjoeba gedaan en het werkt nu :) .