red4pony
-
Posts
260 -
Joined
-
Last visited
-
Days Won
3
Content Type
Profiles
Forums
Calendar
Store
Everything posted by red4pony
-
горизонтальное меню:hover с фоном не закрывает слева разделитель
red4pony replied to Nailya's question in HTML Coding
Пишу только глупости. Не слушайте меня -
Как убрать полосу прокрутки в данном случае? (сайт прилагается)
red4pony replied to nikki4's question in HTML Coding
Daiver, спасибо. Я просто привык к словам фиксированная и резиновая. А статичная для меня - это страница без какого-либо визуального изменения в течении времени не зависимо от размера окна. -
горизонтальное меню:hover с фоном не закрывает слева разделитель
red4pony replied to Nailya's question in HTML Coding
background: url(/template/menu/menu_1/img/menu_razdelitel.png) no-repeat left; -
Как убрать полосу прокрутки в данном случае? (сайт прилагается)
red4pony replied to nikki4's question in HTML Coding
Объясните пожалуйста почему Вы отметили именно при статичной верстке должно соблюдаться это условие и что Вы имели ввиду под этим словом (не гибкая)? -
Ищите в сети устаревшие маленькие сайты, пишите администрации, что можете сделать для них сайт за бесплатно. Я думаю 1 из 10 должен согласится. Такой подход не серьёзен.
-
Вы осветите чем конкретнее (какими проектами) хотите заниматься, покажите свои труды, как будет происходить весь процесс разработки, связь, опишите свою идеологию при подходе к верстке, может и найдете кого-нибудь
-
Я почти (месяц до диплома остался) дипломированный инженер-механик (в сельском хозяйстве и эксплуатация с.х. техники это мой профиль) и я знаете, понимаю и спорить не буду что %20как%20можно%20трактористу%20объяснить%20что%20хаммер%20лучше%20уазика?%20хотя%20подспудно%20он%20понимает%20что%20это%20так...%20%20%20Я%20почти%20(месяц%20до%20диплома%20остался)%20дипломированный%20инженер-механик%20(в%20сельском%20хозяйстве%20и%20эксплуатация%20с.х.%20техники%20это%20мой%20профиль)%20и%20я%20знаете,%20понимаю%20и%20спорить%20не%20буду%20что%20Хаммер%20лучше.'>Хаммер лучше.
-
-
Его я не знаю.Не читал. Но я уверен что подход вида div.class - хуже такоей записи .class Этого достаточно
-
li{ padding-left: 15px; /*—отодвинет надпись от края и Ваша иконка не будет наезжать, значение подберите сами—*/ } li.img{ list-style:none; font-size:25px; /*list-style-image:url("arrow_right.png");————удалить————*/ background-image: url("arrow_right.png"); /*—————добавить——*/ background-repeat:no-repeat; background-position: left 10px; } li.img2{ list-style:none; font-size:25px; /*list-style-image:url("user.png");————удалить————*/ background-image: url("user.png"); /*—————добавить——*/ background-repeat:no-repeat; background-position: left 10px; } li.img3{ list-style:none; font-size:25px; /*list-style-image:url("music.png");————удалить————*/ background-image: url("music.png"); /*—————добавить——*/ background-repeat:no-repeat; background-position: left 10px; } <ul> <li class="img"><a href="#">Главная</a></li> <li class="img2"><a href="#">Программы</a></li> <li class="img3">Музыка</li> </ul> li.img - писать не нужно, достаточно .img P.S. Почитайте это P.S.S. Сразу не обратил внимание. Сделайте ссылки блочными и к ним добавляйте Ваши иконки и отступы. Т.е. <li><a href="#" class="img">Главная</a></li> /*—- ну и в CSS соответственно подправьте—*/
-
Рассуждаем логически. Вы вставили в свойство list-style-image изображение(которое позиционируется автомачически), а спозиционировать хотите другой объект - фон. Так не получится. 1) Вы либо изображение подгоняете(в графическом редакторе) для list-style-image и вставляете. 2) Либо вставляет изображение через background-image и позиционирует его (background-position). Второй способ предпочтительнее.
-
Посмотрите внимательнее. Ну или код выложите.
-
background-position: left 10px; /*второе значение показывает на сколько изображение будет отодвигаться от верха*/
-
Вот тут посмотрите Ну и тут конечно
-
Для каждого пункта меню задавать уникальный класс/идентификатор и в CSS прописывать для каждого своё изображение. Ну и если хотите оставить чистым HTML код, то в CSS можно задавать правила через :nth-child()
-
Ссылка
-
Потому-что Вы его сдвинули посредством background-position, удобнее было бы background-position: left 0; А ещё посмотрите тут - но тут проблема спозиционировать изображение маркера. Потребуется его корректировать в графическом редакторе.
-
Если я правильно понял alexriz'а то: http://jsfiddle.net/...mbedded/result/ Сам код: http://jsfiddle.net/n8jWW/
-
Эти и другие плюшки познаются эмпирическим путём или есть где-то кладезь со всеми этими хитростями?
-
как сделать резиновый двухколоночный макет с двумя разъезжающимся картинками по бокам
red4pony replied to daggi's question in HTML Coding
Ну если к <body> Вы прикрепили 2 картинки, значит использовали множественный фон. Если выглядеть должно так: То код следующий HTML <body> <div class="wrap"> <div class="content"> <p>представляет собой размноженную чистую культуру полезнпредставляет собой размноженную чистую культуру полезнпредставляет собой размноженную чистую культуру полезнпредставляет собой размноженную чистую культуру полезнпредставляет собой размноженную чистую культуру полезнпредставляет собой размноженную</p> </div> </div> </body> CSS body{ background: url(left.jpg) left top no-repeat, url(right.jpg) right top no-repeat; } .wrap{ background-color: rgba(155,155,155, .7); margin: 0 auto; width:70%; } .content{ background-color: #fff; margin: 0 auto; padding: 20px; width: 90%; } Для вытягивания во всю высоту либо контента больше, либо повторяющуюся картинку вставьте. Множественный фон поддерживают не все браузеры. Так что "правильнее" будет для каждого изображения создавать контейнер и позиционировать фон сбоку. На сайте (ссылку на который Вы дали), мой глаз не обнаружил ни резиновости, ни двух изображений у <body>. Или Вы говорили за серые повторяющиеся полоски? P.S. Будьте внимательнее с боковыми изображениями, а именно с их шириной, чтобы не получилось что голое тело выглядывает на широких экранах. -
Обращайтесь
-
В нижнем правом углу должны быть две кнопки "плюс" и "минус". Вероятно Ваш рейтинг не позволяет их Вам видеть. Тем более Вы сами нашли решение.
-
Добавьте width к Вашему черному блоку. Ширина .banner + ширина . callout + все margin вся эта сумма не должна превышать ширины контейнера в котором они находятся. У Вас это header.
-
.banner { float: left; } .grid_6{ float: left; } Код стоит выкладывать либо через соответствующий тег (кнопочка "<>" в панели поля для коментария), либо на источнике таком как этот или давать ссылку на сайт. P.S. Windows 7 Black Edition SPA?
