Author |
Message |
v3.14
Guest
Карма: 388 поощрить/наказать
|
Posted: Fri Sep 16, 2005 8:27 pm (написано за 11 секунд)
Post subject:
|
|
Главное пробовать и учится :)
|
|
Back to top |
|
 |
Maus
Модератор

Joined: 29 Jun 2003
Posts: 8151
Карма: 271 поощрить/наказать
Location: пос. Омсукчан Магаданской области
|
Posted: Mon Sep 19, 2005 2:35 pm (спустя 2 дня 18 часов 8 минут; написано за 1 минуту 18 секунд)
Post subject:
|
|
v3.14
и чего? Колонки по высоте неодинаковые Если же Вы разместили это из-за ссылок - примите мои соболезнования...
|
|
Back to top |
|
 |
v3.14
Guest
Карма: 388 поощрить/наказать
|
Posted: Mon Sep 19, 2005 4:52 pm (спустя 2 часа 16 минут; написано за 3 минуты 11 секунд)
Post subject:
|
|
Ну дык ссылки эт не мои... :) так-что соболезнования принимаю -просто там должно было что-то стоять :) а насчет неодинаковых колонок, то ... это же не таблично построено, нужны будут 100% попробую. Просто тема немного портальная... и главное держится на всех смотрелках
|
|
Back to top |
|
 |
Stan
Участник форума

Joined: 03 Dec 2005
Posts: 26
Карма: 1 поощрить/наказать
|
Posted: Tue Jan 17, 2006 1:46 pm (спустя 3 месяца 27 дней 20 часов 53 минуты; написано за 30 секунд)
Post subject:
|
|
Однопиксельный DIV:Tested: FF 1.0.7, IE 5.0
|
|
Back to top |
|
 |
Maus
Модератор

Joined: 29 Jun 2003
Posts: 8151
Карма: 271 поощрить/наказать
Location: пос. Омсукчан Магаданской области
|
Posted: Tue Jan 17, 2006 6:19 pm (спустя 4 часа 32 минуты; написано за 1 секунду)
Post subject:
|
|
Stan
спасибо
|
|
Back to top |
|
 |
Stan
Участник форума

Joined: 03 Dec 2005
Posts: 26
Карма: 1 поощрить/наказать
|
Posted: Thu Jan 19, 2006 2:10 pm (спустя 1 день 19 часов 51 минуту; написано за 1 минуту 14 секунд)
Post subject:
|
|
Если честно, я не понимаю, зачем однопиксельный DIV может понадобиться. :) Табличку 1х2 вероятно можно сверстать только с использованием display:table и display:table-cell, которые не подерживаются в IE. Про то как правильно делать css-хаки написано здесь: Про css хаки на сайте Майкрософта (msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/ccomment_ovw.asp) (это не в ответ на чей-то вопрос, а так, вдруг окажется полезным). Полезный примерчик трехколоночной верстки с IE-хаком, не заставляет это выглядеть в IE также как в прочих браузерах, а только предотвращает полный break дизайна (www.456bereastreet.com/lab/equal_height_ii/) от 456bereastreet.com
|
|
Back to top |
|
 |
Stan
Участник форума

Joined: 03 Dec 2005
Posts: 26
Карма: 1 поощрить/наказать
|
Posted: Tue Oct 03, 2006 8:28 am (спустя 8 месяцев 14 дней 18 часов 18 минут; написано за 28 секунд)
Post subject:
|
|
Вместо таблички 1х2 могу предложить такую гадость: Code (html): | скопировать код в буфер обмена | <HTML> (december.com/html/4/element/html.html) <STYLE> (december.com/html/4/element/style.html)</STYLE> <BODY> (december.com/html/4/element/body.html)
<DIV (december.com/html/4/element/div.html) class="left"> (december.com/html/4/element/.html) <DIV (december.com/html/4/element/div.html) class="right"> (december.com/html/4/element/.html)RIGHT <DIV (december.com/html/4/element/div.html) class="top"> (december.com/html/4/element/.html)</DIV> <DIV (december.com/html/4/element/div.html) class="bot"> (december.com/html/4/element/.html)</DIV> </DIV></DIV>
</BODY> </HTML> |
|
|
Back to top |
|
 |
Maus
Модератор

Joined: 29 Jun 2003
Posts: 8151
Карма: 271 поощрить/наказать
Location: пос. Омсукчан Магаданской области
|
Posted: Tue Oct 03, 2006 11:12 am (спустя 2 часа 43 минуты; написано за 3 минуты 25 секунд)
Post subject:
|
|
Stan
что-то у Вас не то получилась - это скорее табличка 2x1 ^_^ . Я тогда пришел к чему-то такому: плавающий левый блок, а у правого - margin по ширине левого блока. А выравнивание блоков по высоте делается тупо через JS
|
|
Back to top |
|
 |
