Форум dkLab и Denwer
Здесь общаются Web-разработчики.
Генеральный спонсор:
Хостинг «Джино»

Где почитать про верстку с помощью <DIV> для начинающих? (Maus, оценка: 5)
Goto page Previous  1, 2
Author Message
v3.14
Guest





Карма: 386
   поощрить/наказать


PostPosted: Fri Sep 16, 2005 8:27 pm (написано за 11 секунд)
   Post subject:
Reply with quote

Главное пробовать и учится :)
Back to top
Maus
Модератор



Joined: 29 Jun 2003
Posts: 8151
Карма: 270
   поощрить/наказать

Location: пос. Омсукчан Магаданской области

PostPosted: Mon Sep 19, 2005 2:35 pm (спустя 2 дня 18 часов 8 минут; написано за 1 минуту 18 секунд)
   Post subject:
Reply with quote

v3.14
и чего?
Колонки по высоте неодинаковые
Если же Вы разместили это из-за ссылок - примите мои соболезнования...
Back to top
View user's profile Send private message
v3.14
Guest





Карма: 386
   поощрить/наказать


PostPosted: Mon Sep 19, 2005 4:52 pm (спустя 2 часа 16 минут; написано за 3 минуты 11 секунд)
   Post subject:
Reply with quote

Ну дык ссылки эт не мои... :) так-что соболезнования принимаю -просто там должно было что-то стоять :) а насчет неодинаковых колонок, то ... это же не таблично построено, нужны будут 100% попробую. Просто тема немного портальная... и главное держится на всех смотрелках
Back to top
Stan
Участник форума



Joined: 03 Dec 2005
Posts: 26
Карма: 1
   поощрить/наказать


PostPosted: Tue Jan 17, 2006 1:46 pm (спустя 3 месяца 27 дней 20 часов 53 минуты; написано за 30 секунд)
   Post subject:
Reply with quote

Однопиксельный DIV:
Code (css): скопировать код в буфер обмена
div.onepix {
        border: 0px;
        overflow: hidden;
        width: 1px;
        height:1px;
}
Tested: FF 1.0.7, IE 5.0
Back to top
View user's profile Send private message
Maus
Модератор



Joined: 29 Jun 2003
Posts: 8151
Карма: 270
   поощрить/наказать

Location: пос. Омсукчан Магаданской области

PostPosted: Tue Jan 17, 2006 6:19 pm (спустя 4 часа 32 минуты; написано за 1 секунду)
   Post subject:
Reply with quote

Stan
спасибо
Back to top
View user's profile Send private message
Stan
Участник форума



Joined: 03 Dec 2005
Posts: 26
Карма: 1
   поощрить/наказать


PostPosted: Thu Jan 19, 2006 2:10 pm (спустя 1 день 19 часов 51 минуту; написано за 1 минуту 14 секунд)
   Post subject:
Reply with quote

Если честно, я не понимаю, зачем однопиксельный 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
View user's profile Send private message
Stan
Участник форума



Joined: 03 Dec 2005
Posts: 26
Карма: 1
   поощрить/наказать


PostPosted: Tue Oct 03, 2006 8:28 am (спустя 8 месяцев 14 дней 18 часов 18 минут; написано за 28 секунд)
   Post subject:
Reply with quote

Вместо таблички 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
View user's profile Send private message
Maus
Модератор



Joined: 29 Jun 2003
Posts: 8151
Карма: 270
   поощрить/наказать

Location: пос. Омсукчан Магаданской области

PostPosted: Tue Oct 03, 2006 11:12 am (спустя 2 часа 43 минуты; написано за 3 минуты 25 секунд)
   Post subject:
Reply with quote

Stan
что-то у Вас не то получилась - это скорее табличка 2x1 ^_^ .
Я тогда пришел к чему-то такому: плавающий левый блок, а у правого - margin по ширине левого блока. А выравнивание блоков по высоте делается тупо через JS
Back to top
View user's profile Send private message
Антон Макаренко
Участник форума



Joined: 05 Feb 2004
Posts: 374
Карма: 31
   поощрить/наказать

Location: Киев

PostPosted: Tue Jan 23, 2007 1:53 am (спустя 3 месяца 19 дней 14 часов 40 минут; написано за 1 минуту 22 секунды)
   Post subject:
Reply with quote

