Подравняване на текст

[DobriMcConnor]

Здравейте, !

Днес кодирах един дизайн, но текста не е подравнен на колоните. Как да го подравня? Снимка.

 

[hpstuff]

дай малко повече инфо да видим как си го направил за да ти помогнем

 

[DobriMcConnor]

Това е кода на левия и десния бокс:
[css].title{ background: url('url') no-repeat; height: 35px; width: 211px; background-position: -2px 0px;}[/css]

А това е на централния:

[css].box{background: url('url'); height: 31px; width: 401px; margin-left: 9px; padding: 8px 0 0 10px; background-repeat: no-repeat; background-position: -9px; 5px;}[/css]

 

[hpstuff]

Това е кода на левия и десния бокс:
[css].title{ background: url('url') no-repeat; height: 35px; width: 211px; background-position: -2px 0px;}[/css]

А това е на централния:

[css].box{background: url('url'); height: 31px; width: 401px; margin-left: 9px; padding: 8px 0 0 10px; background-repeat: no-repeat; background-position: -9px; 5px;}[/css]

padding: 8px 0 0 0; за левия и десния

 

[DobriMcConnor]

Добре, това стана. :?:

А, как мога да направя равни разстояния между боксовете? Снимка.

 

[tedo96]

Слагаш им маргин, но ще ти дам едно по-добро решение. Правиш си един див за ляво, един за център и един за дясно. И съответно в секи див слагаш тфа където си дал. После на тези големи контейнери, които си направил им даваш float: left и на последния (дясния) float: right;

 

[DobriMcConnor]

Именно, аз съм го направил така. :? Какви да са стойностите на margin?

 

[tedo96]

margin-left: 5px; да кажем

 

[Vladkata]

Правиш три <div>-а между колоните, ето така:

<div style="width: 25px;"></div>

Надявам се да съм помогнал. Успех!

 

[hpstuff]

По горния отговор е с извинение към колегата НЕ приемлив да слагаш празни дивове за разстояние извинявай ама не сме в епохата на html 4 вече.
Да премина към отговора вече , ако знаеш размера на дивовете може да го направиш така

<div class="left"></div>
<div class="middle"></div>
<div class="rigth"></div>

[css]
.left,
.middle,
.right {
float: left;
}
.left,
.right {
width: 250px;
}
.middle {
width: 400px;
margin: 0 20px;
}[/css]

другия вариант е ако не определиш размера да средния див

<div class="left"></div>
<div class="right"></div>
<div class="middle"></div>

като забележиш подредбата на дивовете в този равиянт

[css]
.left {
float: left;
margin-right: 20px;
}
.right {
float: right;
margin-left: 20px;
}
.left,
.right {
width: 250px;
}
.middle {
overflow: hidden;
}[/css]

 

[Vladkata]

По горния отговор е с извинение към колегата НЕ приемлив да слагаш празни дивове за разстояние извинявай ама не сме в епохата на html 4 вече.
Да премина към отговора вече , ако знаеш размера на дивовете може да го направиш така

Еми видях че има доста отговори и реших да му дам нещо по-различно, все пак той си решава...