Антон Макаренко
Участник форума

Joined: 05 Feb 2004
Posts: 374
Карма: 37 поощрить/наказать
Location: Киев
|
Posted: Tue Jan 23, 2007 1:53 am (спустя 3 месяца 19 дней 14 часов 40 минут; написано за 1 минуту 22 секунды)
Post subject:
|
|
Интересно почитать про высоту элементов, начиная с <html> xhtml.ru/2005/12/12/body_height_research/
[update] Это исследование породило метод "прибития" футера к нижней части страницы: vk.osvita.org.ua/footer.htm
Сам пользуюсь и доволен.
|
|
Back to top |
|
 |
Андрюха
Заглянувший
Joined: 15 Sep 2007
Posts: 6
Карма: 0 поощрить/наказать
|
Posted: Sat Sep 15, 2007 2:06 pm (спустя 7 месяцев 23 дня 12 часов 12 минут; написано за 2 минуты 17 секунд)
Post subject:
|
|
Народ, в ветке обсуждений нашел ссылку на сайт, который тут приводили в пример, я кое что там не понял: www.csszengarden.com/ - при сужении окна браузера рисунок справа наезжает на текст, возможно ли избежать такого? Или например вот: www.webmascon.com/topics/coding/13a.asp - "Продвинутая CSS-верстка: шаг за шагом" Все равно при сужении окна браузера все наезжает друг на друга.. При DIV'ной верстке этого чтоли нельзя избежать? Заранее спасибо за ответы!
|
|
Back to top |
|
 |
Maus
Модератор

Joined: 29 Jun 2003
Posts: 8151
Карма: 271 поощрить/наказать
Location: пос. Омсукчан Магаданской области
|
Posted: Sat Sep 15, 2007 3:17 pm (спустя 1 час 10 минут; написано за 34 секунды)
Post subject:
|
|
Андрюха
думаю, минимальную ширину центральной колонки всё же можно задать
|
|
Back to top |
|
 |
Андрюха
Заглянувший
Joined: 15 Sep 2007
Posts: 6
Карма: 0 поощрить/наказать
|
Posted: Sat Sep 15, 2007 7:21 pm (спустя 4 часа 4 минуты; написано за 16 секунд)
Post subject:
|
|
Я просто недавно столкнулся с этой проблемой.. min-width - IE не понимает, в книге "Мастерская CSS" увидел такой трюк: контейнеру задается width: expression(document.body.clientWidth <740? "740px": "auto"); функция expression сценария javascript устанавливает ширину равной 740px, если ширина тела страницы меньше 740px. Все вроде бы заработало но: теперь при загрузке страницы вылезает уведомление об отключении активного содержимого страницы. Это как я понял IE уведомлят по поводу javascript? Если ява не разрешена, тогда трюк не срабатывает.. Получается не совсем 100% ый вариант решения проблемы. Может кто-нибудь подскажет более элегантный?
|
|
Back to top |
|
 |
Maus
Модератор

Joined: 29 Jun 2003
Posts: 8151
Карма: 271 поощрить/наказать
Location: пос. Омсукчан Магаданской области
|
Posted: Sun Sep 16, 2007 12:21 am (спустя 4 часа 59 минут; написано за 1 минуту 23 секунды)
Post subject:
|
|
Андрюха
элегантный - не подскажу. Подскажу простой и грубый - распорка (div, никаких картинок 1х1 пиксел! Это лишний запрос на сервер)
|
|
Back to top |
|
 |
