mishka
-
Posts
2,118 -
Joined
-
Last visited
-
Days Won
11
Content Type
Profiles
Forums
Calendar
Store
Everything posted by mishka
-
Вертикальное центрирование блочных эелементов
mishka replied to alexshvarts's question in HTML Coding
А так не лучше? <!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" lang="ru"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <title>An XHTML 1.0 Strict standard template</title> <style type="text/css"> body{ margin:0; } ul{ margin:0; padding:0; list-style:none; width:100%; overflow:hidden; } li{ float:left; display:inline; margin: 5px; } div{ display:table-cell; vertical-align:middle; text-align:center; width: 200px; height: 200px; background: url('http://www.adamdorman.com/_images/gradient.jpg') no-repeat; } img{ vertical-align:top; } * html ul img{ margin-top:expression(this.offsetHeight <= this.parentNode.offsetHeight ? (this.parentNode.offsetHeight - this.offsetHeight)/2 + 'px' : '0px'); } *+html ul img{ margin-top:expression(this.offsetHeight <= this.parentNode.offsetHeight ? (this.parentNode.offsetHeight - this.offsetHeight)/2 + 'px' : '0px'); } </style> </head> <body> <ul> <li> <div> <img src="http://honw.ru/heroes/picks/Keeper%20of%20the%20Forest.jpg" alt="" /> </div> </li> <li> <div> <img src="http://honw.ru/heroes/picks/Keeper%20of%20the%20Forest.jpg" width="128" height="50" alt="" /> </div> </li> <li> <div> <img src="http://honw.ru/heroes/picks/Keeper%20of%20the%20Forest.jpg" width="128" height="70" alt="" /> </div> </li> <li> <div> <img src="http://honw.ru/heroes/picks/Keeper%20of%20the%20Forest.jpg" width="128" height="90" alt="" /> </div> </li> <li> <div> <img src="http://honw.ru/heroes/picks/Keeper%20of%20the%20Forest.jpg" width="128" height="110" alt="" /> </div> </li> <li> <div> <img src="http://honw.ru/heroes/picks/Keeper%20of%20the%20Forest.jpg" width="128" height="90" alt="" /> </div> </li> </ul> </body> </html> -
Почему мне (1600) сайт заплаткой ничуть не кажется? Норм диз, лишь бы наполнение было качественное. Ошибки верстки - валятся "подробнее коментарии" или так и запланированно чтобы они были справа от картинки? перенеси под заголовок картинки, или под картинку. Сайдбар справа более привычно и юзабельно.
-
Чем сабмит с бекграундом не устроил? Ведь на него легко ховер сделать, без JS. А кнопочка с ховером приятнее смотрится. Как говорится - мелочь, а приятно.
-
а ссылка это типа не текст... Но насколько знаю это не кросбраузерно. Поэтому предлагаю jQuery.
-
Спор начался отсюда: Имхо, не для спора, но это мовитон - лучше делать прозрачную картинку с alt="Ваш текст", нежели заниматься клоакингом Теперь вот вопрос что из этого больший клоакинг? Пустая картинка с альтом? или нормальный текст? Или вообще пустая линка?
-
Все, сдаюсь. Но считаю когда человек хочет оформить ссылку только через css, то неправильно оставить ее пустой, или вместо нормального текста сунуть прозрачное изображение с альтом вместо текста.
-
Ладно по первому вопросу забиваем на Яндекс, Гугл the best поэтому будем считать что для поисковика пофиг. Но как насчет второго?
-
Есть сеошники на форуме? Может скажете что все же лучше поисковику - текст, или альт текст картинки?
-
Лечится - overflow:visible на кнопку. Пусть и не пиксель в пиксель, но всеже почти одинаково.
-
Ох и написал же, сам в шоке text-indent:-9999px;
-
Ответьте на два вопроса, и поймете что есть моветон и клоакинг. Для поисковика что будет лучше: 1. <h2><a href="#">Заголовок поста</a></h2> или <h2><a href="#"><img src="..." alt="Заголовок поста" /></a></h2> 2. Также как прочтет оба варианта скринридер (для людей с проблемами зрения на сайтах читает текст). Кстати в Англии уже давненько принят закон о защите прав людей с ограниченными способностями. И одно из его требований - сайты нужно делать так чтобы этот скринридер смог прочитать. Можете сказать что мы же не в Англии и плевать нам на людей с ограниченными способностями.
-
Ваш альт и есть клоакинг
-
1600px Конечно сжимал, все как в фф Баг найти немогу, но так на вскидку - блоку который должен обрезать говоришь overflow:hidden уже стоит, добавь еще и position:relative
-
все зависит от ситуации
-
да я както невстречал даже такой : платный, шустрый, небольшой
-
Оставлять пустые линки - правила дурного тона. Это не критично, сайт не сломается, но это нехорошо, очень нехорошо. Поэтому делай линки блочными, цепляй бг, а текст убирай text-align:-9999px;
-
В ие8 все так же как и в фф
-
За такую цену ПК будет раза в 2 круче
-
Наверное как люди привыкают к "плохому" браузеру ИЕ, так я привык к винде, причем к XP, и переходить на чтото другое никак не хочу, особенно на надгрызенное яблоко ). Как на одном сайте сказали про сафари - хороший браузер, но его достоинства слишком преувеличивают. Я так думаю обо всем маковском. А винда потихоньку себе рулит ). Может это потому что я за нее не плачу?
-
stepnoy, ну если специально зарегился чтобы уточнить, то уточни что ты имел ввиду. И что это за глупая детская попытка упрекнуть в чемто девушку? (мне так показалось). Работа выполнена на 5+, полноценная качественная работа. Человек дело говорит
-
Есть замечательный експрешн http://www.xiper.net/collect/html-and-css-...ld-for-ie6.html
-
<ul id="menu"> <li><a href="#">Главная</a></li> <li><a href="#">Работа с нами</a></li> <li><a href="#">Главный офис</a></li> <li><a href="#">Наши партнеры</a></li> <li><a href="#">Контакты</a></li> <li><a href="#">Подать заявку</a></li> </ul> Такой вот код меню теперь пиши для него цсс
-
сверстаешь еще сотенку и увидешь как в ие6 из селектов буковки выпадают )) сверстанно неверно, вот и падают, места нехватает им. причем тут оверфлов если менюха имеет код: <div id="menu"> <a href="#">Главная</a> <p></p> <a href="#">Работа с нами</a> <p></p> <a href="#">Главный офис</a> <p></p> <a href="#">Наши партнеры</a> <p></p> <a href="#">Контакты</a> <p></p> <a href="#">Подать заявку</a> </div>
-
Чего мне нехватает в SciTE При верстке, мне нужно вставлять размеры картинок <img src="" width="" height="" alt="" />, если PSPad это делал все сам, да еще и путь к картинке ручками писать неприходилось, то в SciTE такого нету. Путь к картинке - ручками, ширину, высоту - ручками. В PSPade для смены кодировки можно было просто сменить формат, и он перекодировал автоматически весь документ. Скачал справочники по HTML, CSS, JS в формате .chm назначил их для каждого типа кода, и теперь если у меня открыта вкладка например с CSS - то я нажимаю Alt+F1 и у меня появляется справка по CSS. Или если открыта вкладка HTML но курсор находится между тегами <style> то будет справка по CSS, а если между тегами <script> то по JS. Вобщем не так часто пользовался, но всеже. Так было в PSPad. Вещь незамечаешь когда она есть, а вот когда ее нету, то сразу становится заметно. В PSPad при вводе тегов через Ctrl+Space появляется модальное окно где нужно чтото выбрать, либо ничего не выбирать. Поубирал это нафиг с большинства тегов, и работа пошла быстрее. Также выделил подсветку фона для каждого типа кода HTML/CSS/JS/PHP. Часто бывает что JS пишут прям в HTML, так вот если между тегами <script> другой фон, то даже в километровом коде несложно найти код JS. При верстке в CSS картинку для бекграунда ненужно было прописывать ручками. В SciTE это приходится писать ручками. При использовании техники textreplace - замена текста бекграундом, блоку нужно указать ширину высоту, так PSPad умел определять размеры картинки бекграунда и сам записывал их. В SciTE такого счастья нету. В PSPad много горячих клавишь, если их запомнить - то работа становится намного легче. Плюсы SciTE Хорошая система автодополнения - если пишешь слово которое еще нигде в данном документе не встречалось, то автодополнения небудет. А вот когда будешь его писать второй раз, то будет. Это здорово тем что с одной стороны есть автодополнение, а с другой что ключевые слова языка всеже нужно знать, надеяться на то что можна знать первых пару букв, а все слово редактор сам допишет не приходиться. Удобно текст оборачивать скобками, кавычками - выделил текст, нажал на кавычку - получи текст обрамленный кавычками. Можна подсветить искомый текст во всем документе, и потом либо пролистывая документ искать где нужное слово, либо внизу можно открыть консоль в ней есть инфа о том на каких строках есть этот текст, и приводится сама строка. Можна горячими клавишами бегать по этим словам (как при поиске F3/Shift+F3). Во многих редакторах есть чтото типа такого, тоесть если выделить слово - то включается подсветка всех таких слов. Но если снять выделение - то подсветка пропадает, тут же она не пропадет пока сам не снимешь, что тоже удобно. Есть чтото типа снипетов, но не так круто как например в Wbuilder, нету сортировки по папкам. Можно вставить по сокращению, можна по двойному клику в сайдбаре. Когда пишешь JS часто пользуешся готовыми плагинами, они сжаты в одну очень длиную строку. Так вот PSPad нелюбит длинных строк, вплоть до зависания и вылета. А SciTE както нормально это воспринимает. Вобщем JS в нем писать удобнее чем в PSPad, благодаря автодополнению. А верстать не так быстро, но благо версткой почти не занимаюсь.
-
Мне нужен редактор бесплатный, шустрый, небольшой. Вот PSPad для верстки был отличным инструментом. В этом маленьком редакторе, сделанным одним человеком, много функционала. И я мог работать на любом компе, просто запуская редактор с флешки. Буду благодарен если приведете названия подобных редакторов. Обязательно рассмотрю. Notepad++ не предлагать, так как я сейчас юзаю SciTE, который по сути тот же нотепад (даже на одном ядре) с расширенным функционалом.