Позициониране на елементи ?

breakforce

Registered
Здравейте, значи искам да позиционирам едни таблици спремо горна линия по-долу в картинката ще видите за какво става на въпрос. Искам тези таблици да се подравнят в единия край на линията и в другия не както сега да оставя в десния край някво разстояние...

Изображение:


[css]#neshto { width: 950px; margin-top: 29px; text-align: left; }
#neshto li { list-style: none; padding-right: 10px; display: inline; }
#neshto li a { color: #7ba5c8; text-decoration: none; }
#neshto li a:hover { text-decoration: underline; }
#neshto li.active { color: #595959; font-weight: bold; }
#neshto .table { width: 205px; height: 70px; margin: 0 20px 20px 0; padding: 5px; float: left; border: 1px solid #b3b3b3; }[/css]

HTML:
<div id="neshto">
<li><a href="#">Пример</a></li>
<div style="margin-bottom: 10px;" class="line">
<div class="table">Пак пример</div>
</div></div>
 
СЕга първо структурата на html ти е грешна. Имаш ли li трябва да имаш ul и неможеш между li-тата да имаш други елементи. Ето ди един пример за твоя случай:

HTML:
<ul class="tab">
 <li>нещо си</li>
 <li>нещо си</li>
 <li>нещо си</li>
</ul>


[css]ul.tab li{
width:200px;
height:150px;
float:left;
margin-right:5px;
border: solid 2px #000;

}[/css]
 
shterev каза:
Имаш ли li трябва да имаш ul и неможеш между li-тата да имаш други елементи.

Това всъщност не е напълно вярно. Между li-тата могат да се поставят почти всички елементи (инлайн и блокови).
 
bytheway каза:
shterev каза:
Имаш ли li трябва да имаш ul и неможеш между li-тата да имаш други елементи.

Това всъщност не е напълно вярно. Между li-тата могат да се поставят почти всички елементи (инлайн и блокови).

На практика е възможно, но не и според W3C :)

<ul class="tab">
<li>нещо си</li>
<div class="table">Пак пример</div>
<li>нещо си</li>
<li>нещо си</li>
<div class="table">Пак пример</div>
</ul>


document type does not allow element "DIV" here; assuming missing "LI" start-tag

document type does not allow element "DIV" here; assuming missing "LI" start-tag
 
Не че нещо, но ето какво показва любимият ни валидатор, когато се валидира код чрез Direct Input.

За да ти бъде валиден кода, трябва да сложиш всичко между <li>...</li>, а не да затваряш <li> и след това да добавяш елементи, а в същото време да бъдеш в <ul>.

Ако прочетеш типа грешки, които си постнал ще видиш, че е така :)

4768.jpg
 
Защо спамите темата на човека? На практика в града можеш да караш и с 200 км/ч , но си има правила. ;)
 

Горе