Андрюха
Заглянувший
Joined: 15 Sep 2007
Posts: 6
Карма: 0 поощрить/наказать
|
Posted: Sun Sep 16, 2007 12:55 pm (спустя 12 часов 34 минуты; написано за 38 секунд)
Post subject:
|
|
Спасибо за совет! Но у меня в такой конструкции сделать распорку не получилось, подскажите, что не так? Code (html): | скопировать код в буфер обмена | Народ, нужна помощь. Сделал на дивах такую конструкцию:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html (december.com/html/4/element/html.html) xmlns="http://www.w3.org/1999/xhtml"> (december.com/html/4/element/.html) <head> (december.com/html/4/element/head.html) <meta (december.com/html/4/element/meta.html) http-equiv="Content-Type" content="text/html; charset=windows-1251" /> (december.com/html/4/element/.html) <title> (december.com/html/4/element/title.html)Untitled Document</title> </head> <body> (december.com/html/4/element/body.html) <style> (december.com/html/4/element/style.html) <!-- #d_left { background:#666666; height:56px; width:40%; float:left;
} #d_right { background:#CCCCCC; height:56px; width:40%; float:left; } #d_center { background:#999999; height:56px; text-align:center; color:#000000; width:20% !important; /* Для всех остальных браузеров */ width:19%; /* Для браузера IE */ float:left; } #d_center p { padding-top:14px; text-align:center; } #d_center a:visited, a:hover, a { color:#000000; } #container { min-width:740px; width: expression(document.body.clientWidth <740? "740px": "auto"); } --> </style> <div (december.com/html/4/element/div.html) id="container"> (december.com/html/4/element/.html) <div (december.com/html/4/element/div.html) id="d_left"> (december.com/html/4/element/.html) 1 </div> <div (december.com/html/4/element/div.html) id="d_center"> (december.com/html/4/element/.html) 2 </div> <div (december.com/html/4/element/div.html) id="d_right"> (december.com/html/4/element/.html) 3 </div> </div> </body> </html> |
|
|
Back to top |
|
 |
Андрюха
Заглянувший
Joined: 15 Sep 2007
Posts: 6
Карма: 0 поощрить/наказать
|
Posted: Mon Sep 17, 2007 9:47 pm (спустя 1 день 8 часов 51 минуту; написано за 13 секунд)
Post subject:
|
|
Приём?
|
|
Back to top |
|
 |
Maus
Модератор

Joined: 29 Jun 2003
Posts: 8151
Карма: 271 поощрить/наказать
Location: пос. Омсукчан Магаданской области
|
Posted: Mon Sep 17, 2007 10:15 pm (спустя 28 минут; написано за 33 секунды)
Post subject:
|
|
Андрюха
когда все блоки плавающие - так навскидку и не скажу. Надо пробовать
|
|
Back to top |
|
 |
Guest
Карма: 388 поощрить/наказать
|
Posted: Thu Sep 20, 2007 1:16 pm (спустя 2 дня 15 часов 12 секунд; написано за 12 секунд)
Post subject:
|
|
А как сделать по другому, не плавающими?
|
|
Back to top |
|
 |
WingedFox
Профессионал

Joined: 29 Apr 2003
Posts: 4064
Карма: 268 поощрить/наказать
Location: Питер
|
Posted: Sat Sep 22, 2007 1:21 am (спустя 1 день 12 часов 5 минут; написано за 5 минут 37 секунд)
Post subject:
|
|
Андрюха
Да не парьтесь Вы. Овчинка выделки не стоит. Существует куча ситуаций, когда вёрстка будет поломана. Например, вставкой сильно большой картинки в текст. В общем, используйте expression в CSS и спите спокойно, предварительно приняв меры предосторожности, например зажав ширину страницы на 1024 пикселах.
|
|
Back to top |
|
 |
Константин Жинько [tIT]
Сотрудник «Лаборатории»

