klierik
-
Posts
5,038 -
Joined
-
Last visited
-
Days Won
125
Content Type
Profiles
Forums
Calendar
Store
Everything posted by klierik
-
Давайте Вы не будете мне указывать что качать (когда у меня стоят все массово используемые браузеры)! Тем более врятли 17% пользователей в мире, которые используют FF2 так же начнут его сейчас скачивать. Я бы не рекомендовал автору топа использовать этот метод если нужен валидный CSS (:
-
правильно. так как надо что то сделать с блоком <div class="cs-r">8</div> про баг почитайте в google, так как это очень известный баг ИЕ6
-
2hmelii, да, не плохое решение, но inline-block не работает в FF2 надо использовать display: -moz-inline-block; но это не валидно
-
посмотрите на этот макет: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> body{ font-family: "Times New Roman", Times, serif; font-size: 12px; color: #444; } * { margin: 0; padding: 0; outline: none; } ul { list-style-type: none;} img { border: none; } table { border-collapse: collapse; } /* constructor */ div.case-1 {height:32px; background-color:#eee;} div.case-2 {height:32px; background-color:#ccc;} div.case-3 {height:32px; background-color:#ddd;} div.data-case { overflow:hidden; _zoom:1} /* zoom for ie6 */ div.ls {float:left; width: 300px;} /* left side */ div.ls-top {height:60px; background-color:#aee;} div.ls-mdl {height:40px; background-color:#eae;} div.ls-btm {height:100px; background-color:#eea;} div.cs {overflow:hidden; _zoom: 1; float:left; width:100px;} /* center side */ div.cs-l {height:200px; background-color:#acc; float:left; width:50%;} div.cs-r {height:200px; background-color:#cca; margin-left:50%;} div.rs {margin-left:400px;} /* right side */ div.rs-1 {height:60px; background-color:#3ca;} div.rs-2 {height:30px; background-color:#aaa;} div.rs-data {overflow:hidden; _zoom: 1;} div.rs-3 {float:left; width:50%; height:110px; background-color:#6aa;} div.rs-4 {margin-left:50%; height:30px; background-color:#a6a;} div.rs-5 {margin-left:50%; height:80px; background-color:#aa6;} </style> </head> <body> <div class="case-1">1</div> <div class="case-2">2</div> <div class="case-3">3</div> <div class="data-case"> <div class="ls"> <div class="ls-top">4</div> <div class="ls-mdl">5</div> <div class="ls-btm">6</div> </div> <div class="cs"> <div class="cs-l">7</div> <div class="cs-r">8</div> </div> <div class="rs"> <div class="rs-1">9</div> <div class="rs-2">10</div> <div class="rs-data"> <div class="rs-3">11</div> <div class="rs-4">12</div> <div class="rs-5">13</div> </div> </div> </div> </body> </html> скажу сразу что пример не оптимизирован под ИЕ6 (имеется ввиду 3х пиксельный баг) а так же не оптимизирован под ИЕ с его проблемными процентами и флотами. нормально отображается в ФФ. Думаю идею Вы поймете как это строится.
-
высота блоков фиксированная?
-
маленький рисунок. не понятно что надо
-
для выравнивания текста ознакомтесь, пожалуйста, с решениями представлеными тут: http://cssing.org.ua/2005/07/14/vertical-align-middle/
-
https://addons.mozilla.org/ru/firefox/addon/1843 по теме. а в чем суть вопроса? а то влом перечитывать весь сабж
-
Одно изображение содержащий несколько картинок
klierik replied to tematika's question in HTML Coding
я бы столь разнародные данные в один файл не видал. по категориям разбить бы а вообще спрайты (это так называется) актуальны, так как грузятся быстрее нежели каждый рис по отдельности -
1. <div> <form action='1' method='post'> <a href=''>1</a> <a href=''>2</a> <a href=''>3</a> <input type='submit value='1'> </form> </div>
-
1. есть баги в верстке (см. рис) 2. в шапке и в подвале заборот блока сделан грубо. 3. для примера возьмем подвал: http://vvsh.ru/images/footer.jpg это что такое? какие 900пк в ширину? Кто так учил верстать? Надо было из 2х блоков сделать композицию, а линейка должна просто тянутся через background-repeat: repeat-x; с шапкой тоже самое. имхо, мне линия шапки и линия футера ужасно не нравится... какието тени.. зачемто впихнули.. и грубо обрезали... жесть 4. главное меню - надо делать на UL LI 5. посмотрел код блока меню "Рубрики": <text style="font-size: 11px;"> Что это за новый тег оО? сами придумали? так же надо делать на UL LI 6. <div class="post-outside"> ... ... ...</div> <br /> использовать тег <br /> между блочными элементами крайнее грубая ошибка. Используйте или отступы или поля для этого. Данный тег преднозначен создавать сброс строки внутри строчных данных. 7. при просмотре статьи код предоставлен очень маленького размера шрифта. я, имхо, даже не пытался бы читать такой код. 8. раздел меню "Последние посты" содержит ссылки которые выдают: Такой страницы не существует! Зачем в таком случае его вообще выносить? мое имхо: что предедущий дизайн, что текущий, мне не понравился. верстка ужасная. учимся верстать и рисовать (: и гляди выдйдет "Мой блог (Версия 7.0)" как раз то что надо (:
-
<input type="submit"> - можно как угодно кастомайзить (в рамках разумного) <input type="file"> - с этим проблематичнее. к примеру вот такой пример
-
Для XHTML можно применять множество технологий, разработанных для XML. Например, XSLT и XPath. Анализ XHTML проще и быстрее, чем HTML. Поскольку синтаксис XML строже, чем SGML, обработка XHTML возможна даже на мобильных телефонах с малыми ресурсами. подробнее
-
это как?
-
а Вы просто не задавайте фискированный размер макету, но при том учитывайте минимальную допустимую ширину
-
ам... я немного не понял в чем суть вопроса оО
-
так а зачем мне другой движек? сабж лежит в рамках именно WP
-
в основе использую блочную верстку. таблицы использую для табличный данных или для реализации задач которые невозможно сделать на блоках.
-
интересно где такое говорят. (: о релизе, вроде, пока и не слышно
-
проще сделать такое таблицой
-
покажешь.. интересно посмотреть
-
та это совсем простая проблема table { border-collapse: collapse; } td { padding: 0; } зы: не вижу тут надобности было использовать табличную верстку
-
по хорошему никак... только через JS
-
а лучше выложить пример с нет )))
-
нет. вот это: <a href="http://www.w3.org/Style/CSS" style="{color: blue; background: white} :visited {color: green} :hover {background: yellow} :visited:hover {color: purple} ">