mishka

при верстке таких форм у меня был бы такой html: <form action="#"> <fieldset> <div class="wrap"> <div class="bg-text"><input class="text" type="text" value="Ваше имя" /></div> </div> <div class="wrap"> <div class="bg-text"><input class="text" type="text" value="Ваш e-mail" /></div> </div> <div class="wrap"> <div class="bg-textarea"><textarea cols="50" rows="5"></textarea></div> </div> <div class="wrap"> <input class="submit" type="submit" value="Отправить" /> </div> </fieldset> </form> <form action="#"> <fieldset> <div class="wrap"> <div class="bg-text"><input class="text" type="text" /></div> </div> <div class="wrap"> <ul class="togglegroup"> <li> <input id="check-bu" class="checkbox" type="checkbox" checked="checked" /> <label for="check-bu">.bu</label> </li> <li> <input id="check-ru" class="checkbox" type="checkbox" /> <label for="check-ru">.ru</label> </li> <li> <input id="check-com" class="checkbox" type="checkbox" checked="checked" /> <label for="check-com">.com</label> </li> <li> <input id="check-net" class="checkbox" type="checkbox" /> <label for="check-net">.net</label> </li> <li> <input id="check-org" class="checkbox" type="checkbox" /> <label for="check-org">.org</label> </li> <li> <input id="check-biz" class="checkbox" type="checkbox" /> <label for="check-biz">.biz</label> </li> <li> <input id="check-info" class="checkbox" type="checkbox" checked="checked" /> <label for="check-info">.info</label> </li> </ul> </div> <div class="wrap"> <input class="submit" type="submit" value="Проверить" /> </div> </fieldset> </form>

тогда и лейбл ненужен

Правильно это делать связкой for/id!

Все что я напишу это не истина в последней инстанции, это всего лишь мое мнение, и мои взгляды <label for="FaqName"><input type="text" name="#" value="Ваше имя" maxlength="#" id="FaqName" /></label> - нехорошо так делать <input type="text" name="#" value="Ваше имя" maxlength="#" id="FaqName" /> <label for="FaqName">Ваше имя</label> - Так предпочтительнее В форме где кучка чекбоксов - их лучше сделать списком. Опять же нестоит инпуты сунуть в лейблы. Зачем для сабмита лейбл? (Я бы тут поставил попбольше знаков вопроса) <form action="#"> <fieldset> <div class="wrap"> <!-- если есть лейбл --> <label for="input01">Label</label> <input id="input01" class="text" type="text" /> </div> <div class="wrap"> <!-- если нет лейбла --> <input class="text" type="text" /> </div> <div class="wrap"> <!-- если инпут нужно сделать с бг с круглыми углами (так как в ие6 бг на инпуте будет дергатся), если ие6 фтопку то можна без дива --> <label for="input02">Label</label> <div class="bg-text"> <input id="input02" class="text" type="text" /> </div> </div> </fieldset> </form> Так как я просто верстальщик, то name для инпутов я не пишу. Для верстки это ненужно, а программист сам поставит те имена которые нужны ему. Чтобы инпуты не прыгали в ие6 их приходится флотать. Поэтому нужен блок wrap которому height:1%; overflow:hidden; Сабмит как хочешь, можна имагой, можна сабмитом... единственное что - сабмиты на маке не стилизуются. Я редко юзаю input type="image"

Да есть такой чудовый файлик как csshover.htc, который заставляет ие6 понимать и ховер и актив на все элементы.

Разве это не помогло .block:hover { z-index: 1; } ? Я вот проверяю все ок, да и по логике это должно помочь. Единственное что ненравится мне подход с использованием csshover.htc, а так все ок. Блин, посмотрел последний пост и подумал что задачу еще не решили.. Потом прочитал пост где ТС говорит что во всем разобрался.

возможномть сделать картинку лейблом добавили?

Значит многими успешными компаниями, успех которых напрямую зависит от посещаемости их сайта управляют глупые люди (в частности глупее вердера), и платят сеошникам не малые деньги. Ужас, ну просто глупые люди... P.S. Только на хорошей верстке далеко не заедешь(с точки зрения СЕО) но в жесткой конкуренции это тоже плюс, хотя вердеру и до хорошей верстки далековато.

флотни чекбокс и лейбл. У чекбокса обнули margin, padding, и задай ему размеры width:16px;height:15px. Остальные выравнивания делай с помощью манипуляции лейблом.

a{background:url(../images/menu/home.jpg) no-repeat;} a:hover{background-position: 0 -50px;}

Для данного меню джс будет не меньшим извратом. ТС есть такое свойство как background-position. И никакой спан в этом меню не нужен.

я конечно поклонник универсального джс, который выносится в отдельный файл. Но думаю ТС вполне устроит это: <input type="text" value="lorem ipsum" onfocus="if(this.value==defaultValue)this.value=''" onblur="if(this.value=='')this.value=defaultValue" />