Joined: 12 Jun 2004
Posts: 2264
Карма: 106 поощрить/наказать
Location: Москва
|
Posted: Sat Sep 22, 2007 2:06 am (спустя 45 минут; написано за 11 секунд)
Post subject:
|
|
WingedFox wrote: |
Существует куча ситуаций, когда вёрстка будет поломана. | Золотые слова! Эхх (-%
|
|
Back to top |
|
 |
Андрюха
Заглянувший
Joined: 15 Sep 2007
Posts: 6
Карма: 0 поощрить/наказать
|
Posted: Sat Sep 22, 2007 5:21 pm (спустя 15 часов 14 минут; написано за 57 секунд)
Post subject:
|
|
Хм, тогда с DIVной версткой более-менее ясно. А подходя конкретно к этой проблеме: не проще ли тогда при верстке таблицы использовать одну большую таблицу, в которой собственно и будет минимальная распорка?
|
|
Back to top |
|
 |
WingedFox
Профессионал

Joined: 29 Apr 2003
Posts: 4064
Карма: 268 поощрить/наказать
Location: Питер
|
Posted: Sat Sep 22, 2007 5:25 pm (спустя 4 минуты; написано за 15 секунд)
Post subject:
|
|
Андрюха
Можно. А зачем?
|
|
Back to top |
|
 |
Андрюха
Заглянувший
Joined: 15 Sep 2007
Posts: 6
Карма: 0 поощрить/наказать
|
Posted: Sun Sep 23, 2007 8:56 pm (спустя 1 день 3 часа 30 минут; написано за 1 минуту 16 секунд)
Post subject:
|
|
Чтобы не сужался слишком сайт, закрывая поле контента или какой-либо другой важный элемент сайта.. Другой альтернативы я не вижу, либо так, либо с помощью Java Script.. Может кто-то сможет подсказать другой способ, если он есть?
|
|
Back to top |
|
 |
kaktus611
Заглянувший
Joined: 03 Jul 2009
Posts: 5
Карма: 0 поощрить/наказать
|
Posted: Fri Jul 03, 2009 2:34 pm (спустя 1 год 9 месяцев 9 дней 17 часов 38 минут; написано за 48 секунд)
Post subject:
|
|
зайди сюда htmlbook.ru тут всё про html & css.
|
|
Back to top |
|
 |
bæv
Модератор «Дзена»

Joined: 27 Aug 2003
Posts: 7275
Карма: 9986 поощрить/наказать
|
Posted: Fri Jul 03, 2009 6:04 pm (спустя 3 часа 30 минут; написано за 3 минуты 31 секунду)
Post subject:
|
|
 М |
| kaktus611, forum.dklab.ru/about/todo/PravilaEtogoForuma-ProchitayteObyazatelno.html — на форуме принято общение «на Вы». Ссылку Вашу убираю. Если бы Вы на конкретную статью сослались, я бы ещё подумал, а так — получается бесплатная реклама. |
|
|
Back to top |
|
 |
Bazhenych
Заглянувший
Joined: 13 Aug 2009
Posts: 4
Карма: 0 поощрить/наказать
|
Posted: Fri Aug 14, 2009 9:11 pm (спустя 1 месяц 11 дней 3 часа 6 минут; написано за 15 секунд)
Post subject:
|
|
на woweb было много чего полезного.
|
|
Back to top |
|
 |
triton
Заглянувший
Joined: 07 Oct 2009
Posts: 1
Карма: 0 поощрить/наказать
|
Posted: Wed Oct 07, 2009 12:06 pm (спустя 1 месяц 23 дня 14 часов 55 минут; написано за 1 минуту 15 секунд)
Post subject:
|
|
Тема то начиналась, с того, где найти литературу о том, как верстать дивами. Но ни одного тынца не увидел. Все таки подскажите где можно доходчиво почитать? Ибо я начинаю учиться верстке дивами, и ине хотелось бы, чтобы все было разложено по полочкам
|
|
Back to top |
|
 |
Maus
Модератор

Joined: 29 Jun 2003
Posts: 8151
Карма: 271 поощрить/наказать
Location: пос. Омсукчан Магаданской области
|
Posted: Wed Oct 07, 2009 12:35 pm (спустя 29 минут; написано за 1 минуту 33 секунды)
Post subject:
|
|
triton
Первая страница темы завалена ссылками.
|
|
Back to top |
|
 |
Errors
Guest
Карма: 388 поощрить/наказать
|
Posted: Mon Dec 07, 2009 9:16 am (спустя 1 месяц 30 дней 20 часов 41 минуту; написано за 1 минуту 38 секунд)
Post subject: Div
|
|
Привет всем! У меня вопрос! Какое свойство в Сss надо задать для div-а чтоб он 2 div-а выводил не по вертикали а про горизонтали! Спасибо! С остальным сам разберусь)
|
|
Back to top |
|
 |
Юрий Насретдинов
Модератор

Joined: 13 Mar 2003
Posts: 8642
Карма: 198 поощрить/наказать
Location: 007 495
|
Posted: Mon Dec 07, 2009 10:52 am (спустя 1 час 35 минут; написано за )
Post subject:
|
|
Попробуйте display: inline-block для начала.
|
|
Back to top |
|
 |
bæv
Модератор «Дзена»

Joined: 27 Aug 2003
Posts: 7275
Карма: 9986 поощрить/наказать
|
Posted: Tue Jan 10, 2012 12:18 pm (спустя 2 года 1 месяц 3 дня 1 час 25 минут)
Post subject:
|
|
 М |
| Ветка выделена в отдельную тему «спам», расположенную в форуме Мусоропровод (10 Января 2012, 13:18). |
|
|
Back to top |
|
 |
