Вопрос по 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/

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

fixxxer

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

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

PHP:
<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>
 
  • Like
Реакции: craz

craz

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

PHP:
<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>
мой вариант)

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

PHP:
<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" или как-то так. Без разницы на мой вкус.
 

A1x

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

Духовность™

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

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

varan

Б̈́̈̽ͮͣ̈Л̩̲̮̻̤̹͓ДͦЖ̯̙̭̥̑͆А͇̠̱͓͇̾ͨД͙͈̰̳͈͛ͅ
Я тоже считаю, что таблицы здесь вполне допустимы
 

Sad Spirit

мизантроп (Старожил PHPClub)
Команда форума

akxxiv

Новичок
Не проверял, но на сколько понимаю можно проще:
PHP:
<style>            
            dt{float:left;clear:both;}
            dd{float:left;}
</style>
А таблица здесь нафиг не нужна. Хотя я криминала в таблице не вижу. Просто через ДЛ меньше тэгов.
 
Сверху