Интересно почитать про высоту элементов, начиная с <html>
xhtml.ru/2005/12/12/body_height_research/

[update]
Это исследование породило метод "прибития" футера к нижней части страницы:
vk.osvita.org.ua/footer.htm

Сам пользуюсь и доволен.
Back to top
View user's profile Send private message Send e-mail
Андрюха
Заглянувший



Joined: 15 Sep 2007
Posts: 6
Карма: 0
   поощрить/наказать


PostPosted: Sat Sep 15, 2007 2:06 pm (спустя 7 месяцев 23 дня 12 часов 12 минут; написано за 2 минуты 17 секунд)
   Post subject:
Reply with quote

Народ, в ветке обсуждений нашел ссылку на сайт, который тут приводили в пример, я кое что там не понял:
www.csszengarden.com/ - при сужении окна браузера рисунок справа наезжает на текст, возможно ли избежать такого?
Или например вот:
www.webmascon.com/topics/coding/13a.asp - "Продвинутая CSS-верстка: шаг за шагом"
Все равно при сужении окна браузера все наезжает друг на друга.. При DIV'ной верстке этого чтоли нельзя избежать?
Заранее спасибо за ответы!
Back to top
View user's profile Send private message
Maus
Модератор



Joined: 29 Jun 2003
Posts: 8151
Карма: 270
   поощрить/наказать

Location: пос. Омсукчан Магаданской области

PostPosted: Sat Sep 15, 2007 3:17 pm (спустя 1 час 10 минут; написано за 34 секунды)
   Post subject:
Reply with quote

Андрюха
думаю, минимальную ширину центральной колонки всё же можно задать
Back to top
View user's profile Send private message
Андрюха
Заглянувший



Joined: 15 Sep 2007
Posts: 6
Карма: 0
   поощрить/наказать


PostPosted: Sat Sep 15, 2007 7:21 pm (спустя 4 часа 4 минуты; написано за 16 секунд)
   Post subject:
Reply with quote

Я просто недавно столкнулся с этой проблемой..
min-width - IE не понимает, в книге "Мастерская CSS" увидел такой трюк:
контейнеру задается width: expression(document.body.clientWidth <740? "740px": "auto");
функция expression сценария javascript устанавливает ширину равной 740px, если ширина тела страницы меньше 740px.
Все вроде бы заработало но:
теперь при загрузке страницы вылезает уведомление об отключении активного содержимого страницы. Это как я понял IE уведомлят по поводу javascript? Если ява не разрешена, тогда трюк не срабатывает..
Получается не совсем 100% ый вариант решения проблемы. Может кто-нибудь подскажет более элегантный?
Back to top
View user's profile Send private message
Maus
Модератор



Joined: 29 Jun 2003
Posts: 8151
Карма: 270
   поощрить/наказать

Location: пос. Омсукчан Магаданской области

PostPosted: Sun Sep 16, 2007 12:21 am (спустя 4 часа 59 минут; написано за 1 минуту 23 секунды)
   Post subject:
Reply with quote

Андрюха
элегантный - не подскажу. Подскажу простой и грубый - распорка (div, никаких картинок 1х1 пиксел! Это лишний запрос на сервер)
Back to top
View user's profile Send private message
Андрюха
Заглянувший



Joined: 15 Sep 2007
Posts: 6
Карма: 0
   поощрить/наказать


PostPosted: Sun Sep 16, 2007 12:55 pm (спустя 12 часов 34 минуты; написано за 38 секунд)
   Post subject:
Reply with quote

Спасибо за совет! Но у меня в такой конструкции сделать распорку не получилось, подскажите, что не так?
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
View user's profile Send private message
Андрюха
Заглянувший



Joined: 15 Sep 2007
Posts: 6
Карма: 0
   поощрить/наказать


PostPosted: Mon Sep 17, 2007 9:47 pm (спустя 1 день 8 часов 51 минуту; написано за 13 секунд)
   Post subject:
Reply with quote

Приём?
Back to top
View user's profile Send private message
Maus
Модератор



Joined: 29 Jun 2003
Posts: 8151
Карма: 270
   поощрить/наказать

Location: пос. Омсукчан Магаданской области

PostPosted: Mon Sep 17, 2007 10:15 pm (спустя 28 минут; написано за 33 секунды)
   Post subject:
Reply with quote

