Этот сайт не наркоманов. Это сайт программистов.

Добро пожаловать на Пыху!

Логин:
Пароль:
 

Нет прописки? Зарегистрируйся!

Новости

Пыха информатор 3.1
Еще более удобное оповещение о флуде!

Краснодарское время: 23 Май, 2012, 05:39:45

Страниц: [1] 2
Печать
Автор Тема: Колонки неизвестной ширины  (Прочитано 1897 раз)
0 Пользователей и 1 Гость смотрят эту тему.
md5    ↓ 
27 Март, 2009, 07:27:03
НЕ ХУЕТА! ХУЕТА!

выезд, апартаменты, массаж, стриптиз, подружки, дорого
Группа: в ухо

Карма: не нужна
Сообщений: 10494
Сила слова: 1.19

См. вложение
 
у меня известна ширина левого блока (синяя рамка), 60px, но неизвестна ширина правого (красная рамка), т.к. отступы могут быть слева разные
 
вот и проблема, если я не ставлю ширину для правого блока, то он уходит под левый (при большом кол-ве текста) (
 
пробовал так
 
HTML

<style type="text/css">
.uava {
        display:block;
        float:left;
        width:60px;
        border:1px solid blue;
    }
.ctext {
        display:block;
        float:left;
        border:1px solid red;
    }
</style>
<div class="comment">
    <div class="uava">AVATAR</div>
    <div class="ctext">TEXT</div>
</div>

есть мысли?


* comments.gif (25.3 Кб, 576x688 - просмотрено 90 раз.)
Записан

8: Undefined variable: str
Файл: /home/pyha/pyha.ru/forum/bbcode/Xbb/Tags/Man.php
Строка: 18
adw0rd: мудень блять, я уже фиксить стал эту фигню :)
md5: вуахахахаха
phpdude    ↓ 
27 Март, 2009, 07:38:34 , спустя 11 минут 31 секунду
НЕ ХУЕТА! ХУЕТА!

я - ЭМО
Группа: в ухо

Карма: 344
Сообщений: 20780
Сила слова: 1.66

для стекст margin-left: 60px; попробуй вставь
Записан

забанен. могу забанить других, пишите в личку
BEER. Helping ugly people have sex since 1862.
aivee    ↓ 
27 Март, 2009, 07:41:16 , спустя 2 минуты 42 секунды
НЕ ХУЕТА! ХУЕТА!

Группа: Джедаи

Карма: 28
Сообщений: 1659
Сила слова: 1.69

HTML
<style type="text/css">
.uava {
        float:left;
        width:60px;
        border:1px solid blue;
    }
.ctext {
        margin-left: 60px;
        border:1px solid red;
    }
</style>
<div class="comment">
    <div class="uava">AVATAR</div>
    <div class="ctext">TEXT</div>
</div>

нах у дивов display: block? они же и так блочные
Записан

21st century slave
Timur    ↓ 
27 Март, 2009, 07:42:24 , спустя 1 минуту 8 секунд
НЕ ХУЕТА! ХУЕТА!

NullPointerException
Группа: в ухо

Карма: 56
Сообщений: 1009
Сила слова: 5.55


для стекст margin-left: 60px; попробуй вставь
да, + ещё пару пикселей на бордюр. И float:left блоку с текстом не нужен.
Записан
Timur    ↓ 
27 Март, 2009, 07:43:47 , спустя 1 минуту 23 секунды
НЕ ХУЕТА! ХУЕТА!

NullPointerException
Группа: в ухо

Карма: 56
Сообщений: 1009
Сила слова: 5.55

нах у дивов display: block? они же и так блочные
кстати, даже если б это были span'ы — наличие float вроде по-любому делает контейнер блочным.
Записан
phpdude    ↓ 
27 Март, 2009, 07:44:32 , спустя 45 секунд
НЕ ХУЕТА! ХУЕТА!

я - ЭМО
Группа: в ухо

Карма: 344
Сообщений: 20780
Сила слова: 1.66

а ну бюрдюр незаметил))
 
Записан

забанен. могу забанить других, пишите в личку
BEER. Helping ugly people have sex since 1862.
phpdude    ↓ 
27 Март, 2009, 07:45:23 , спустя 51 секунду
НЕ ХУЕТА! ХУЕТА!

я - ЭМО
Группа: в ухо

Карма: 344
Сообщений: 20780
Сила слова: 1.66

