amelice
User-
Posts
583 -
Joined
-
Last visited
-
Days Won
13
Content Type
Profiles
Forums
Calendar
Store
Everything posted by amelice
-
я за второй вариант, может рамка лишняя, но подпись - активная реклама, дает четко знать о чем сайт. Цвета очень понравились.
-
placeholder используется для другой цели: В стилях ничего особенного не нашла, а то что нашла к фокусу не относится, может быть скриптами делается?
-
С графикой все ок. А вот с флэшом проблема. При обновлении страницы выходит такая картина http://cheburek.nightmail.ru/notmy/14.09.11/oblako2.png Через некоторое время она становится такой. http://cheburek.nightmail.ru/notmy/14.09.11/oblako.png И пока не обновишь.
-
Проверила в ФФ6 и ИЕ8. Все как должно быть, прокручивается и не прыгает где галерея.
-
а я и не знаю - просто вчера перевёрстывал чужой шаблон, и там в стилях у инпута были паддинги с процентами и вот такая конструкция для Мозиллы - вот и я показал, как некто решал данную проблему. P.S. Сам я обошёлся без костылей и сделал всё проще - там процентные паддинги нафиг не были нужны! Понятно.
-
1. Проблема в том что вы используете этот стиль для среднего и нижнего областей. #fon img{ height:100%; width:100%; position:absolute; } в обоих случаях не подходит: 1. для средней области как высоту родителя вы берете высоту html (позиционирована относительно html), то есть растягиваете блок, у вас появляются прокрутки. 2. для нижней области задана высота родителя(height: 328px), но родитель сам является абсолютом и позиционирован(bottom: 0) также относительно html. Теперь интересное в этом: Вы растянули средний блок. Он сам по себе (абсолют) ни от кого не зависит. А нижний блок болтается не на конце страницы где вы хотели видеть, а где окно просмотра заканчивается(так как был позиционирован относительно html). <body bgcolor="#000c56"> <div class="top" style="width: 100%; position: absolute; top: 0; background:url(index_files/bg-top.jpg); background-repeat: no-repeat; background-position: center bottom; background-color:#21cff2; height: 374px;"> </div> <div id="page2" style=" z-index:100; margin-top:374px; margin-bottom:328px; height:auto"> <div id="page" > <div class="note"> <div class="trans"></div> <div class="text"> Страница (page) <p><br /></p> <div style="height:1000px">asd</div> </div> </div> </div> [b]<div id="fon"> <img src="index_files/middle.png" alt="" /> </div>[/b] </div> <div class="bottom-bg" style="width: 100%; position: absolute; bottom: 0; height: 328px;"> [b]<div id="fon"> <img src="index_files/bottom-min.jpg" alt="" /> </div>[/b] </div> Чтобы футер был прижат к низу есть другие методы, поищите тут на форуме, ни раз обсуждалось.
-
В Гугле забанили? Это хак для Мозиллы не забанили. Хотелось послушать того, кто знает.
-
А какой следующий конкурс? Сделать форму победителя?
-
Это лишнее. position: absolute сам по себе делает элемент блочным. а я пропустила вот этот кусок. #fon img{ height:100%; width:100%; position:absolute; } тогда, да, это лишнее. Ссылка на изображение (как должно быть) и тестовую страницу (как сейчас есть) хттп://narod.ru/disk/25090986001/test.rar.html Заводите бесплатный хостинг, заливайте туда файлы тестовые с изображениями. А нам сюда ссылку.
-
У него заданы координаты во внутренних ситлях для родителей. <div class="bottom-bg" style="width: 100%; position: absolute; bottom: 0; height: 328px;"> <div id="fon"> <img src="index_files/bottom-min.jpg" alt="" /> </div> </div> Может ему нужно img сделать блочным?
-
Отступы в списках у ie отличается от других браузеров
amelice replied to viv's question in HTML Coding
Не должен возникать конфликт. Конфликт возникает при вертикальном маргине - маргин дочки передается родителю. А вы покажите скриншот как у вас получается? -
Nanto, а вы не могли бы пояснить свой код? а именно вот эту надпись? @-moz-document url-prefix()
-
Отступы в списках у ie отличается от других браузеров
amelice replied to viv's question in HTML Coding
Ну мало ли? С вашими стилями разницу не вижу. Сверху ИЕ7, снизу ФФ6. -
Отступы в списках у ie отличается от других браузеров
amelice replied to viv's question in HTML Coding
Приведите css код. -
Спасибо за замечания. С типографикой буду работать.
-
Почему не правильно, самое верное решение. Пошла за себя голосовать.
-
Спасибо, рад что понравилось (это моя первая работа в фотошопе - то есть диз ) ничего себе первая работа!? Суперски получилось!
-
http://cheburek.nightmail.ru/notmy/zadanie.png
-
1. Первый вопрос: что это - сайт или приложение? (автор написал что имитация приложения, но пользователю нужно об этом задумываться?) 2. Дизайн больше отвлекает, чем привлекает внимание пользователя.(возникает куча вопросов по функциональности сайта по внешнему виду) 3. Слова Protan и Pro-план конкурируют за название сайта. Имеют одинаковую важность. 4. Пиктограмма звезды ничем не ассоциируется на этом сайте. 5. Кнопки Вперед и Назад путают, при виде их, я подумала, что есть кнопки которые не поместились на экране, и что это просто прокрутка.
-
Просто не нужно делать выводы - Не корректный или Корректный, а нужно исходить от задачи. Все методы хороши если применить к месту. А с этим согласна, чем больше знаешь решений тем лучше.
-
PanSoul, я могу вам с точностью до наоборот заявить, что ваш пример НЕ корректный, если исходить от данной задачи. Все зависит от постановки задачи, зачем усложнять то, что можно решить одной строчкой?
-
veromi как мне кажется 1. у вас очень много лишнего кода. 2. В вашем случае ссылки при обычном состоянии, при наведении, при нажатии на них - имеют одинаковые свойства. В таком случае напишите стили для одного варианта. 3. vertical-align тут не поможет, надо применить line-height, если нужно отцентрировать внутри блока. vertical-align как то хитро работает от базовой линии идет отсчет, но центр блока не считается базовой линией текстового блока. А по поводу vertical-align хотелось бы услышать мнения других. Как форматируется текст, когда задано vertical-align:middle; Вот вам пример http://jsfiddle.net/5F7ke/9/. (красный бордер я добавила, чтоб было понятно)
-
При том, что у вас с ними были проблемы, как вы написали выше: Не код, а можете ссылку дать на сайт?
-
Такой же ресурс со множеством шрифтов. http://www.typetester.org/