Андрюха
когда все блоки плавающие - так навскидку и не скажу. Надо пробовать
Back to top
View user's profile Send private message
Guest






Карма: 386
   поощрить/наказать


PostPosted: Thu Sep 20, 2007 1:16 pm (спустя 2 дня 15 часов 12 секунд; написано за 12 секунд)
   Post subject:
Reply with quote

А как сделать по другому, не плавающими?
Back to top
WingedFox
Профессионал



Joined: 29 Apr 2003
Posts: 4064
Карма: 269
   поощрить/наказать

Location: Питер

PostPosted: Sat Sep 22, 2007 1:21 am (спустя 1 день 12 часов 5 минут; написано за 5 минут 37 секунд)
   Post subject:
Reply with quote

Андрюха
Да не парьтесь Вы. Овчинка выделки не стоит.
Существует куча ситуаций, когда вёрстка будет поломана. Например, вставкой сильно большой картинки в текст.

В общем, используйте expression в CSS и спите спокойно, предварительно приняв меры предосторожности, например зажав ширину страницы на 1024 пикселах.
Back to top
View user's profile Send private message
Константин Жинько [tIT]
Сотрудник «Лаборатории»



Joined: 12 Jun 2004
Posts: 2264
Карма: 105
   поощрить/наказать

Location: Москва

PostPosted: Sat Sep 22, 2007 2:06 am (спустя 45 минут; написано за 11 секунд)
   Post subject:
Reply with quote

WingedFox wrote:
Существует куча ситуаций, когда вёрстка будет поломана.
Золотые слова! Эхх (-%
Back to top
View user's profile Send private message
Андрюха
Заглянувший



Joined: 15 Sep 2007
Posts: 6
Карма: 0
   поощрить/наказать


PostPosted: Sat Sep 22, 2007 5:21 pm (спустя 15 часов 14 минут; написано за 57 секунд)
   Post subject:
Reply with quote

Хм, тогда с DIVной версткой более-менее ясно. А подходя конкретно к этой проблеме: не проще ли тогда при верстке таблицы использовать одну большую таблицу, в которой собственно и будет минимальная распорка?
Back to top
View user's profile Send private message
WingedFox
Профессионал



Joined: 29 Apr 2003
Posts: 4064
Карма: 269
   поощрить/наказать

Location: Питер

PostPosted: Sat Sep 22, 2007 5:25 pm (спустя 4 минуты; написано за 15 секунд)
   Post subject:
Reply with quote

Андрюха
Можно. А зачем?
Back to top
View user's profile Send private message
Андрюха
Заглянувший



Joined: 15 Sep 2007
Posts: 6
Карма: 0
   поощрить/наказать


PostPosted: Sun Sep 23, 2007 8:56 pm (спустя 1 день 3 часа 30 минут; написано за 1 минуту 16 секунд)
   Post subject:
Reply with quote

Чтобы не сужался слишком сайт, закрывая поле контента или какой-либо другой важный элемент сайта.. Другой альтернативы я не вижу, либо так, либо с помощью Java Script.. Может кто-то сможет подсказать другой способ, если он есть?
Back to top
View user's profile Send private message
kaktus611
Заглянувший



Joined: 03 Jul 2009
Posts: 5
Карма: 0
   поощрить/наказать


PostPosted: Fri Jul 03, 2009 2:34 pm (спустя 1 год 9 месяцев 9 дней 17 часов 38 минут; написано за 48 секунд)
   Post subject:
Reply with quote

зайди сюда htmlbook.ru тут всё про html & css.
Back to top
View user's profile Send private message
bæv
Модератор «Дзена»



Joined: 27 Aug 2003
Posts: 7275
Карма: 9994
   поощрить/наказать


PostPosted: Fri Jul 03, 2009 6:04 pm (спустя 3 часа 30 минут; написано за 3 минуты 31 секунду)
   Post subject:
Reply with quote


М

kaktus611, forum.dklab.ru/about/todo/PravilaEtogoForuma-ProchitayteObyazatelno.html — на форуме принято общение «на Вы».

Ссылку Вашу убираю.
Если бы Вы на конкретную статью сослались, я бы ещё подумал, а так — получается бесплатная реклама.
Back to top
View user's profile Send private message
Bazhenych
Заглянувший



Joined: 13 Aug 2009
Posts: 4
Карма: 0
   поощрить/наказать


PostPosted: Fri Aug 14, 2009 9:11 pm (спустя 1 месяц 11 дней 3 часа 6 минут; написано за 15 секунд)
   Post subject:
Reply with quote

на woweb было много чего полезного.
Back to top
View user's profile Send private message
triton
Заглянувший



Joined: 07 Oct 2009
Posts: 1
Карма: 0
   поощрить/наказать


PostPosted: Wed Oct 07, 2009 12:06 pm (спустя 1 месяц 23 дня 14 часов 55 минут; написано за 1 минуту 15 секунд)
   Post subject:
Reply with quote

Тема то начиналась, с того, где найти литературу о том, как верстать дивами. Но ни одного тынца не увидел. Все таки подскажите где можно доходчиво почитать? Ибо я начинаю учиться верстке дивами, и ине хотелось бы, чтобы все было разложено по полочкам
Back to top
View user's profile Send private message
Maus
Модератор



Joined: 29 Jun 2003
Posts: 8151
Карма: 270
   поощрить/наказать

Location: пос. Омсукчан Магаданской области

PostPosted: Wed Oct 07, 2009 12:35 pm (спустя 29 минут; написано за 1 минуту 33 секунды)
   Post subject:
Reply with quote

triton
Первая страница темы завалена ссылками.
Back to top
View user's profile Send private message
Errors
Guest





Карма: 386
   поощрить/наказать


PostPosted: Mon Dec 07, 2009 9:16 am (спустя 1 месяц 30 дней 20 часов 41 минуту; написано за 1 минуту 38 секунд)
   Post subject: Div
Reply with quote

Привет всем! У меня вопрос!
Какое свойство в Сss надо задать для div-а чтоб он 2 div-а выводил не по вертикали а про горизонтали! Спасибо! С остальным сам разберусь)
Back to top
Юрий Насретдинов
Модератор



