[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Как выровнять по вертикали колонку?
Flurt
Подскажите есть вот такой список:
user posted image
Как сделать его вот таким:
user posted image
Oн убегает из-за цифр!
Заранее благодарен! smile.gif



Спустя 40 минут, 48 секунд (1.07.2010 - 13:43) jetistyum написал(а):
в первой колонке, в которой цифры - выравнивание по правому краю (text-align:right;) во второй - по левому.

Спустя 11 минут, 40 секунд (1.07.2010 - 13:55) sergeiss написал(а):
Flurt - для начала надо сделать табличку. В левой колонке цифры, в правой - значки. И уже не важно будет, как там внутри колонки выровнены цифры, потому что значки все будут строго по вертикали.

Спустя 33 минуты, 14 секунд (1.07.2010 - 14:28) трамонтана написал(а):
это табличные данные значит они должны быть в таблице.

Спустя 11 минут, 22 секунды (1.07.2010 - 14:40) Flurt написал(а):
Ни один ответ не помог, верстка блочная!

Спустя 5 минут, 11 секунд (1.07.2010 - 14:45) sergeiss написал(а):
Цитата (Flurt @ 1.07.2010 - 15:40)
Ни один ответ не помог, верстка блочная!


А если бы ты показал "до кучи" используемый тобой код страницы wink.gif, то не приходилось бы гадать на кофейной гуще smile.gif Или он настолько секретный, что низзя его никому видеть?

И таблица в данном случае не может не помочь.

Спустя 1 минута, 48 секунд (1.07.2010 - 14:47) трамонтана написал(а):
таличные данные должны быть в тАблице!
эту вёрстку писал неграмотный верстальщий - это и доказывать не надо.

ещё вариант вместо таблицы - в дааном служае наверно нужно исползьовать список, ну точно не как не дивы

Спустя 40 минут, 15 секунд (1.07.2010 - 15:27) трамонтана написал(а):
предлагаю забить на эту тему (раз единогласно решили что - списки) и переключится на мой плеер smile.gif

Спустя 43 минуты, 8 секунд (1.07.2010 - 16:10) Flurt написал(а):
Не списком не выходит или что-то я не так делаю?
Вот код:
printf("<ol><li>%s<span><img src='../comments/image/com.gif' width='11' height='9' /></span></li></ol>",
$myrow["cnt"]);
};

Спустя 1 минута, 57 секунд (1.07.2010 - 16:12) трамонтана написал(а):
спан надо сделать блоком и бэкграунд у него этот флажок и выровнять его по левому краю и потом паддингом отодвинуть текст

Спустя 3 минуты, 25 секунд (1.07.2010 - 16:15) Guest написал(а):
Flurt лови шаблон(сделано на коленке - можно наверное и лучше, но смысл уловишь):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
>
<html>
<head>
<title>
Untitled Document</title>
<meta
http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style
type="text/css">
ol {list-style-type:decimal;
color: #9D939E}
li
{
background-image:url(img/xxx.gif);
background-repeat:no-repeat;
padding-left:20px;
font-size:12px;


}
li span {color: #491B03;}

</style>
</head>

<body>
<ol>
<li><span>
трарар</span>
</li>
<li><span>
трарар</span></li>
<li><span>
трарар</span></li>
<li><span>
трарар</span></li>
<li><span>
трарар</span></li>
<li><span>
трарар</span></li>
<li><span>
трарар</span></li>
<li><span>
трарар</span></li>
<li><span>
трарар</span></li>
<li><span>
трарар</span></li>
<li
value="5"><span>трарар</span></li>
<li><span>
трарар</span></li>
</ol>

</body>
</html>



Спустя 6 минут, 28 секунд (1.07.2010 - 16:22) Guest написал(а):

 ! 

М
.....
sergeiss

Лишние сообщения удалены, потому что они засоряют тему. Если есть что по делу сказать - говори. Но без мусора.

Все лишние сообщения были удалены на основании п.3.5.b Правил форума

Спустя 17 часов, 59 минут, 12 секунд (2.07.2010 - 10:21) Flurt написал(а):
Так и не выходит smile.gif
Давайте упростим что бы было еще нагляднее сейчас вот так:
user posted image
А, нужно так:
user posted image

код такой:
$sql = "select *, count(rus_name) as cnt from comments group by rus_name ORDER BY date DESC";
$res = mysql_query($sql) or die(mysql_error() ."<br/>". $sql);

while($myrow=mysql_fetch_assoc($res)){
printf("<span class='a'>%s</span><br />",
$myrow["cnt"]);
};


Со списками все получается если нумерация идет от списка, а вот если в такой конструкции то не выходит. smile.gif

Спустя 24 минуты, 11 секунд (2.07.2010 - 10:45) sergeiss написал(а):
Вот это попробуй все-таки (зачем усложнять себе жизнь, когда можно сделать что-то более простыми средствами?):
<style>
.a
{
text-align:right;
}
</style>



<table>
<tr>
<td
class="a">1</td>
<td>
Ссылка 1</td>
</tr>
<tr>
<td
class="a">2</td>
<td>
Ссылка 2</td>
</tr>
<tr>
<td
class="a">1233</td>
<td>
Ссылка 3</td>
</tr>
</table>



И еще. Ты задаешь вопрос про вёрстку. Ну ЗАЧЕМ при этом sql-запрос, зачем цикл? Достаточно показать уже КОНЕЧНЫЙ РЕЗУЛЬТАТ (html-код). А как ты его получаешь - это уже "дело десятое".

PS. И вообще. Достаточно было указать на картинке строк 5, а не несколько десятков.

PPS. А таблицу можешь поместить внутрь любого блока. Это ничему не противоречит.

Спустя 6 часов, 7 минут, 5 секунд (2.07.2010 - 16:52) Flurt написал(а):
sergeiss Спасибо с табличкой получилось. smile.gif

Спустя 4 часа, 30 минут, 22 секунды (2.07.2010 - 21:23) sergeiss написал(а):
Цитата (Flurt @ 2.07.2010 - 17:52)
Спасибо с табличкой получилось.

Да не за что smile.gif А вообще-то, про табличку я сразу же говорил, в первом своем ответе в этой теме.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.