Очень даже приятный сайтик. Но это только оценка дизайна. Но сайт без доступа в цмс... чтото типа не хозяин в собственном доме. Светлёнка, чтобы доверить такую работу фрилансеру, надо быть уверенным в его профессионализме. Или обращайтесь в веб студию, которая сможет быстро и качественно выполнить работу. К VERDER стоит обращатся только за дизайном, не более.

Только по двум пунктам у меня появилось желание обговорить, это и По всему остальному я твердо остаюсь на своих позициях

Теперь когда водить мышкой по теньшке снизу меню, то меню всеравно срабатывает, а ссылки то нету... Также если в ссылку "а" всунуть какойнить тег (спан, стронг, ем ...) то им нужно дописывать cursor:pointer для ие6(если конечно его поддерживать) Для портфолио говоришь.... как по мне так слабовато, потому что эта страничка верстается пару часов, не более. Эсть такое правило(незнаю гласное или нет) что если ссылка по дефолту подчеркнута, то при ховере надо убрать подчеркивание, и наоборот. Так страничка более живая получается. h2 { height:78px; text-indent:-9000px; } Я считаю это недопустимым! Как можно глобально на все Н2 на сайте задать высоту и text-indent:-9000px? Что будет если человек захочет еще гдето добавить Н2? Также былобы неплохо для Н2 сделать стили приближенные к картинкам, чтобы если убрать класс то тенюшка пусть исчезает, текст немного изменится, но всеже останется приближенным к тому что был на картинке. .head-block div { margin-left:272px; } Что будет если там еще какойнить див будет? <tr class="top"> может все же лучше "first"? <h3>July 18, 2009</h3> Это не Н3, это просто дата. Такой футер просто грех не прибить к низу.

Я так подозреваю что чловек хочет чтото типа div{ margin:0 300px 0 0; height:400px; background:#000; }

А зачем это вот? <style type="text/css"> img { filter: alpha(opacity=99); } </style>

зарисуй эти пикселя другим цветом, приближенным, но таким что отображается. Впервые такое вижу. Бывало что ие8 прозрачный гиф просто белым отображал, но с ие7 никогда таких глюков незамечал.

Ну без тебя так себе... 4 с минусом... А с тобой на 5 с плюсом

Именно это я расценил как второе задание. Макс, негони, это имхо самый правильный способ очистки потока. Неработает только в ие6-7. Но я же говорил что нужно для ие6-7...

Ну насколько я понял из первого поста, то было два варианта задачи, вот я и решал оба варианта. Кстати для первого варианта желательно еще указать border-collapse:collapse.

второй вариант вообще не проблема. Я уже писал пост в теме про очистку потока. Для ие6-7 нужен хаслаяут. Так как ширина указанна, то проблем нет. А для остальных - after. вот с первым... бордербоксы ненравятся, а как без них.. немогу придумать. Во! придумал, конечно подсматривая в решение Макса . Так как решение для нормальных браузеров придумал сходу, а для ие6-7, без Макса наверное не додумался бы. 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 12px Tahoma, Arial, sans-serif; } body { margin: 10px; } .main-box { width: 150px; border: 1px solid; display:table; } .a, .b, .c { width: 50px; height: 50px; border: 1px solid; display:table-cell; } * html .main-box{ display:inline; } * html .a, * html .b, * html .c{ display:inline; zoom:1; } *+html .main-box{ display:inline; } *+html .a, *+html .b, *+html .c{ display:inline; zoom:1; } .a { background: red; } .b { background: green; } .c { background: blue; } </style> </head> <body> <div class="main-box"> <div class="a"></div><div class="b"></div><div class="c"></div> </div> </body> </html> 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 12px Tahoma, Arial, sans-serif; } body { margin: 10px; } .main-box { width: 156px; border: 1px solid; } .main-box:after{ content:""; display:block; clear:both; } .a, .b, .c { width: 50px; height: 50px; border: 1px solid; float:left; } .a { background: red; } .b { background: green; } .c { background: blue; } </style> </head> <body> <div class="main-box"> <div class="a"></div> <div class="b"></div> <div class="c"></div> </div> </body> </html>

Я знаю что такое сниппеты, но то о чем я говорю немного не то. Во всяком случае в нотепаде и SciTE это реализованно нетак, и удобнее чем в дриме.

просто если реализовать адекватную вставку многострочных заготовок то скорость выростет существенно.

Да мне трудно перейти с PSPada на чтонить другое. Слишком уж много всяких примочек в нем... Темболее что я его перелопатил под себя основательно. И только один минус в сравнении с нотепадом или SciTE... - плохо реагирует на вставку многострочных заготовок гденить в средине кода. Он все табы считает как пробелы, и вместо них вставляет пробелы(тоесть вместо одного таба один пробел)... И никак немогу найти как поправить это дело. Если код писать так чтобы вместо табов ставить пробелы, то тогда все ок получается... Но меня это не устраивает. В нотепаде и SciTE с этим легче. Но там пути к картинкам вручную приходится писать.