Zippovich
-
Posts
373 -
Joined
-
Last visited
-
Days Won
2
Everything posted by Zippovich
-
Внешнему блоку display: inline-block; text-align: center Внутренним блокам: display: inline-block; width: 200px; height: 200px Для IE может понадобиться переопределение display: inline-block в display: inline
-
Не вижу плюсов в использовании логотипа как бэкграунда. Когда логотип используется картинкой плюсов вижу несколько: - печать; - удобство пользователям (правая кнопка -> скачать картинку). H1 не надо использовать в логотипе (исключения могут быть, если нужно поднять себя в выдаче в поисковике по слову в логотипе, но опять же надо помнить h1 должен быть один на странице и нужно думать головой, прежде чем такое делать). Так же не рекомендуется использовать технологии скрывающие текст в логотипе, т.е. логотип картинкой, а текст скрыт, почти все такие технологии уже хавает гугл и можно получить бан. Сюда относятся: 1. Написание белого по белому 2. position: relative; top: -10000px; 3. display: hidden - display: none и пр. Чем я хочу резюмировать: делайте сайты для людей, а не для поисковиков, и все у Вас будет с ранжированием в порядке. <a href="#" title="Компания Рога и копыта"><img src="#" alt="Компания Рога и копыта" /></a> - вот мой вариант, для a.logo можно задать display: block или display: inline-block , если это необходимо, поэтому использовать еще один слой считаю лишним (исключения могут быть)
-
используйте хаки для ИЕ, что бы css для ИЕ отличался от css для всего остального
-
<body> <div style="background:#999999; width:500px; height:300px;"> <div style="height: 1px; overflow: hidden"></div> <div style="background:#009966; width:100px; height:100px; position:relative; margin-top:14px;"></div> <div style="background:#000000; width:100px; height:100px; position:relative; left:150px; margin-top:-50px;"></div> <div style="background:#ffffff; width:100px; height:100px; position:relative; margin-left:300px;"></div> </div> <div style="background:#ff9999; width:500px; height:300px;"> <div style="height: 1px; overflow: hidden"></div> <div style="background:#009966; width:100px; height:100px; position:relative; top:15px;"></div> <div style="background:#000000; width:100px; height:100px; position:relative; left:150px; margin-top:-50px;"></div> <div style="background:#ffffff; width:100px; height:100px; position:relative; margin-left:300px;"></div> </div> </body>
-
Если времени мало, то всегда есть добрые дядьки, которую потратят свое время на Вас за умеренную плату. Но не зная броду, в воду лучше не лезть. Особенно это качается верстки, где мильЁн всяких разных нюансов, которые без практики и теории станут "глюками".
-
Якесь-то неподобство.
-
Засуньте картинку в background, и меняйте его на здоровье при hover.
-
Фотошоп позволяет быстро выбрать формат для наименьшей потери качества и наименьшего веса. Если знаешь алгоритмы, то можешь не выбирать формат, а сразу сжимать в нужный.
-
ну так пути к картинкам указывайте правильные и все будет видно
-
Можно сделать min-width, min-height
-
Пропорциональное выравнивание блоков по горизонтале
Zippovich replied to Партия ЦКCSS's question in HTML Coding
думаю что без js такого не сделаешь хотя можно попробовать промежуточный слой сделать между контейнером и внутренним блоком, у него будет width в процентах, например при 3-х блоках width: 33%, а внутренние блоки выравняй посередине промежуточных по горизонтали. <div id="container"> <div class="col3"> <div class="inner-block"></div> </div> <div class="col3"> <div class="inner-block"></div> </div> <div class="col3"> <div class="inner-block"></div> </div> </div> #container {position: relative} .col3 {width: 33%; display: inline-block; float: left} .inner-block {width: 100px; border: 1px solid brown; margin: 0 auto} -
Все правильно, верстальщик кроме html & сss должен уметь очень хорошо: photoshop и js. Резать будет дизайнер? Вот откуда появляются шаблоны от 1 Мб!!! Знание Photoshop-а позволяет ужать хорошо графику, разрезать так как нужно верстальщику, а не тому кто не понимает в верстке ничего. Попробуйте сверстать динамичное меню до 5 уровня выпадения с сложным фоном (к примеру, нефиксированный по ширине пункт меню, со скругленными уголками, что бы css-ом не отделались) и пр. без знания js, да еще что бы в ie6 работало. SEO - ну и как Вы сделаете логотип не зная SEO? Как Вы выделите титлы? Вы пишете title в ссылках? Нет? Потому что Вы не знаете SEO! Flash-а верстальщику знать не надо, достаточно знать размеры флеша и прозрачен он или нет. Со своей стороны дизайнер так же должен знать основы html и css - ведь нарисовать так, как надо верстальщику, это тоже необходимо.
-
<div class="max"> <div class="wrapper"> ... </div> </div> .max {background: ...} .wrapper {width: 994px; margin: 0 auto; background: ...} делаете так: в данном случае блок .max всегда растянут на 100% ширины, а внутренний блок .wrapper по центру горизонтали, делаете повторяющийся бэкграунд в блоке .max и он будет тянуться до опупения, в данном случае горизонтальный скролл появится только если ширина окна броузера будет меньше 994px + прокрутка.
-
FireFox не видит дополнительную таблицу стилей
Zippovich replied to verybigboy's question in HTML Coding
В ie6 при такой записи будет что-то типа: <body onload="init();" class="ie6"> <body class="ie7 ie6"> т.к. условие <!--[if lte IE 7]> = true для IE6 -
Здравствуйте. Есть интересная проблема, не могу побороть: на onload запускается рекурсивно выполнения алгоритма по сменам картинок. так же на onload запускается sIFR который заменяет линки с hover-эфектом. Описание проблемы (наблюдается только в IE7), навожусь на ссылку, замененную sIFR цвет ссылки меняется, отвожу мышку, цвет не меняется. Как только останавливаю рекурсию, все чинится. Как вставить в рекурсию паузу? setTimeout не помогает.
-
Огромное спасибо
-
<table cellpadding="0" cellspacing="0" id="gallery-table" style="left: 0px"> <tbody> <tr> <td width="183"> <a href="#" title="image 1"><img src="images/g-1.jpg" alt="image 1" /></a> </td> <td width="183"> <a href="#" title="image 2"><img src="images/g-2.jpg" alt="image 2" /></a> </td> <td width="183"> <a href="#" title="image 3"><img src="images/g-3.jpg" alt="image 3" /></a> </td> <td width="183"> <a href="#" title="image 4"><img src="images/g-4.jpg" alt="image 4" /></a> </td> <td width="183"> <a href="#" title="image 5"><img src="images/g-1.jpg" alt="image 5" /></a> </td> <td width="183"> <a href="#" title="image 6"><img src="images/g-2.jpg" alt="image 6" /></a> </td> </tr> </tbody> </table> для каждой ячейки стоит width="183", но размер ячейки сужается до размера контента, почему? как побороть? td {width: 183px} не помогает.
-
да, я тоже вижу решение на js с анимированными картинками
-
я бы попробовал сделать резиновый макет: центральная колонка фиксированная, 2 боковые тянутся до минимально ширины пунктирной картинки и до максимальной бесконечной. В боковых колонках по центру горизинтали повторяющийся по y бэкграунд. Должно работать.
-
Есть программа что бы все быстро в инет запихнуть, возможно она Вам подойдет?
-
Делаю верстку на заказ, т.е. быстро сделал и забыл. Клиент хочет фиксированно, я хочу быстро, валидно, кроссброузерно и деньги. По-этому 3 дива самое оно. Нужна резина потом? Ну настолько редко потом начинают переделывать. Обычно заказчик уже когда заказывает дизайнеру знает, резиновый у него будет сайт или нет. Потому как не только уголки зависят от того резиновый сайт или нет, фон тянуть, какие блоки тянущиеся какие фиксированные, тоже определяться надо. Но если универсально делать и что бы в будущем можно было быстро поменять, то DjTarik подсказал правильный вариант, но времени на него уйдет больше, по-этому не всегда это оправдано, ведь я получил заказ только потому что согласился сделать за 8 часов проект, а не за 12. Т.е. я за универсальность, но не нужно быть в этом маньяком, всегда надо думать головой.
-
Мы как в воду глядели ) http://iscience.ru/2009/07/08/google-plani...ionnoj-sistemy/
-
немного не понял зачем использовать для этого z-index не проще ли сделать 2 вложенных друг в друга блока с верхним и нижним бэкграундом?
-
Меню - делайте ссылку не только на слова, а на тот блок, который меняет цвет
-
тогда логично было бы свою ось сделать и в ней крутить что вздумается. Mac OS = Safari Windows = IE ? = Chrome да и в макось можно ИЕ поставить, но кому оно там надо?