Cabalist
-
Posts
44 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Cabalist
-
ссыль - http://testserver.ho.ua/izoprint/ Хотелось бы услышать ваши замечания и рекомендации для улучшения вёрстки.
-
psywalker,у тебя наверное эмулятор какой нибудь ИЕ6?Потому что у меня настоящий и в нём всё нормально) А не поделишься опытом как это сделать?)) Ну уж не очень)просто пришлось пережать что бы вместо 500кб которые в фотошопе получаются,300 выжать,ну тут вопрос больше к дизайнеру наверное. Почему мусор,что в нём плохого то? ок,это я учту)Спасибо за ответ.
-
Действительно проблема решилась пересохранением в блокноте как говорил rus,за что ему огромное спасибо! Теперь можно смотреть вёрстку.
-
Нет не нахожу,ведь даже на этом форуме так написанно.
-
Да что вы говорите,а почему же тогда документ валидацию проходит? Кто вам сказал что они пустые?Посмотрите внимательнее,это блоки для линий,что бы линии в левом и правом блоке ровно располагались. Знаете как по другому сделать,так приведите пример,буду очень благодарен. Приведите пример. А что в нём такого плохого то? P.S. На счёт кодировки вообще не понимаю,вроде стоит utf-8,но браузер всё равно крякозябры отображает,пробовал и charset=windows-1251,та же история,уже на хостинг грешить начал. P.S.S. Лого теперь вроде нормально пережал.
-
Решил вот сверстать макет FirstOrange,мне он показался довольно интересным для вёрстки,особенно навигация которую я сделал через список. Хотелось бы услышать ваши комментарии по вёрстке. Ссылка - http://testserver.ho.ua/bank/ P.S. Не забудте переключить кодировку на utf-8 если появятся крякозябры
-
Zippovich,пробовал,не решает к сожалению.
-
с height: 150px; не получается 100% можете сами проверить)по крайней мере в моём примере.И раз уж реч зашла об экспрешенах,не подскажите ли хороший экспрешн на минимальную ширину?А то у меня "осёл" иногда вешается когда я размеры экрана уменьшаю))
-
Searcher,спасибо огромное ваш экспрешн помог)А вот если задать высоту родительскому блоку например height: 150px; а блоку с градиентом 100% то всё равно ничего не выходит,так что я думаю экспрешн тут единственный выход
-
Пробовал,не выходит,может экспрешн не так пишу
-
Всем привет!Столкнулся я с очередной проблемой в ИЕ 6. вот код: <!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>Документ без названия</title> <style type="text/css"> * { margin: 0px; padding: 0px; border: 0px; } html, body { height: 100%; background: #fff; } .korzina { width: 228px; min-height: 130px; margin-top: 36px; position: relative; z-index: 1; border: solid 1px #900; padding: 5px; } .blok_s_gradientom { height: 100%; width: 62px; position: absolute; right: 5px; top: 5px; background: #06C; opacity: 0.5; filter: alpha(opacity=50); border: solid 1px #000; } .your_basket { padding-top: 11px; padding-left: 13px; padding-bottom: 45px; } .your_basket h1 { font-size: 19px; margin-bottom: 8px; } .your_basket p { padding-left: 21px; font-size: 13px; } .cena { position: absolute; bottom: 0; width: 228px; margin-bottom: 9px; } .cena b { display: block; width: 80px; float: left; margin-left: 15px; display: inline; } .buy { float: right; width: 62px; height: 21px; display: block; border: solid 1px #000; margin-top: 10px; margin-right: 13px; display: inline; } </style> </head> <body> <div class="main"> <div class="korzina"> <div class="blok_s_gradientom"></div> <div class="your_basket"> <h1>Текст:</h1> <p>««Lorem ipsum dolor sit amet»»</p> <p>««Lorem ipsum dolor sit amet»»</p> <p>««Lorem ipsum dolor sit amet»»</p> <p>««Lorem ipsum dolor sit amet»»</p> <p>««Lorem ipsum dolor sit amet»»</p> <p>««Lorem ipsum dolor sit amet»»</p> </div> <div class="cena"> <b>Текст</b> <input type="button" class="buy" value="кнопка" /> </div> </div> </div> </body> </html> Проблема заключается в следующем: <div class="blok_s_gradientom"></div> не растягивается на всю высоту блока "korzina".Собсетвенно проблема наблюдается только в ИЕ6,как это дело можно исправить?Подскажите плиз
-
Ну тогда это лучший форум из тех что я видел Огромное всем спасибо за решённую проблему!
-
А как же Я если чесно не ожидал что мне так развёрнуто ответят на мой вопрос
-
Ваша ошибка в том,что вы используете джипег вместо пнг
-
Great Rash,класс!Если не использовать фонового изображения,то самое оно!А вот если с фоновым то бордер перекрывает его
-
Вариант действительно интересный,жаль только ещё и в ИЕ 7 косячит(помимо 6го),вобщем придётся походу "обманывать" заказчика,а я не люблю обманывать людей
-
Great Rash,зря в ИЕ 6 не проверили у меня вот что там выходит Поэтому придётся внести некоторые изменения для ишака. Вот так вот и ослик шестой поймёт: <!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>Документ без названия</title> <style type="text/css"> * { margin: 0; padding: 0; } html, body { height: 100%; background: red; } .d1 { height: 100%; margin: -10px 10px; background: #fff; } .d1 p { padding-top: 20px; } .d2 { position: absolute; top: 0px; _top: auto; left: -10px; _left: auto; width: 100%; height: 10px; background: red; } </style> </head> <body> <div class="d1"> <div class="d2"></div> <p> 111 </p> </div> </body> </html> Но тут блок d2 используется как бы для обмана,в таком случае я могу предложить такой код: <!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>Документ без названия</title> <style type="text/css"> * { margin: 0px; padding: 0px; border: 0px; } html, body { height: 100%; background: #fff; } .main { height: 100%; margin: 0px 10px; background: #a4987e; position: relative; overflow: hidden; } .top { _margin-top: -10px; height: 10px; background: #fff; } .bottom { position: absolute; bottom: 0px; height: 10px; _margin-bottom: -10px; width: 100%; background: #fff; } </style> </head> <body> <div class="main"> <div class="top"></div> <div class="bottom"></div> </div> </body> </html> Но мне всё таки хочется без обмана Можно ли так сделать? psywalker,сорри пропустил твой пост,слишком долго свой строчил))Но опять же обманки))а без них нельзя?
-
klierik,то что скролл из-за эти 10 пикселей появляется это я уже понял,и если я их уберу,его конечно же не будет,но это не выход...мне нужно сделать как на картинке,с отступами но без скрола,такое вообще возможно?
-
Всем здрасте! Вобщем возникла такая вот проблемка - надо сделать отступы например в 10px у главного блока,но когда я назначаему ему эти отступы например: <div style="width:100%;height:100%;margin: 10px;"></div> ,то появляется вертикальная полоса прокрутки. В чём проблема?И как сделать так что бы это полосы не было? Для наглядности выкладываю скрин того что должно получиться