2013-11-25 5 views
-3

У меня возникла проблема, когда я, похоже, не могу получить некоторые divs, чтобы выстроиться в линию. На самом деле это не имеет значения, будь то в аккордеоне (например, это так) или нет. Аккордеон не имеет значения. Вот что она делает сейчас:Невозможно вертикально выровнять divs

enter image description here

Я думаю, что это очевидно, что я хотел бы, чтобы они были выровнены по вертикали вместе, в верхней части (как некоторые из них больше, чем другие) Если бы вы могли вне, то, что» d будет большим.

Я попытался сделать скрипку его, но с треском провалился, так что если вы хотите увидеть его в действии, вы можете найти его на http://thephotoshopwirral.com/covers.php

Если вам нужно больше информации, просто спросите. Я сделаю все возможное, чтобы помочь вам.

+1

Вы подтвердили HTML? Вы закрыли элементы 'label'? –

+0

Вы вставляете все '

+1

У вас есть html mess-up. Вам не удалось закрыть некоторые теги html. –

ответ

3

У вас есть <br> теги между вашими ярлыками. Удалить их.

<label><br><label> 
+0

Он также имеет их завернутые в основную этикетку, которая не является необходимой. –

+0

Он также утверждает, что они должны быть _вертически выровнены, что означало бы один за другим в столбце, идущем сверху вниз, а не в строке, идущей слева направо. Я думаю, что они просто не знают, что такое горизонтальные и вертикальные средства, но это заслуживает внимания. –

+1

Я чувствую себя такой толстой, спасибо за это. – Butler1233

1

Вы не закрываете элементы label. Я предлагаю проверить ваш HTML.

Также вы не можете разместить div элементов в пределах label элементов. Предлагаю провести реструктуризацию.

+0

Вы можете, потому что он работает сейчас. – Butler1233

+0

Просто потому, что «он работает» не означает, что это неправильное использование HTML/структуры. Это все еще семантически неправильно. –

0

Вместо закрытия <label> тегов, вы открываете новые:

<label><div class="phoneitem"> 
    <img src="http://www.thephotoshopwirral.com/image/phones/bold.png" width="200" height="250" alt=""/> 
    <input type="radio" name="phones" value="1" id="phones_"> 
    Blackberry Bold   
</div><label> <!-- THIS LINE --> 

Заменить <label> в указанной строке </label>.

+0

Да, это была просто опечатка. Я пробовал разные вещи, чтобы заставить его работать безрезультатно, и когда я восстановил его, как это было, я забыл «/» в теге метки закрытия. – Butler1233

Смежные вопросы