MichaelD
User-
Posts
57 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by MichaelD
-
http://jsfiddle.net/JPu4m/ самое простенькое выпадающие меню с использованием JQ. На чистом css надо просто удалить скрипт и написать: #nav li:hover ul{ display: block;}
-
треугольник сверстать не проблема, проблемав том, что-бы он был прозрачный.
-
В общем имеется такой активный элемент навигации: http://i6.pixs.ru/storage/1/5/3/SnimokPNG_6031795_12562153.png Как можно сделать такой прозрачный вырез? Уже кучу всего перепробовал, так и не получилось...
-
Можешь пойти в контору. Там и опыта больше получишь и посмотришь, как работают другие) Думаю на небольшой оклад возьмут.
-
В данном случае можно обойтись и без абсолютного позиционирования) логотипу float:left, а контейнеру иконок float:right. Ну и соответствующие отступы. А если иконок будет не 4, а 6?
-
При добавлении контента в подписи к картинкам(хотя-бы 2 строчки) Featured Work вся верстка просто улетает. Так как высота для блока featured-works-elements задана фиксировано. Так-же происходит и в других блоках. Фиксированная высота динамических блоков это очень плохо. Про абсолютное позиционирование в шапке сказали, а вот в навигации не сказали. Там вообще что-то намудрено.
-
Задать стиль для блока left - word-break: break-all;
-
1. Что за "karkas". Лучше уже wrap, wrapper или container. 2. Я так думаю, что логотип - это картинка вместе с текстом, целесообразно это все засунуть в ссылку. Или сделать логотип полностью картинкой. 3. Чем ссылка в menu с классом active отличается от обычной ссылки? 4. border-top-left-radius:10px; border-bottom-left-radius:10px; -> border-radius:10px 0 0 10px; Такое-же замечание и к остальным свойствам. 5. Градиент картинкой - это нормально, но достаточно 1px вместо 11px; 6. *{margin:0; padding:0} в принципе - это нормально для тестирования, но не для готовой верстки, надо конкретно указывать чему вы хотите сбросить отступы. Селектор "*" нагружает страницу. Тут уже было куча тем по этому поводу 7.<div class="border"><div class="border"> ... </div></div> Зачем? Конечно возможно просто невнимательность. Названия классов вообще не логичны. Как я догадаюсь, что в блоке с классом "border" у меня находится основной контент. И еще всего всего много
-
http://coolcarousels.frebsite.nl/c/61/
-
банально установи для .regform a:hover { background: "и тут вписываешь изначальный цвет без подсветки" }
-
Есть 2 основных метода размещения базовых элементов на странице при блочной верстке : inline-block и float. Что вам понравится - это уже ваше дело,по этому поводу написано тысячи книг и постов. http://habrahabr.ru/post/117109/ - inline-block http://habrahabr.ru/post/142486/ - float Читайте, пробуйте, выбирайте то, что вам понравится.
-
Мне не очень нравится такая многоуровневая вложенность элементов, но с точки зрения семантики, все верно) Вы располагаете элементы в places_results с помощью inline-block, если располагать с помощью float ничего не съезжает. Не использовал inline-block'и так что в чем ошибка могу только догадываться).
-
Не знаю как у вас, а у меня на большом мониторе выглядит все так. http://radikal.ru/fp/95e9b0da545448fa847deba23beacc72 если еще и уменьшить масштаб, то и right_sidebar ломается.
-
Вот решение: http://jsfiddle.net/Ag5Bh/ По-другому не придумал. И 1 косяк, стили прописаны не к самому тегу ссылки <a>, а к тегу <li> и из-за этого что-бы перейти по ссылке надо ткнуть именно в текст, а не во всю область списка.
-
Влетело из головы(, подвал наезжает на контент
MichaelD replied to cmndr_alexgreen's question in HTML Coding
Абсолютное позиционирование выводит элемент из обычного потока элементов и он уже располагается относительно окна браузера. То, что вы хотите возможно сделать либо задав высоту, либо какими-то костылями, которых я не знаю) Можно с помощью флоатов расположить так элементы (ну если уж сильно хочется), соорудить что-то вроде сетки. -
Влетело из головы(, подвал наезжает на контент
MichaelD replied to cmndr_alexgreen's question in HTML Coding
Позиционировать абсолютно нужно относительно родительского элемента, а раз он у тебя 0px по высоте, вот и наезжает футер. section {float: left;} - если у тебя одна секция, зачем вообще прописывать float? Вот в общем что-то похожее - http://jsfiddle.net/pjdLy/ -
Что-то типо того. http://jsfiddle.net/gmP6r/ Не заметил сразу, что он нужен еще и выпадающиий, с таким надо заморочиться...
-
Долго разбираться в твоей верстке, много чего намудрено, но вот примерный вид твоей основы, а дальше добавляй стили к интересующим тебя объектам. http://cssdesk.com/RAtsY
-
буду занудой, достаточно margin: auto; А еще табличная верстка уже не актуальна, таблицы надо использовать по назначению.
-
В принципе оценивать нечего. -элементу id="left" ты прописал "float : left" но что тебе помешало прописать то-же самое и элементу id="right". -почитай, что такое сброс потока плавающих элементов (clearfix). -прочитай, что такое сами эти плавающие элементы) -id все-таки стоит применять только для скриптов. Мнения расходятся но так уж сложилось. -позиционирование применяется там, где оно не нужно(это я про header с абсолютным позиционированием) Все очень плохо.
-
При уменьшении масштаба навигация слетает в 2 ряда. Заголовок должен быть один, и явно не обвернут в <span>. Немного печалит отсутствие хоть какой-то динамики сайта, например якорь, который есть, но не функционирует. Много еще чего мелкого.
-
Если уж вёрстка адаптивная, то можно было бы и меню сделать вертикальным, при ширине меньше 600px оно вылазит за пределы видимости, контейнер с "about the blog" тоже странно ужат, хотя места предостаточно(при малом разрешении), search переодически ломается, и кнопку GO можно было и сверстать) Для иконок лучше использовать спрайты, даже если иконки 2. .head > div, думаю лучше либо придумывать классы либо не использовать такие селекторы.
- 28 replies
-
- iamchelovek
- html
-
(and 1 more)
Tagged with:
-
Прошу оценить вёрстку! Вот страничка (ссылка не актуальна) (пытался сверстать всё, что верстается, хотя текстуры получились не очень) При вёрстке возникли некоторые вопросы, а именно, возможно ли воспроизвести с помощью css таких текстур, как в шаблоне. Например в навигации, видно, что нет ни градиентов ни тени, а текстура, как-бы рыхлая. Проверял во всех нормальных браузерах и ие9++ Жду уместную критику!
-
Тут практически всегда отвечают на конкретные вопросы, и прокоментируют выполенную работу, и в ошибки ткнут, и помогут разобраться. Но про наставников - это больная тема, очен больная... P.S. "Кто хочет тот добьется, кто ищет тот всегда найдет."
-
Активный пункт меню при наведении курсора на выпадающую часть ?
MichaelD replied to ilyas's question in HTML Coding
в общем вот: http://jsfiddle.net/shVqQ/ (лень было заного писать, взял что есть) картинка не вариант)