AndreyT
User-
Posts
36 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by AndreyT
-
HTML <div class="foto_menu"> <img src="content/img1.jpg" width="900" height="390" /> <ul> <li><a href="#" class="sel"><span>При наших ремонтах в ваших помещениях сохраняются</span>чистота и порядок</a></li> <li><a href="#">Подготовительные работы</a></li> <li><a href="#">Подготовительные работы</a></li> <li class="last"><a href="#">Подготовительные работы</a></li> </ul> </div> CSS .foto_menu { width:900px; height:390px; margin:26px auto 0 auto; position:relative; } .foto_menu ul { overflow:hidden; position:absolute; bottom:0; } .foto_menu ul li { float:left; width:223px; margin-right:3px; } .foto_menu ul li.last { width:222px; margin-right:0; } .foto_menu ul li a { background:rgba(0,0,0,.85); display:block; padding:22px 15px 22px 15px; font:14px Arial, Helvetica, sans-serif; color:#a6a6a6; text-decoration:none; } .foto_menu ul li a.sel { padding-top:13px; padding-bottom:16px; background:#3d71a1; font-size:19px; color:#FFF; } .foto_menu ul li a.sel span { font-size:14px; color:#FFF; display:block; } .foto_menu ul li a span { display:none; }
-
подскажите как выровнять элементы по вертикали вниз?
-
сколько можно взять за верстку такой страницы? интересно какая цена
-
Как сверстать ссылку чтоб внизу ее был треугольник?
-
Как сделать чтоб текст под картинками разной высоты находился на одном уровне?
-
скопировал картинку в папку с CSS файлом, заработало, но почему не хочет когда в отдельной папке, путь правильный
-
загрузил на хостинг, там картинка есть, а вот почему на локальном хосте нет
-
я уже по всякому пробовал, в интерактивном просмотре в дримвивере все норм, в браузерах, не хочет
-
нет, с адресами все в порядке
-
Почему в одном файле для тега <input type="button" /> есть фоновая картинка, в другом она не хочет показываться? CSS: input { display:block; border:none; width:24px; height:24px; cursor:pointer; margin-right:5px; background:url(../icons/Add.png) no-repeat center center; }
-
верстаю сайт, нужно сделать так пока получилось вот так как сделать чтоб отступа не было? обозначено на картинке HTML <div class="section_site"> <h3>С праздником!</h3> <a href="#">Новый год</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a><a href="#">День Благодарения</a><a href="#">Новый год</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a> </div> <div class="section_site"> <h3>Эмоции</h3> <a href="#">Новый год</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a><a href="#">День Благодарения</a><a href="#">Мировой празник</a> <a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a><a href="#">День Благодарения</a><a href="#">Мировой празник</a> <a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a><a href="#">День Благодарения</a><a href="#">Мировой празник</a> </div> <div class="section_site"> <h3>Куда</h3> <a href="#">Новый год</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a><a href="#">День Благодарения</a><a href="#">Мировой празник</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a><a href="#">День Благодарения</a><a href="#">Мировой празник</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a><a href="#">День Благодарения</a><a href="#">Мировой празник</a><a href="#">Новый год</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a><a href="#">День Благодарения</a><a href="#">Мировой празник</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a><a href="#">День Благодарения</a><a href="#">Мировой празник</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a><a href="#">День Благодарения</a><a href="#">Мировой празник</a> </div> <div class="section_site" style="clear:both"> <h3>Кому</h3> <a href="#">Новый год</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a><a href="#">День Благодарения</a><a href="#">Мировой празник</a> <a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a><a href="#">День Благодарения</a><a href="#">Мировой празник</a> <a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a><a href="#">День Благодарения</a><a href="#">Мировой празник</a><a href="#">Новый год</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a><a href="#">День Благодарения</a><a href="#">Мировой празник</a> <a href="#">8 марта</a> </div> <div class="section_site"> <h3>Куда</h3> <a href="#">Новый год</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a><a href="#">День Благодарения</a><a href="#">Мировой празник</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a><a href="#">День Благодарения</a><a href="#">Мировой празник</a> <a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a><a href="#">День Благодарения</a><a href="#">Мировой празник</a><a href="#">Новый год</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a><a href="#">День Благодарения</a><a href="#">Мировой празник</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a><a href="#">День Благодарения</a><a href="#">Мировой празник</a> </div> <div class="section_site"> <h3>Когда</h3> <a href="#">Новый год</a><a href="#">8 марта</a><a href="#">День армии</a><a href="#">День Конституции</a><a href="#">Пасха</a> </div> CSS .section_site { width:260px; float:left; margin:0 30px 25px 12px; } .section_site h3 { color:#f03c8d; margin-bottom:8px; } .section_site a { display:inline-block; margin:0 7px 8px 0; }
-
Спасибо все работает
-
http://winner07.ho.ua/menu.html
-
вот сделал двухуровневое меню HTML: <ul id="nav"> <li><a href="#">Главная</a></li> <li><a href="#">Уроки</a> <ul> <li><a href="#">HTML</a></li> <li><a href="#">CSS</a></li> <li><a href="#">javascript</a></li> <li><a href="#">MySQL</a></li> <li><a href="#">PHP</a></li> </ul> </li> <li><a href="#">Статьи</a></li> <li><a href="#">Учебники</a></li> <li><a href="#">Контакты</a></li> </ul> CSS: #nav { list-style:none; margin:20px; padding:0; background:url(back_li_green.gif) repeat-x; font:14px/40px Verdana, Arial, Helvetica, sans-serif; height:40px; width:605px; border:1px solid #000; } #nav li { float:left; position:relative; } #nav li:hover, #nav li.jshover { background-image:url(back_li_red.gif); } #nav a { display:block; color:#3A3A3A; width:120px; text-align:center; text-decoration:none; border-right:1px solid #000; } #nav a:hover { background-image:url(back_li_red.gif); color:#F5F5F5; } #nav ul { list-style:none; border:1px solid #000; border-top:0; border-bottom:0; display:none; width:120px; position:absolute; top:41px; left:0; } #nav ul a { border:0; border-bottom:1px solid #000; width:120px; background:url(back_li_green.gif) repeat-x; } #nav li:hover ul, #nav li.jshover ul { display:block; } при наведении на пункт меню первого уровня меню второго уровня показывается не так как нужно, слева пустое пространство какое свойство нужно изменить или добавить, чтоб это пространство убрать?
-
скачал шаблон чтоб сделать простенькую страничку, немного переработал но не получается прижать блок с контэнтом к верхнему краю футэра даже если контэнта мало вот ссылка http://winner07.ho.ua/
-
спасибо ты мне очень помог
-
качай
-
во всех браузерах ссылку не могу дать только чтоб вы скачали и глянули у себя
-
расстояние между строками текста у меня есть блок шириной 200 пикселей в этом блоке есть ссылки для которых в стилях прописано подчеркивание в виде нижней рамки a { color:#1F8807; text-decoration:none; border-bottom:1px dashed #1F8807; } если ссылка не длинная то подчеркивание делается нормально а если длинная то вот так можно ли сделать чтоб было так
-
нету сечас хостинга я не себе делаю меню
-
сделал многоуровневое меню на jQuery и CSS работает прекрасно во всех браузерах кроме тупого IE 6 HTML <ul id="menu"> <li><a href="#">Ветеринарная продукция</a></li> <li><a href="#">Продукция для фармацевтики и косметики</a> <ul class="two_menu"> <li><a href="#">Фармацевтические субстанции</a> <ul class="third_menu"> <li><a href="#">Под пункт 1</a></li> <li><a href="#">Под пункт 2</a></li> </ul> </li> <li><a href="#">Субстанции витаминов</a></li> <li><a href="#">Растительные масла и экстракты</a></li> </ul></li> <li><a href="#">Сырье для пищевой промышленности</a></li> <li><a href="#">Средства дезинфекции</a></li> <li><a href="#">Продукция для химии, нефтехимии, пластмасс</a></li> </ul> jQuery $(document).ready(function(){ $("#menu > li > .two_menu > li:has(ul)").children("a").css("color","#1F8807") .parent("li").css("background","url(one_line_sel.png) no-repeat 8px 15px"); $("#menu > li > a").toggle(function(){ $(this).parent().find("ul.two_menu").show("normal").parent("li").find("a").css("border-bottom","none") .parent("li:first").css("background","url(marker_on.png) no-repeat 5px 20px"); }, function(){ $(this).parent().find("ul.two_menu").hide("normal").parent("li").find("a").css("border-bottom","1px dashed #1F8807") .parent("li:first").css("background","url(marker_off.png) no-repeat 5px 20px"); }); $("#menu .two_menu > li > a").toggle(function(){ $(this).parent().find("ul.third_menu").show("normal"); $(this).css("text-decoration","none"); }, function(){ $(this).parent().find("ul.third_menu").hide("normal"); $(this).css("text-decoration","underline"); }); $("#menu ul.two_menu > li > .third_menu > li > a").hover(function(){ $(this).parent("li").css("background","url(two_line_sel.png) no-repeat 8px 15px"); }, function(){ $(this).parent("li").css("background","url(two_line.png) no-repeat 8px 15px"); }); }); CSS #menu { margin:0; padding:0; list-style-type:none; width:230px; font:12px Verdana, Geneva, sans-serif; } #menu li a { color:#1F8807; background-color:#FFF; text-decoration:none; border-bottom:1px dashed #1F8807; } #menu > li { padding:15px 10px 15px 20px; border-bottom:1px solid #EBE9EB; background:url(marker_off.png) no-repeat 5px 20px; } #menu li a:hover { border-bottom:none; } /*меню второго уровня*/ #menu ul.two_menu { list-style-type:none; margin:0; padding:0; display:none; } #menu ul.two_menu > li { padding:8px 0 8px 20px; border-bottom:none; background:url(one_line.png) no-repeat 8px 15px; } #menu ul.two_menu > li > a { color:#585858; text-decoration:underline; } #menu ul.two_menu > li > a:hover { text-decoration:none; } /*меню третьего уровня*/ #menu ul.third_menu { list-style-type:none; margin:0; padding:0; display:none; } #menu ul.third_menu > li { padding:8px 0 8px 20px; border-bottom:none; background:url(two_line.png) no-repeat 8px 15px; } #menu ul.third_menu > li > a { color:#585858; text-decoration:underline; } #menu ul.third_menu > li > a:hover { color:#1F8807; text-decoration:none; } помогите пожалуста чтоб IE 6 показывал нормально
-
Спасибо всем за помощь