JoelEmbiids
Заглянувший
Joined: 16 Jan 2017
Posts: 16
Карма: 0 поощрить/наказать
|
Posted: Thu Jan 19, 2017 12:42 pm (спустя 5 лет 9 дней 24 минуты)
Post subject: leur forme Adidas Zx 700 Femme Grise
|
|
CommentsAdd récent commentaire1 Personne qquestions yearAsking CommentingAffiliate Tracking1 sont truloy bonne chose si vous êtes nott compréhension, à l'exception de ce complètement anthing morceau de. Ma principale préoccupation centrée autour de leur forme Adidas Zx 700 Femme Grise et le dimensionnement réelle. Voici quelques plus mémorable d'annonces du passé. dans le nombre, Fallon caractéristiques à la fois les racines et Jazzy Jeff, expliquant comment j'ai apporté le Tonight Show en retour à L. Au cours des dernières semaines toutes les nouvelles versions ont appartenu Adidas, mais sorti de nulle part, Adidas décider de déposer de nouveaux coloris et une marque nouvelle chaussure la chaussures femme adidas prime. Utilisez le code source 7wss0208 la caisse pour save. Ils viennent avis de chaussures d'intérieur. L'équipe Adidas Superstar Femme Fleur skunkies m'a juste envoyé sur un lot de leur dernier produit mis jour il y a quelques semaines et je suis amoureuse les améliorations qu'ils ont made.Wanelo américain, Nordstrom, conserver et d'autres faites notre meilleures apps de 2014 Mise à jour: liste. Adidas a publié la dernière coloris dans leur série soldes jogging adidas hautement cotés, venir dans un format facile repérer blanc / noir / volt. Il est en fait un peu trippy à regarder, surtout quand vous jouez la nuit.En outre, revenu d'orientation a été ajustés à la baisse pour l'année à 1, 8 milliard de dollars, comparativement à 1, 825 milliards $ initialement annoncé.Découvrez plus grande publicité ici. Si vous êtes intéressés participer en ajoutant votre nom, consultez la page de la pétition. www.shop-running-shoes.com/
|
|
Back to top |
|
 |
JoelEmbiids
Заглянувший
Joined: 16 Jan 2017
Posts: 16
Карма: 0 поощрить/наказать
|
Posted: Thu Feb 16, 2017 6:53 am (спустя 27 дней 18 часов 10 минут; написано за 15 секунд)
Post subject: le français adidas og gazelle 123Klan
|
|
‘AW’ le logo de Wiggins qui a une feuille d'érable incorporé en elle, car il est canadien, est présenté sur la langue pour que ‘PE’ touch.Using une couleur similaire palette. La chaussure est fabriquée avec du cuir et de maille et dispose d'une base blanche avec Collegiate royale. Après le trè éussi 575 du même colori et la 576 offert au gagnant du concours ici est le nouveau 1500. adidas zx soldes Deck2 nou aconte son voyage esque avec plein de photos et plein d'histoires. Si vous êtes à la recherche de ce sentiment de l'île, alors ceci est probablement pour vous.New du modèle ont faIl surface en ligne, qui comporte la silhouette dans un coloris classique et sobre de Black. Just comme la paire précitée, cette itération particulière bénéficie d'une prédominance noire Tige en cuir avec doublure rouge subtile dans son ensemble se prononce design élégant du modèle. D'une part, cette paire de smith stan arriver à être une paire de mal appariés. Il y a aujourd'hui en capacité de 8 Go. Recherchez la (iOS) (Android) et rester à jour sur toutes les nouvelles et les dates de presse que vous devez savoir. Ils seront ensuite prendre pose freerun et démontrerôleur motivation devant une caméra qui serait de filmerôleur performance. Affichant une Metallic Silver supérieure qui est détaillée avec des perforations à travers son ensemble, la silhouette est bien compensée par des accents blancs ornant sa doublure, onglet talon, de la langue, lacets et unité de semelle intercalaire, tout en adhérant au sommet d'une gomme outsolepared à la traditionnelle zx 700 lui-même, ce mode de vie rendu est vraiment un rendu plus raffiné, ou essentiellement un modèle complètement différent sans similitudes que ce soit. Cartoon, le français adidas og gazelle 123Klan. www.shop-running-shoes.net/adidas-superstar
|
|
Back to top |
|
 |
serggor
Заглянувший
Joined: 27 Mar 2017
Posts: 1
Карма: 0 поощрить/наказать
|
Posted: Mon Mar 27, 2017 1:02 am (спустя 1 месяц 10 дней 18 часов 9 минут; написано за 1 минуту 16 секунд)
Post subject:
|
|
Ну, можно на htmlbook почитать, там все предельно понятно изложенно
|
|
Back to top |
|
 |
Tips
Заглянувший

Joined: 05 Dec 2018
Posts: 7
Карма: 0 поощрить/наказать
|
Posted: Thu Dec 06, 2018 6:14 pm (спустя 1 год 8 месяцев 10 дней 17 часов 12 минут; написано за 21 секунду)
Post subject:
|
|
Сам не разобрался, пока друг не помог!
|
|
Back to top |
|
 |
|