mishka
-
Posts
2,118 -
Joined
-
Last visited
-
Days Won
11
Content Type
Profiles
Forums
Calendar
Store
Everything posted by mishka
-
Для вас лучшее решение это сделать джсом, проверить высоту правой части и если она больше левой то скоректировать высоту левой, если меньше то ничего не трогать, так как если тянуть контентную часть то это будет скрашивать ту пустоту, а если левую - то уродовать. Найдите толкового джсора, заплатите денег и вам это сделают. Этого также можна достичь с помощью цсс, но это прийдется переверстывать. Объединить правую и левую часть в один блок, чтобы правая часть при увеличении тянула бекграунд левой части. Так у вас левая часть высоту менять не будет, но визуально будет казатся что она меняется так как тянется бекграунд
-
В последнем случае может помочь table{width:100%}. Тоесть таблица принимает ширину страницы, а и ячецки в ней тоже растянутся. Это немного сгладит вид, но нерешит вопроса по поводу прижать крайние елементы к краям... Ну и задачку вы поставили себе Как это сделать с помощью css даже и незнаю... но стало интересно попытаюсь чтонибудь сделать (хоть и сомневаюсь что получится), и подождем, может кто подскажет
-
Странно, но я почемуто ненашел там поинтера.... Поставте его на .koncern span. И еще - если вы елементу указали position:absolute - то display:block это уже лишнее. При абсолюте елемент становится блочным, аналогично как и при флоатах. Внизу 3 красненьких блока - очень раздражает подчеркивание при ховере
-
г. Харьков пер.Кравцова,19 Про тег <address> слышали? Но это не столь критично но всеже... Там где "Услуги, Меню, Интерьер, Звездные гости" и внизу картинки - картинки сделайте имгой а не бекграундом, они вполне могут менятся, а значит их надо в хтмл делать. Задача верстальщика сделать не просто картинку которая будет похожа с дизайном, а сделать макет, содержимое которого будет менятся, так вот надо сделать так чтобы все легко менялось но при этом ниче не рассыпалось. Новости, Акции, Достижения - высота захардкожена, заказчик ничего вам по этому поводу не сказал? С менюшкой конечно дискотека получается Несовсем понял вашу любовь к релейтивам... почему почти на кождом елементе стоит релейтив? Много вещей которые можна было сделать гифом сделанно пнг. На этой странице я впервые увидел как тормозит ие6 от пнг, хотя их тут не так уж и много... Почему бы не отказатся от такого джс, изза которого ие6 долго раздупляется в пользу старых добрых фильтров? Также есть много лишнего типа для блочного элемента display:block, куча релейтивов, на <li> паддингов нет по дефолту, ненадо их там обнулять, они на <ul>, <ol> есть. Это чисто мое мнение: использовать css-reset только в том случае если просит клиент это 3%-5%. Так вы быстрее поймете какие стили имеют разные елементы по дефолту и в каких браузерах. И небудете потом обнулять паддинг на <li>. Висота на инпуте - дурной тон. Высоту инпута выравнивают размером шрифта, висотой строки (line-height), и паддингами. Почему бекграунд инпута это составляющая часть бекграунда всего хедера? О, увидел что с <address> вы знакомы но не лично , копирайт это не адрес. Почемуто у меня ваши микроформаты крякозябликами отображаются когда пытаюсь смотреть в бате.... <html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> Разве язык сайта английский? Ну пока все... если что то спрашивайте
-
Вы выравнивали картинки свойством text-align:center; это работает для инлайновых елементов. Вы запихнули в тег <a> теги <div>. Ссылка это инлайновый елемент а див это блочный элемент, так нельзя делать. Есть инлайновый елемент <span> (аналог блочному диву). В вашем случае тег <a> лучше всунуть внутрь дивов, чтобы ссылка была только на картинке, на тени чтобы ее небыло. Вы в цсс прописываете блокам (<div>) свойство display:block зачем? Это и так блочный елемент. Долго не ковырялся в коде... так навскидку: попробуйте блоку .wrap0{float:left; position:relative; left:50%;} .wrap1{float:left; position:relative; left:-50%;}
-
Поподробнее можна насчет "зависает", что именно виснет? При использовании сифра опера немного притормаживает. Текст который сифром сделан может не сразу отображатся, а заметно задерживается... Посмотрите в цсс для сифра (если вы его отдельно делали) если елементам object и embed стоит свойство display:block то уберите его. Но после проверьте как это повлияло на отображение в других браузерах (в ие могут вертикальные отступы у сифрованного текста немного увеличится)
-
У большинсва юзеров мониторы 17", значит при просмотре сайта шириной более 1000px будет появлятся в браузере горизонтальный скролл(что немного раздражает). Отключмте в браузере стили(css) и картинки и вы увидите примерную картину которую видит поисковый робот (незабывайте что около 90% юзеров к вам на сайт попадают через поисковики). Здорово если сайт с хорошим контентом да еще и красивый, но усилия будут напрасны если все будет картинками(особенно без атрибата alt), или бекграундом, поисковый робот ваш сайт закинет на какоенибудь ынцатое место(большынство юзеров(я в том числе) незаходят дальше первой страницы результата поиска, это 10 результатов). Использование метатегов keywords, discription без подтверждения этих слов дальше в содержимом сайта непринесут много плодов. Вывод: делайте сайт так чтобы при отключенных стилях и картинках пользователь мог получить полную информацию. Это так... на будующее Менюшку сделайте списком ul-li, в вашем случае никаких классов на <a> цеплять ненадо, сепаратор/разделитель(короче вертикальную полоску) вырезайте отдельно и цепляйте бекграундом сдевой стороны на <li>, так же для выделения места под бекграунд лишкам делайте паддинг слева и справа шириной как этот разделитель, и минусовой марджин лишкам слева также на ширину этого разделителя. На <ul> кроме всего прочего надо overflow:hidden; и ширину (например width:100% На <a> для бекграунда вырезаете полоску шириной в 1px и репитете по иксу. Таким образом верстка станет немного универсальнее. Чтобы записать телефон: сделайте блок с текстом телефона. В css ему укажите width:..px; height:..px; overflow:hidden; text-indent:-9999px; и бекграундом положите картинку с телефоном. Это если хотите 100% соответствие с дизайном. Также и с логотипом. В вашем случае не используйте position:relative для позиционирования блока со скидкой, делайте это с помощью position:absolute. При применении релейтив и абсолюта помните что релейтив не выбивает елемент со статического потока, значит на такой елемент(и также этот елемент), будет влиять на размещение соседних елементов. Пока все по вашему хедеру... Еще: внесите навигацию в хедер
-
если еще актуально - дайте код посмотреть
-
атрибут float одновременно меняет позиционирование на абсолютное?
mishka replied to hf3's question in HTML Coding
хм, большое спасибо... както сразу и непридумал наверное потому что привык все по возможности в одном файле делать... -
Создание сайтов и шаблонов на 1С Битрикс
mishka replied to salavey.net's topic in Goods and Services
еще одно мнение: сайт действительно недоработан, но тем неменее он есть хотите сайт - обращайтесь, хотите разговоров читайте посты завидующих -
А вашу флешку нельзя анимированным гифом заменить (если размеры конечно адекватные...)
-
немогу связаться с вами по аське... вот моя 413-537-420 P.S. mishka это я, просто пароль забыл, и почемуто неполучается востановить...
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> этой строкой вы указываете браузеру какую кодировку вы использовали... Но на самом деле могли использовать любую... Так вот если они несовпадают то и получаются крякозяблики.
-
атрибут float одновременно меняет позиционирование на абсолютное?
mishka replied to hf3's question in HTML Coding
разве "зуум" валиден? Ставьте overflow:hidden; а для ие6 чтобы overflow:hidden; работал надо дополнительно ширину или высоту, если нет возможности поставить width:100%; (есть маргины/паддинги боковые), а также нет возможности фиксированно задать ширину, то ставте height:1%; Но в этом случае тоже возможен баг если у родителя высота фиксированная(тогда для ие6 надо прописать только высоту в 1% и overflow:hidden; заменить на overflow:visible; это только для ие6) Зато валидно -
если бы тянулся только по высоте то легко, а вот с шириной проблема...
-
Странно что вам непомог white-space:nowrap; попробуйте его прописать на <a>. ul a{white-space:nowrap;}
-
Забыл по поводу кода: h1 { color:#300; font-size:10pt; font-family:"Times New Roman", Times, serif; font-style:normal; font-weight:normal; padding-left:15px; background-image:url(../images/button_h1.png); background-repeat:no-repeat; } так немного лучше: h1 { color:#300; font:normal 10pt "Times New Roman", Times, serif; padding:0 0 0 15px;/*но это уже по усмотрению*/ background:url(../images/button_h1.png) no-repeat; } Если вы только порезчик(верстальщик) то используйте такую шапку: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="css/all.css"/> </head> никаких более метатегов без просьбы клиента... Потом программеры и сеошники сами поставят нужные им метатеги. Они сделают это правильно, а не бездумно "втулят" центрирование - margin:0 auto; это вам уже говорили, и я тоже скажу , повторение - мать учения Чтото в ие6 все посыпалось... и пнг почемуто неправильно отображаются (фильтров нет)
-
Используйте css-reset только если просит клиент, в противном случае ненадо этого делать!!! То что <div class="sun"/> висит на абсолюте в правом верхнем углу - хорошая задумка (верная), но реализованна не доконца верно - при малой ширине окна этот блок наезжает на ссылку "Вход" и она становится некликабельной (Для поправки списку мен: position:relative;z-index:1;) В ие6 проверьте после этого - так как одновременное применение фильтров для пнг и позишн:абсолют/релейтив могут всеравно перекрыть меню. Если так произойдет то внутрь добавте еще один блок и уже ему цепляйте бекграунд. Ну а внешнему релейтив и з-индекс. Логотип сделайте ссылкой, обязательно с текстом внутри, чтобы при отключенном css было видно что это за сайт, на ссылку внутри логотипа прописывайте стили (display:block; height:100%) и ничего более, все остальное на сам блок лого. Если так будете делать то на главной странице чтобы убрать ссылку из логотипа вам достаточно будет из HTML убрать тег <a>. Надпись "Вина краснодарского края" должна быть не просто бекграундом, а должна быть в HTML (поисковику то надо чтото искать), и не простым текстом а <h1> или <h2>(это если лого будет <h1>), и картинку с бутылками желательно имгой поставить, чтобы была возможность ее менять Левую колонку вы назвали left-nav (значит предполагается навигация), но ссылок там нет... Если блочному елементу есть стили float:left/right и margin с той стороны в какую вы его флотали, то в ие 6 он удвоится, выход - совместно с этими стилями дописывать display:inline <div class="contact"> <div class="phone"/> <p> +7 (945) 123 45 67</p> </div> зачем 2 вложенных блока? достаточно одного, делаете паддинг слева, и цепляете бекграунд Высота блоков заданна жестко - вы уверенны что там текста всегда будет немного??? Это по поводу 4х блоков справа (об их поведении лучше уточнить у заказчика) Побывав на таком сайте поисковый робот ненайдет ничего интересного...
-
Можна поподробней по этому пункту, так как у меня возникло несколько вопросов по этому поводу: Вы утверждаете что такой код несимантичен: <h1>Headline1</h1> <h2>Headline2</h2> А семантично так вот: (именно так я вас понял по фразе "семантически неверно использовать h2 без вложения в h1") <h1>Headline1</h1> <h1><h2>Headline2</h2></h1> Если да, то вы неправы, и ненадо запутывать людей, особенно новичков. P.S. представьте что будет с заголовком <h6>, если верстать по "Вашей спецификации"
-
Читал - как "в зеркало смотрел", истина... (Кстати пару месяцев проходил старкрафт, сегодня снес)
-
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <title>Layout</title> <link rel="stylesheet" type="text/css" href="css/all.css"/> </head> <body> <!-- wrapper --> <div id="wrapper"> <div class="mc-1"> <div class="mc-2"> <div class="hold-image"><img src="img/ico-heart.gif" alt="" /></div> <div class="hold-image"><img src="img/ico-heart.gif" alt="" /></div> <div class="hold-image"><img src="img/ico-heart.gif" alt="" /></div> <div class="hold-image"><img src="img/ico-heart.gif" alt="" /></div> <div class="hold-image"><img src="img/ico-heart.gif" alt="" /></div> <div class="hold-image"><img src="img/ico-heart.gif" alt="" /></div> <div class="hold-image"><img src="img/ico-heart.gif" alt="" /></div> <div class="hold-image"><img src="img/ico-heart.gif" alt="" /></div> <div class="hold-image"><img src="img/ico-heart.gif" alt="" /></div> </div> </div> </div> <!-- end wrapper --> </body> </html> body{ margin:0; } img{margin:0;border:0;display:block;}/* чтобы имга вела себя одинаково во всех браузерах, в данном примере обнуление стоит глобально, но в реальных проектах так не делайте (очень дурной тон) */ #wrapper{ overflow:hidden;/* для избежания лишнего горизонтального скролла */ position:relative;/* без этого overflow:hidden; не во всех браузерах работает (ие7) */ text-align:center;/* для фф2 */ height:1%;/* для ие6 так как без ширины либо высоты в ие6 неработает overflow:hidden;*/ margin:0 10px;/* для красоты :) */ background:#ff0;/* для красоты :) */ } .mc-1{ position:relative; float:left; left:50%; } .mc-2{ position:relative; float:left; left:-50%; } .hold-image{ display:inline-block;/* для всех браузеров кроме ие и фф2 */ display:-moz-inline-box;/* для фф2 (невалидно но зато универсально... чемнибудь приходится жертвовать) */ width:64px; overflow:hidden; } * html .hold-image{/* для ие6 */ float:left;/*ксожалению display:inline; неработает, так как имге стоит display:block; ну и естесственно небудет работать если внутри будет блочный елемент*/ } *+html .hold-image{/* для ие7 */ float:left; } Поведение в ие отличается от поведения в других браузерах, но это максимум чего я смог добится (в ие новый ряд(если он не на всю ширину) начинается с левого края, в остальных центрируется) А лучше всего margin:0 auto; и js-ом ширину просчитывать и не парить мозги
-
если действительно нужны то #icq я оставил только чтото мой пример несовсем правильно себя ведет в фф3.0 (фф3.5 нету, немогу проверить) и сафари 3, ну и хром естессно, если блоки становятся в 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Layout</title> <link rel="stylesheet" type="text/css" href="css/all.css"/> </head> <body> <!-- wrapper --> <div id="wrapper"> <div class="mc-1"> <div class="mc-2"> <div class="hold-image"><img src="img/ico-heart.gif" alt="" /></div> <div class="hold-image"><img src="img/ico-heart.gif" alt="" /></div> <div class="hold-image"><img src="img/ico-heart.gif" alt="" /></div> <div class="hold-image"><img src="img/ico-heart.gif" alt="" /></div> <div class="hold-image"><img src="img/ico-heart.gif" alt="" /></div> <div class="hold-image"><img src="img/ico-heart.gif" alt="" /></div> <div class="hold-image"><img src="img/ico-heart.gif" alt="" /></div> <div class="hold-image"><img src="img/ico-heart.gif" alt="" /></div> </div> </div> </div> <!-- end wrapper --> </body> </html> body{ margin:0; } #wrapper{ height:1%; text-align:center; overflow:hidden; position:relative; margin:0 10px; } .mc-1{ position:relative; float:left; left:50%; } .mc-2{ position:relative; float:left; left:-50%; } img{ display:block; } .hold-image{ width:64px; float:left; } если какие вопросы #icq 413-5три7-420