Float:left word niet gepakt

**Miichelle G** · 10-10-2013, 13:45

Heeft iemand enig idee waarom ze niet right en left floaten?

Code:

<html>
<head><title>contactformulier</title></head>
 
    <link rel="stylesheet" href="style.css" type="text/css" />
    <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:700' rel='stylesheet' type='text/css'>
    
<body>

    
    <form class="contactform">
    
    <div class="header"><h2>CONTACTFORMULIER</h2></div>
    
    <div class="vraag">
        <label for="dropdown">Ik heb een vraag aan:</label>
                <select>
                    <option value="algemeen">Algemeen</option>
                    <option value="naam">naam</option>
                    <option value="naam">naam</option>
                    <option value="naam">naam</option>
                    <option value="naam">naam</option>
                    <option value="naam">naam</option>
                    <option value="naam">naam</option>
                </select>    
    </div>        
    
    <div style="clear:both;"></div>

    <div class="cropper">
            <div class="float:left;">
                <label for="name">Naam:</label>
                <input type="text" name="name" id="name" maxlength="20">
            </div>    
            
            <div class="float:right;">
                <label for="adress">Adres:</label>
                <input type="adress" name="adress" id="adres" maxlength="20">
            </div>
    </div>    
        
        <label for="place">Woonplaats:</label>
        <input type="place" name="place" id="place" maxlength="20">
        
        <label for="phonenumber">Telefoonnummer:</label>
        <input type="phonenumber" name="phonenumber" id="phonenumber" maxlength="10">
        
        <label for="message">Bericht:</label>
        <textarea rows="5" cols="50" name="message" id="message"></textarea>
        
        <label for="file">Upload een bestand</label>
        <input type="file" name="file" id="file">
        
        <input type="submit" name="submit" value="versturen">
        
    </form>
    
</body>
</html>

Code:

.contactform {
font-family: 'Arial',serif; 
width: 600;
margin: 0 auto;
display:block;
}

.header {
width:600px;
height:40px;
border-style:dashed;
border-width:2px;
border-color:#3399FF; 
opacity:0.5;
}
 
h2 {
width:20px;
font-size: 24px;
font-family: 'Roboto Slab', serif;
font-weight:bold;
margin-left:200px;
margin-top:5px;
}  

label{
font-family: 'Roboto Slab', serif;
}
.vraag { 
width:400px;
font-size:18px;
font-weight:bold;
color:#D0D0D0; 
}

input {
    border: 1px solid #3399FF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 3px #666;
    -webkit-box-shadow: 2px 2px 3px #666;
    box-shadow: 2px 2px 3px #666;
    font-size: 14px;
    padding: 4px 7px;
    outline: 0;
    -webkit-appearance: none;
    border-color:#3399FF;
}


select option{
width:100px;
font-size: 16px;
font-weight:bold;
color:#585858;
}

.cropper{
border-style:dashed;
border:2px;
}

**Dennis Wolf** · 10-10-2013, 13:48

Hoi Miichelle,
Je geeft aan je div's de class float:left mee maar ik denk dat je hier bedoelde style="float:left;" ipv class="float:left;"

**Miichelle G** · 10-10-2013, 13:50

Super,dat was idd het foutje. Stom van mezelf

Float:left word niet gepakt

Float:left word niet gepakt

Re: Float:left word niet gepakt

Re: Float:left word niet gepakt

Tags voor dit bericht

Quick links

Sitedeals

Andere media

Over Sitedeals

Float:left word niet gepakt

Float:left word niet gepakt

Re: Float:left word niet gepakt

Re: Float:left word niet gepakt

Tags voor dit bericht

Quick links

Sitedeals

Andere media

Over Sitedeals

Inloggen