Timur, увы нет :(
 
li по крайней мере блоснымис флоат не являются (нельзя задать ширину и высоту)
Записан

забанен. могу забанить других, пишите в личку
BEER. Helping ugly people have sex since 1862.
Timur    ↓ 
27 Март, 2009, 07:47:09 , спустя 1 минуту 46 секунд
НЕ ХУЕТА! ХУЕТА!

NullPointerException
Группа: в ухо

Карма: 56
Сообщений: 1009
Сила слова: 5.55

да точно, списки вообще — отдельная тема...
Записан
Timur    ↓ 
27 Март, 2009, 07:49:31 , спустя 2 минуты 22 секунды
НЕ ХУЕТА! ХУЕТА!

NullPointerException
Группа: в ухо

Карма: 56
Сообщений: 1009
Сила слова: 5.55

Ещё кстати — тут наверное необязательно картинку (аватар) оборачивать в лишний блок. Для создания рамки с отступом можно простым padding'ом воспользоваться. Если, конечно, строгий доктайп, иначе в IE6 отступа не будет.
Записан
phpdude    ↓ 
27 Март, 2009, 07:51:26 , спустя 1 минуту 55 секунд
НЕ ХУЕТА! ХУЕТА!

я - ЭМО
Группа: в ухо

Карма: 344
Сообщений: д-о-х-у-я!
Сила слова: 1.66

Timur, а можно не ебаться и сделать эту картинку бекграундом и паддинг для текста :)
Записан

забанен. могу забанить других, пишите в личку
BEER. Helping ugly people have sex since 1862.
Timur    ↓ 
27 Март, 2009, 10:00:23 , спустя 2 часа 8 минут 57 секунд
НЕ ХУЕТА! ХУЕТА!

NullPointerException
Группа: в ухо

Карма: 56
Сообщений: 1009
Сила слова: 5.55

Несемантично получится. По своему смыслу, аватара — это никак не элемент дизайна (булеты, фон, рюшечки всякие — в CSS, "значащая" графика — в HTML). Хотя на самом деле, конечно, похуй :)
Записан
aivee    ↓ 
27 Март, 2009, 10:10:13 , спустя 9 минут 50 секунд
НЕ ХУЕТА! ХУЕТА!

Группа: Джедаи

Карма: 28
Сообщений: 1659
Сила слова: 1.69

ага, и как у бэкграунда бордер и паддинг сделать? xD
Записан

21st century slave
phpdude    ↓ 
27 Март, 2009, 10:27:22 , спустя 17 минут 9 секунд
НЕ ХУЕТА! ХУЕТА!

я - ЭМО
Группа: в ухо

Карма: 344
Сообщений: 20780
Сила слова: 1.66

aivee, да хуй его знает. этот как пример верстки подобных вещей. зато локонично, хотя да, пожалуй не семантично :)
Записан

забанен. могу забанить других, пишите в личку
BEER. Helping ugly people have sex since 1862.
md5    ↓ 
29 Март, 2009, 03:26:29 , спустя 1 день 15 часов 59 минут 7 секунд
НЕ ХУЕТА! ХУЕТА!

выезд, апартаменты, массаж, стриптиз, подружки, дорого
Группа: в ухо

Карма: не нужна
Сообщений: 10494
Сила слова: 1.19

у меня xhtml 1.1
щас попробую все это дело...
Записан

8: Undefined variable: str
Файл: /home/pyha/pyha.ru/forum/bbcode/Xbb/Tags/Man.php
Строка: 18
adw0rd: мудень блять, я уже фиксить стал эту фигню :)
md5: вуахахахаха
md5    ↓ 
29 Март, 2009, 04:11:27 , спустя 44 минуты 58 секунд
НЕ ХУЕТА! ХУЕТА!

выезд, апартаменты, массаж, стриптиз, подружки, дорого
Группа: в ухо

Карма: не нужна
Сообщений: 10494
Сила слова: 1.19

ага, точно!
margin-left это оно)))
спасибо всем
и как я раньше верстал, долбоеб)
Записан

8: Undefined variable: str
Файл: /home/pyha/pyha.ru/forum/bbcode/Xbb/Tags/Man.php
Строка: 18
adw0rd: мудень блять, я уже фиксить стал эту фигню :)
md5: вуахахахаха
Страниц: [1] 2
Печать
 

Перейти в: