Eey,
Op mijn site wil ik in de content tekst en daarnaast zo'n soort blok:
Maar nu staat het zo:
Iemand die weet hoe k dit kan fixen?
Eey,
Op mijn site wil ik in de content tekst en daarnaast zo'n soort blok:
Maar nu staat het zo:
Iemand die weet hoe k dit kan fixen?
http://www.w3schools.com/css/pr_class_float.asp
Bekijk een paar van de try it yourselfs daar, speel er wat mee, en pas het toe.
en als het niet werkt: margin-top: -xxpx;
Als ik float:right; toevoeg dan werkt het ook niet..
<div id="container">
<div id="content">
<h>Welkom</h><br><br>
Hallo, en welkom op mijn site<br>
BB-Productions heb ik opgericht,<br> omdat ik het leuk vind websites te maken voor anderen.<br>
Hier kunt u dus lay-outs bestellen en/of ze laten slicen + basen.<br>
<h>Wat houd slicen en basen in?</h><br>
Slicen en Basen houd in dat ik de lay-out die u heeft/besteld op site zet.<br>
Dit wordt gedaan door de lay-out in stukken te verdelen,<br>
en ze dan op de site te zetten.<br>
Later zult u hier ook volledige websites kunnen krijgen,<br>
Aangezien ik nu in de leer ben met php en mysql.<br><br>
Kijk gerust even rond op mijn site!
</div>
<div id="link">
<h1>Linkpartners:<br></h1>
<h2><a class="one" href="/contact2.php">Link partner worden?</a></h2>
</div></div>
Toon Meer
Zo heb ik het staan in index.php
en zo in de css:
div#link
{
background-color: #F2F2F2;
width: 200px;
height: 600px;
position: absolute;
right: 0px;
float:right;
}
div#link h1
{
font-family: Arial;
color: #000000;
font-size: 15px;
position: relative;
left: 10px;
padding-top: 25px;
text-decoration: none;
}
div#link h2
{
font-family: Arial;
color: #000000;
font-size: 11px;
text-decoration: none;
position: relative;
left: 10px;
padding-top:25px;
}
Toon Meer
ja er is ook geen css voor content en container gemaakt
Jawel, die heb ik wel aangemaakt, ik post mijn hele css wel even:
html
{
background-color: #999999;
}
div#header
{
background-image: url('images/header.png');
background-repeat:no-repeat;
width: 698px;
height: 110px;
position:relative;
left:150px;
}
div#header h
{
font-family: Arial;
color: #FFFFFF;
font-size: 14px;
text-decoration: none;
position: relative;
left: 45px;
}
div#header h2
{
font-family: Times new roman;
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
position: relative;
left: 60px;
}
ul#menu
{
margin: 0px;
padding-left: 10px;
list-style: none;
height: 25px;
width: 688px;
background-color: #000000;
position:relative;
left:150px;
}
ul#menu li
{
float: left;
height: 25px;
}
ul#menu li a
{
display: block;
overflow: hidden;
height: 25px;
padding: 5px 8px 0px 8px;
font-family: Arial;
color: #FFFFFF;
font-size: 11px;
text-decoration: none;
font-weight: bold;
}
ul#menu li a:hover, ul#menu li.active a, ul#menu li.active a:hover
{
padding: 5px 8px 0px 8px;
background-color: #000000;
color: #FFFFFF;
height: 20px;
}
div#container
{
background-color:#FFFFFF;
width: 698px;
height: 600px;
position:relative;
left:150px;
}
div#container h
{
font-family: Arial;
color: #000000;
font-size: 11px;
text-decoration: none;
position: absolute;
left: 10px;
}
div#container h3
{
font-family: Arial;
color: #000000;
font-size: 11px;
text-decoration: none;
position: absolute;
left: 10px;
}
div#link
{
background-color: #F2F2F2;
width: 200px;
height: 600px;
position: absolute;
right: 0px;
float:right;
}
div#link h1
{
font-family: Arial;
color: #000000;
font-size: 15px;
position: relative;
left: 10px;
padding-top: 25px;
text-decoration: none;
}
div#link h2
{
font-family: Arial;
color: #000000;
font-size: 11px;
text-decoration: none;
position: relative;
left: 10px;
padding-top:25px;
}
div#footer
{
background-color: #666666;
height: 25px;
width: 698px;
position: relative;
left: 150px;
}
div#footer h
{
font-family: Arial;
color: #FFFFFF;
font-size: 11px;
text-decoration: none;
}
div#contact
{
background-color: transparent;
padding-top: 25px;
position: relative;
left: 10px;
}
div#contact h
{
font-family: Arial;
color: #000000;
font-size: 13px;
position: relative;
left: 10px;
padding-top: 25px;
}
div#content
{
background-color: transparent;
}
div#content h
{
font-family: Arial
color: #000000;
font-size: 14px;
position: relative;
left: 50px;
padding-top: 10px;
border-bottom: 1px dotted #B1B1B1;
}
a.one:link {color: #000000}
a.one:visited {color: #000000}
a.one:hover {color: #810F0F}
Toon Meer
De relatieve posities en de absolute posities zou ik eens opdoeken als ik jou was.
Wanneer is het dan absolute n wanneer relative?
Dat heb je in je CSS staan: position: abolute;
Ja weet ik, maar wanneer moet je Absolute en wanneer moet je Relative invullen?
relative is zoals het woord zegt relatief, dus als top/left/right/bottom op 0 staan staat hij op dezelfde plek als hij zonder position: relative staat
absolute is absoluut, dus gebaseerd op het scherm, dus als top/left/right/bottom op 0 staan staat het in links boven in de hoek
Je slicing en basing skills verkopen/verhuren als je dit niet weet?
ik zou nog maar even doorleren
Misschien oefent hij wel, en verkoopt hij het voor een prikje. De jongeren van tegenwoordig moeten hun geld verdienen via internet he
De maatschappij helpt niet meer... Vanwege de economische crisis;)
Ja, ik oefen ermee en als ik het goed kan dan begin ik daarmee, daarom probeer ik het nu.
Maar ik snap nou nog steeds niet hoe ik dit moet fixen..
Nieuwe reactie samengevoegd met originele reactie op 02.07.09 14:52:19:
Moet ik dan gewoon
div#link
{
background-color: black;
Endan nog wat zooi ertussen en dan
float: right;
}
Zoiets?
Heb je nog geen account? Registreer je nu en word deel van onze community!