Вопрос по CSS

[bigjoy]

Изменяюсь заранее, что вопрос не форума php, но если можете то подскажите пожалуйста.
Вопрос следующий:
как сделать следующий список (взял с вконтакте):
//////////////////////
Образование Вуз: НТУУ "КПИ" '16
Факультет: Информатики и вычислительной техни
ки
Кафедра: Автоматизированных систем обработки
информации и управления
Форма обучения: Дневное отделение
Статус: Абитуриент
Лицей: № 1 '17Киев, 2009-2017 (а)
//////////////////////
я думал использовать таблицы, но это если есть четкое количество элементов(
использовать <dl>, <dt>, <dd>, то тогда информация справа падает на одну строчку в низ(

 

[craz]

<style>
ul li{
display:inline;
}
</style>
<ul>
<li></li>
<li></li>
</ul>

купите книгу, так же вот ссылка
http://htmlbook.ru/

Ваш вопрос абсолютно не относится так же и ксс - потому что это основы. Учитесь.

 

[bigjoy]

спасибо

 

[Духовность™]

таблицы тут в самый раз

 

[fixxxer]

Таблица тут нахрен не нужна, потому что это не таблица )

Если речь о вконтактовском списке, то я бы делал как-то так:

<style>
dl {
    position: relative;
    width: 400px;
}
dt {
    position: absolute;
    width: 30%;
}
dd {
    margin-left: 30%;
}
</style>
<dl>
    <dt>Вуз:</dt>
    <dd>НТУУ &quot;КПИ&quot; &apos;16</dd>
    <dt>Факультет:</dt>
    <dd>Информатики и вычислительной техники</dd>
    <dt>Кафедра:</dt>
    <dd>Автоматизированных систем обработки
    информации и управления</dd>
</dl>

 

[craz]

ну так будет умнее - только вы решили за него задачу блин опять) он опять не понял ничего по свойству display не почитал про float... Ну лан пускай радуется теперь)

<style>            
            dt{float:left;}
            dd{float:left;}
            hr{clear:both;}
        </style>
<dl>
            <dt>Вуз:</dt>
            <dd>НТУУ &quot;КПИ&quot; &apos;16</dd>
            <hr/>
            <dt>Факультет:</dt>
            <dd>Информатики и вычислительной техники</dd>
            <hr/>
            <dt>Кафедра:</dt>
            <dd>Автоматизированных систем обработки
            информации и управления</dd>
            <hr/>
        </dl>

мой вариант)

а вот ваще почти нет ксс)

<style>            
            p{float:left;}
            hr{clear:both;}
        </style>
        
            <p>Вуз:</p>
            <p>НТУУ &quot;КПИ&quot; &apos;16</p>
            <hr/>
            <p>Факультет:</p>
            <p>Информатики и вычислительной техники</p>
            <hr/>
            <p>Кафедра:</p>
            <p>Автоматизированных систем обработки
            информации и управления</p>
            <hr/>

только у меня конечно проставки... ну оно как то может и правильнее... чем позитион - не наю c0dex нужен - он у нас стандарты любит

 

[fixxxer]

Да я это скорее про таблицы комментировал, а не как ответ ТС-у ) хотя получилось как то так да

 

[Духовность™]

Таблица тут нахрен не нужна, потому что это не таблица )

Это именно табличное представление информации. Определение dl-dt-dd тут никоим боком, оно для другого создано - для описания ОПРЕДЕЛЕНИЙ и их значений, таких как

PHP - язык программирования
fixxxer - гуру

и т.д.

 

[fixxxer]

Нифига. Табличное это как в екселе, а это как бэ key->value. dl конечно притянуто немного, но подходит больше остального. Ну, для эстетов можно ul/li + span class="term" или как-то так. Без разницы на мой вкус.

 

[Духовность™]

Табличное это как в екселе

не обязательно. 2 колонки - это уже таблица

 

[A1x]

таблица в целом более сложная структура чем набор key->value
по-моему оправдано использовать более сложные структуры только там где нельзя обойтись более простыми
в данном случае можно обойтись <dl>... ну ладно за таблицу тоже можно не убивать

 

[Духовность™]

Омичи, вы заблуждаетесь
http://ru.wikipedia.org/wiki/Таблица

DL-DT-DD - это определение терминов.

Факультет: Информатики и вычислительной техники

в данном случае строка "Информатики и вычислительной техники" - это НЕ определение слова "Факультет". Это значение.

 

[A1x]

кстати в html5 определение dl-dt-dd расширили

Name-value groups may be terms and definitions, metadata topics and values, questions and answers, or any other groups of name-value data.

http://dev.w3.org/html5/spec/Overview.html#the-dl-element

 

[varan]

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

 

[Sad Spirit]

кстати в html5 определение dl-dt-dd расширили

На самом деле, уже даже в спецификации html4 было написано:

Another application of DL, for example, is for marking up dialogues, with each DT naming a speaker, and each DD containing his or her words.

 

[akxxiv]

Не проверял, но на сколько понимаю можно проще:

<style>            
            dt{float:left;clear:both;}
            dd{float:left;}
</style>

А таблица здесь нафиг не нужна. Хотя я криминала в таблице не вижу. Просто через ДЛ меньше тэгов.