Webwereld

[CSS] Button -> Slider -> Button

Gestart doorSebastiaanh5 reacties52 weergaven
Log in om mee te praten

6 berichten · pagina 1 van 1

Sebastiaanh

Lid · Topicstarter

Berichten
9.953
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hallo,

Ik ben momenteel een layout aan het basen voor Klaasie. Ik heb echter een probleem, want ik krijg een button niet naast de slider.

Het probleem is te zien op: http://www.sebastiaan.s3.one2xs.com/projecten/klaas/

Ik zal je erg dankbaar zijn als je het oplost!

Mvg,
SebastiaanH
0
Rik

Lid

Berichten
18.393
Reputatie
0
Punten
0,04
Lid sinds
Laatst gezien
Van je hele code klopt al niks;

Hoezo laat je een div zichzelf meteen afsluiten?

<div id="header" />


Hoezo geef je classes mee als je de div maar één keer gaat gebruiken? Daarvoor is ID uitgevonden.

<div class="logo" />


Maar voor je probleem: je moet float gebruiken ^^
0
Sebastiaanh

Lid · Topicstarter

Berichten
9.953
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ooh sorry bloosZo had ik het geleerd. santabaardZal het even verbeteren.
0
Rik

Lid

Berichten
18.393
Reputatie
0
Punten
0,04
Lid sinds
Laatst gezien
Oh ik zie de fout al:

Je slider-div is 775px groot. Je image-div is ook 775px groot. Er kan dus niks meer naast floaten, daarom komt het er maar boven te staan.
0
Sebastiaanh

Lid · Topicstarter

Berichten
9.953
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ja inderdaad, een domme fout, kwam ik net ook achter. yummie
0
Rik

Lid

Berichten
18.393
Reputatie
0
Punten
0,04
Lid sinds
Laatst gezien
:3

<!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>

    <title>Layout gebased door Sebastiaan H</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>

<body>
<div id="header"> 
    <div class="logo"> 
    </div> 
  
    <div class="menu"> Tetete ffffffffffffffffffffffff </div> 
</div>

<div id="slider" style="width: 900px;"> 
    <div id="buttonl" style="margin-top: 120px;"> < </div> 
    <div class="image"> 
        <div class="tekst"> Test </div> 
    </div> 
</div>
</body>
</html>
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren