amelice
-
Posts
583 -
Joined
-
Last visited
-
Days Won
13
Content Type
Profiles
Forums
Calendar
Store
Everything posted by amelice
-
Как вариант можно применить абсолютное позиционирование для левого блока. К примеру http://jsfiddle.net/2jnzb/8/.
-
Так я уже пробовал... Если задать span'у это значение получится, что картинки уйдут далеко вправо на всю ширину <div class="menu">. Может нужно как-то поменять теги? Но как я не менял никак не выходит... В лисе все нормально смотрится, в остальных корявенько. Да, где длинные слова. А где короткие, то где слово заканчивается. К сожалению, я не встречала. Может если только ЖС-ом, если считать количество символов в первой строке..
-
Особенно второй абзац понравился. Спасибо большое за подробный ответ.
-
В вашем случае картинка по расположению зависит от длины слов в span.(Край абсолютно позиционированного элемента выравниваются по тому месту, где бы находился край, если бы элемент не был позиционирован.) Но по вертикали вы четко зафиксировали задав 5px. А по горизонтали так же позиционируется от конца последнего слова. Поэтому у вас получился эффект "заезда на верхнее слово". Я думаю, что если вы зададите span'у свойство display:inline-block; то должно помочь.
-
SelenIT, спасибо за содержательный ответ. Мне тоже интересна эта тема. А все-таки в каких задачах требуется знания XHTML? Если в HTML5 синтаксис уходит на второй план, то применения XHTML со строгим его синтаксисом имеет ли место в будущем?
-
Попробуйте вывести блок: .cloud2 { background: url("img/cloud_2.png") no-repeat scroll 0 0 transparent; height: 157px; left: 1000px; position: absolute; top: 380px; width: 257px; } в body. и поменять left: 1000px; на right:7%; в таком случае родитеслький блок блока .cloud2 будет html (т.е. окно просмотра, в вашем случае) а не .content. Задав значения процентами, уберете прокрутку.
-
uExpo, как пример. http://jsfiddle.net/ULnuV/11/ http://htmlbook.ru/samlayout/tipovye-makety
-
а где у вас слой футер? в вашем коде нету такого слоя. <p style="padding-bottom: 1200px"> </p> проверьте правильность этой строчки? после такого паддинга нижележащий слой точно далеко уйдет.
-
По моему дизайн очень подходит для сайта визитки. На Главной странице все на своих местах: 1. Главную часть экрана занимает работы дизайнера. 2. Телефон, кому обращаться четко указаны. 3. О чем сайт тоже ясно написано. 4. Сразу в курс дела. Никакой лишней болтологии, ярких цветов, приветствии и все прочее. Недостаток: 1. Как Влад заметил в разделе Портфолио. Лучше видеть все работы в маленьком виде(с возможностью увеличить) перед глазами с кратким описанием - для чего данная иллюстрация нарисована(мне как клиенту интересно узнать), а не прокручивать. 2. В разделах Карта сайта и Ресуры, Обращение - "Хотите пообщаться, звоните" на фоне грозной акулы, не очень благоприятно действует. По поводу навигации тоже соглашусь с Владом, не понятно как вернутся на Главную страницу?
-
Все верно.
-
понятно, спасибо.
-
Пожалуйста, только не совсем понятно при чем тут разрешение? Расскажите подробно. Очень интересно.
-
А для абзаца какие стили у вас? Покажите что у вас получается? Разницы не вижу, но, я убрала стили для абзаца.(фф,снизу ИЕ6) <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>paddingIE</title> <style rel="stylesheet" type="text/css"> div{ border:1px solid red; background: url(index_files/bg.png) repeat-x; width: 100%; height: 30px; padding: 20px 0 0; } body,p{ margin:0; } </style> </head> <body> <div> <p>text</p> </div> </body> </html>
-
Возможно ширина картинки больше чем 800px. Проверьте, совпадает ли ширина картинки заданными вами 800px для #header?
-
Вот и я о том же
-
Да я на конкурсе не ради призов участвовал... Мне не жалко подарить книгу кому-то. Я тоже не ради приза. Но книгу бы никому не отдала.
-
а код html, стили можете показать?
-
#user- это блок с инпутом?
-
А можно я выберу книгу, а ее в качестве приза на следующем конкурсе сделать? Зачем отдавать, будет хорошая память от конкурса. Я думаю будут призы для следующего конкурса. Но ведь это не главное, главное опыт.
-
Поздравляю победителей!
-
Попробуйте так: HTML: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>problem_rezina1</title> <link href="problem_rezina_1.css" rel="stylesheet" type="text/css"> </head> <body> <div id="wrap"> <div class="top"> <div id="palm"></div> </div> <div class="content"> <div class="page"> <div class="text"> Техт </div> <div class="page_bg"></div> </div> <img id="fon" alt="" src="index_files/middle.png"> </div> <div class="bottom"> <img id="fon" alt="" src="index_files/bottom-min.jpg"> </div> </div> </body> </html> CSS: html,body,div,p{ margin:0; padding:0; } html,body,#wrap{ width:100%; height:100%; } body { background:#000c56; } .top,.content,.bottom{ position:relative; width:100%; } .top{ background:url(index_files/bg-top.jpg) no-repeat center bottom #21cff2; height: 374px; } #palm{ position:absolute; background:url(index_files/palm.png); height:145px; width:222px; top:0px; right:0px } .content{ border-top:1px solid #21cff2; min-height:70%; } #fon{ position:absolute; height:100%; width:100%; top:0; left:0; z-index:1; } .page{ border:1px solid #ddd; margin:20px auto 0; min-height:500px; height:auto !important; width:960px; position:relative; z-index:100; } .page_bg{ position:absolute; height:100%; width:100%; background:#fff; opacity:0.4; top:0; left:0; } .text{ color:black; padding:20px; } .bottom { height:328px; } Высоту тут сами отредактируйте. .content{ border-top:1px solid #21cff2; min-height:70%; } .page{ border:1px solid #ddd; margin:20px auto 0; min-height:500px; height:auto !important; width:960px; position:relative; z-index:100; }
-
Если кому интересно, вот тут прочитала на русском, то что посоветовала sigma77. _http://www.spravkaweb.ru/css/reference/mozilla_extensions/properties/moz-padding-end/ _http://www.spravkaweb.ru/css/reference/mozilla_extensions/properties/moz-padding-start/
-
Я знаю что префикс -moz понимает только Мозила. Имела в виду то, что написано за этим префиксом - document url-prefix()- на том сайте написано: За ссылочки спасибо, щас попробую понять. С переводчиком повоюю
-
Судя по тому что написано на этом сайте, @-moz-document url-prefix() не лечит никаких багов, а просто фильтрует на каких страницах или сайтах применить те или иные стили.
-
На указанном сайте не использовался такой атрибут. На старых ИЕ тоже работает, значит, скриптом сделано?