Softlink
-
Posts
2,170 -
Joined
-
Last visited
-
Days Won
33
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Softlink
-
не, поймите меня правильно. Я не считаю таблицу единственным верным вариантом. Более того, где-то в глубине головы мне что-то подсказывает, что как бы мне не нравилась таблица в этом примере, стоит послушаться все-таки опытных людей. Но покажите пожалуйста нормальный пример на списках или флотах, я хоть посмотрю как это делается. Думаю у вас это минут 15 займет, не больше.
-
1) если я добавить над каждым столбцом какой-то заголовок, то списки здесь напрочь отметаются? 2) абсолютно не вижу разницы. Структура полностью одинакова: <tr> <td><img src="" alt="" /></td> </tr> и <ul> <li><img src="" alt="" /></li> </ul> где, собственно, разница? 3) неубедительно 4) неубедительно 6) про добавление выше написал, про js и CMS наверное + спискам уйдет.
-
Слушайте, отцы-верстатели, сделайте пример на списках пожалуйста. А то я ведь неискушенный в них. Посмотрю на ваш нормальный код. Может из-за этого я как раз парюсь, что не могу нормально(правильно) собрать такую штуку на блоках.
-
я и сам люблю за это блоки, но тут я не говорю про весь сайт, а про его кусочек. Эту таблицу ты как и блок, сможешь засунуть хоть куда. По поводу добавления и перестановки блоков внутри ничего не меняется. Что ты будешь добавлять <li></li>, что <td></td> все тоже самое.
-
Ну а я тебе о чём в ЛС говорил, разве не слова Оксаны? не понимаю , пока не согласен 1) табличные данные должны быть исключительно текстовые или как? 2) в таблице не видна она? 3) вообще ничего не надо дрессировать и выдумывать. 4) в таблице вообще никаких проблем нет, меняешь и все. 5) здесь соглашусь 6) что понимается под гибкостью здесь?
-
полностью согласен - это лишнее, убрал.
-
пример у меня вот здесь Может быть не совсем элегантно в ксс. Готов посмотреть другие подобные примеры.
-
Всем привет! Часто в дизайне применяют некоторую структуру из изображений. Что-то вроде стены из картинок. Все изображения одинакового размера. Вот пример: На форуме частенько попадаются такие вопросы. И вот заходит спор, как лучше решать такую (конкретную) задачу. На таблицах или блоками(списками)? Мое мнение, что здесь идеально подходит именно таблица. Во-первых минимальный набор кода в ксс, по сравнению с блоками. При этом количество тегов явно не больше чем на блоках. Во-вторых она полностью кроссбраузерна (в отличие от инлайн-блоков и т.д.). В-третьих не надо заморачиваться на счет размерности если вдруг придется в дизайне поменять картинки со 150*150 на 160*160 например. В-четвертых больше ничего не придумал. У кого какое мнение?
-
ну например так будет работать: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <META http-equiv="Content-Type" content="text/html; CHARSET=Windows-1251"> <title>Картинки</title> <style type="text/css"> .images{ width:900px; margin:100px; } .stroka{ margin-top:10px; padding:0px; } ul{ list-style-type:none; margin:0; padding:0; } li{ display:inline; } </style> </head> <body> <div class="images"> <div class="stroka"> <ul> <li><img src="images/5.png" alt=""></li> <li><img src="images/5.png" alt=""></li> </ul> </div> <div class="stroka"> <ul> <li><img src="images/5.png" alt=""></li> <li><img src="images/5.png" alt=""></li> </ul> </div> <div class="stroka"> <ul> <li><img src="images/5.png" alt=""></li> <li><img src="images/5.png" alt=""></li> </ul> </div> </div> </body> </html>
-
1. в psd нет таких картинок 2. картинка в правом нижнем углу равна по высоте двум левым? 3. может таблицей сделать или вам исключительно на дивах надо?
-
а задачу-то решили? Покажите как.
-
разве никому не понятно, что этот спор никогда не закончится?
-
хм, а мне самому в голову пришла такая мысль. Да и вообще я больше ни на каких форумах почти никогда не бываю. Подобных этому больше нет, а другие темы меня мало интересуют, чтобы там писать что-то.
-
да я смотрю, вы человек-оркестр. Пришлите тогда примеры или ссылки на "."
-
Всем привет! Ребят, может у кого есть знакомый аниматор или можете порекомендовать кого-нибудь? Необходимо сделать анимационный мультфильм с персонажем. Минуты на 2-4. Сценария еще нет, но пока необходимо знать примерный бюджет создания. Т.е. надо разработать персонаж на базе известного животного)) и сделать небольшой юморной мультик. Подскажете что-нибудь?
-
Да перечитывать по новой надо... Давненько уже так не занимался дизом сайтиков. Всю ночь играл, а потом сел делать и 4 часа просто в пустую. То там ошибка, то там... Вобщем обратно учится надо. Помню авторы данного сайтика хотели сделать ещё такой же про PHP. Не в курсе они сделали или нет? это уже отдельный разговор. Если хотите, создайте тему во флейме, да спросите.
-
Для такого дела наберём У меня всё работает!!! теперь так здорово и голова больше не болит Не смотря на то что всю ночь не спал!!! А не подскажете будет ли это работать если эти стили запихнуть в отдельный text.css файл и указать к нему путь? собственно так делать и надо. Как бы правило хорошего тона - заталкивать стили в отдельный файл. p.s. всю ночь на такую задачу - это конечно перебор)) Почитайте мат. часть
-
Обязательно кину ссылочку на сайтик в личку как доделаю А так это сайтик для моего клана BrooklynSaints в онлайн игре Point Blank. Уж стрелять-то хоть научился, а вот вёрстку надо штудировать!!! ага, только в личку не получится. Вам надо набрать 30 сообщений для этого.
-
на здоровье! Хоть где оно будет работать. Если ие поддерживаете, тогда делайте как написал, ибо hover для блоков он не понимает.
-
Да для каждой кнопки будет отдельное изображение. Учитывая что на одно изображение требуется 2 картинки, то для 3 кнопок 6 картинок, а для 10 кнопок 20 картинок. Но картинки я нарисовал, а вот как заставить работать всё это ума не приложу так а зачем тогда роловер? Вы каждой ссылке вешайте класс с отдельным фоном. Вот так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <META http-equiv="Content-Type" content="text/html; CHARSET=Windows-1251"> <title>Фон</title> <style type="text/css"> body{ margin:0; padding:0; } .pervaya{ width:186px; height:46px; display:block; background:url(images/fon.png) no-repeat; } .pervaya:hover{ background:url(images/fon1.png) no-repeat; } .vtoraya{ width:186px; height:46px; display:block; background:url(images/fon.png) no-repeat; } .vtoraya:hover{ background:url(images/fon2.png) no-repeat; } .tretya{ width:186px; height:46px; display:block; background:url(images/fon.png) no-repeat; } .tretya:hover{ background:url(images/fon3.png) no-repeat; } </style> </head> <body> <a href="#" class="pervaya">первая ссылка</a> <a href="#" class="vtoraya">вторая ссылка</a> <a href="#" class="tretya">третья ссылка</a> </body> </html> если на ИЕ 6 наплевать, то и вовсе можно на блоки вешать фон. Например на список.
-
а для каждой кнопки новое изображение что ли? Или везде будет одинаковое?
-
а посмотри-ка сейчас по той же ссылке. Вроде бы то что надо получилось. Делаешь полоски, чтобы они могли покрыть всю ширину экрана(т.к. фон у них неоднородный), а потом ячейка с текстом их растянет и сожмет. Правда тут главное, чтобы текста не было на всю ширину монитора. Больше вариантов я придумать не смог.
-
погоди, у тебя написано, что верстка резиновая, так? Т.е. вот этот блок может быть растянут на всю страницу или у него все-таки есть какая-то ширина? Я просто не пойму, за счет чего будут сжиматься края? Только из-за разрешения монитора?
-
я вот не совсем понимаю, какого результата, написав здесь, вы хотите добиться? Если вы ничего не делали и не представляете как такой функционал собрать, вам наверняка помогут в этом разделе. Из всего прочитанного, здесь явно не прослеживается простая задача, которую можно решить "на пальцах". Или вы поразмышлять сюда заглянули?
-
Я так и предложил. Только картинки нужно 3 штуки. Маленький спрайт. А если есть еще задний фон? html, body {background-image:url('...');} По поводу 3 картинок - тогда надо 5, нет? 4 угла, градиент внизу... да зачем тут 5 картинок и задний фон? Нарисуйте овал, сразу с градиентом, поделите на 3 части. Соответственно левая часть уйдет налево, правая на право. Самим кнопкам задайте фоном оставшуюся центральную часть. Вот и все дела.