Joined: 13 Mar 2003
Posts: 8642
Карма: 194
   поощрить/наказать

Location: 007 495

PostPosted: Mon Dec 07, 2009 10:52 am (спустя 1 час 35 минут; написано за )
   Post subject:
Reply with quote

Попробуйте display: inline-block для начала.
Back to top
View user's profile Send private message Send e-mail
bæv
Модератор «Дзена»



Joined: 27 Aug 2003
Posts: 7275
Карма: 9994
   поощрить/наказать


PostPosted: Tue Jan 10, 2012 12:18 pm (спустя 2 года 1 месяц 3 дня 1 час 25 минут)
   Post subject:
Reply with quote


М

Ветка выделена в отдельную тему «спам»,
расположенную в форуме Мусоропровод (10 Января 2012, 13:18).
Back to top
View user's profile Send private message
JoelEmbiids
Заглянувший



Joined: 16 Jan 2017
Posts: 16
Карма: 0
   поощрить/наказать


PostPosted: Thu Jan 19, 2017 12:42 pm (спустя 5 лет 9 дней 24 минуты)
   Post subject: leur forme Adidas Zx 700 Femme Grise
Reply with quote

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
View user's profile Send private message
JoelEmbiids
Заглянувший



Joined: 16 Jan 2017
Posts: 16
Карма: 0
   поощрить/наказать


PostPosted: Thu Feb 16, 2017 6:53 am (спустя 27 дней 18 часов 10 минут; написано за 15 секунд)
   Post subject: le français adidas og gazelle 123Klan
Reply with quote

‘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
View user's profile Send private message
serggor
Заглянувший



Joined: 27 Mar 2017
Posts: 1
Карма: 0
   поощрить/наказать


PostPosted: Mon Mar 27, 2017 1:02 am (спустя 1 месяц 10 дней 18 часов 9 минут; написано за 1 минуту 16 секунд)
   Post subject:
Reply with quote

Ну, можно на htmlbook почитать, там все предельно понятно изложенно
Back to top
View user's profile Send private message
Display posts from previous:   
Post new topic   Reply to topic All times are GMT + 3 Hours
Goto page Previous  1, 2
Page 2 of 2    Email to a Friend.
You cannot post new topics in this forum. You cannot reply to topics in this forum. You cannot edit your posts in this forum. You cannot delete your posts in this forum. You cannot vote in polls in this forum. You cannot attach files in this forum. You can download files in this forum.
XML