Problem med positionering av div.

PHPportalen Forum Index » HTML/CSS/JavaScript/Design
Lägg ett bokmärke på hela tråden
Skapa nytt inlägg   Svara på inlägget
Visa föregående ämne :: Visa nästa ämne  
Startad av: Meddelande
hemmajorgen



Medlem i: 4908 dagar

Status: Offline



#741859
Inlägg Skrivet: 2017-09-09 19:03      Ämne: Problem med positionering av div. Citera

Dem två sista divarna får en märklig placering hur än jag försöker placera dem så hamnar dem vänsterställt. Telefon div och Ärende div hamnar i linje men dem resterande två(meddelande och skicka knapp) divarna blir vänsterställda. Vad gör jag för fel?


<html>
<div class="form-group">
<label for="Telefon" class="col-sm-2 control-label">Telefon</label>
<div class="col-sm-10">
<input type="text" class="textbox" id="Telefon" name="Telefon" placeholder="Telefon" value="<? echo $_SESSION['maildata']['Telefon']; ?>">
</div>
<div class="form-group">
<label for="Arende" class="col-sm-2 control-label">Ärende</label>
<div class="col-sm-10">
<select name="Arende" class="valbox" id="Arende">
<option></option>
<option>Test1</option>
<option>Test2</option>
<option>Annat</option>
</select>
</div>
<div class="form-group">
<label for="Meddelande" class="col-sm-2 control-label">Meddelande</label>
<div class="col-sm-10 col-sm-offset-0">
<textarea name="Meddelande" id="Meddelande" cols="36" rows="8"><? echo $_SESSION['maildata']['Meddelande']; ?></textarea>
</div>
</div>
<div class="form-group">
<div class="col-sm-10 col-sm-offset-2">
<input type="submit" name="Skicka" id="Skicka" value="Skicka" class="btn btn-primary"></div>
</div>
</form>
</div>
</div>
</div>
</body>
</html>
 
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
harald_b
Moderator



Medlem i: 4141 dagar
Från: Tavesta
Status: Offline



#741860
Inlägget är accepterad som det rätta svaret Skrivet: 2017-09-10 13:07      Ämne: Citera

Det är lite svårt att säga någonting om vad du gör för fel, eftersom du varken skrivit något om hur du vill att det skall se ut eller visat din css-kod.

Utan css-kod är allt snyggt och prydligt vänsterställt.

Jag skulle föreslå att du testar att sätta background-color eller outline på dina olika element, så du ser hur stora de olika divarna är, och var de är placerade. Då blir det lättare att förstå varför de olika elementen hamnar där de gör.

KOD:
1:
.col-sm-10 {
2:
   outline: solid red thin;
3:
}
4:
.control-label {
5:
   background-color:pink;
6:
}
7:
.col-sm-offset-2 {
8:
   background-color:yellow;
9:
}
10:
 
11:
.form-group {
12:
   outline: dotted blue;
13:
}
 

_________________
R.r - Ett fritt affärssystem
Till toppen på sidan
Visa användarprofil Skicka privat meddelande
Visa tidigare inlägg:   
Skapa nytt inlägg   Svara på inlägget
PHPportalen Forum Index » HTML/CSS/JavaScript/Design
Hoppa till:  
Du kan inte skapa nya inlägg i det här forumet
Du kan inte svara på inlägg i det här forumet
Du kan inte ändra dina inlägg i det här forumet
Du kan inte ta bort dina inlägg i det här forumet
Du kan inte rösta i det här forumet
Du kan inte bifoga filer i detta forum
Du kan inte ladda ner filer från detta forum
Kontakta oss på adressen: info@phpportalen.net
Webbplatsen bygger i grunden på phpBB © 2001, 2002 phpBB Group

Modifieringar har senare gjorts i systemet av PHPportalen
Sid och logotypdesign skapad av Daren Jularic