Jump to content

AndreyT

User
  • Posts

    36
  • Joined

  • Last visited

Everything posted by AndreyT

  1. 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; }
  2. подскажите как выровнять элементы по вертикали вниз?
  3. сколько можно взять за верстку такой страницы? интересно какая цена
  4. Как сверстать ссылку чтоб внизу ее был треугольник?
  5. Как сделать чтоб текст под картинками разной высоты находился на одном уровне?
  6. скопировал картинку в папку с CSS файлом, заработало, но почему не хочет когда в отдельной папке, путь правильный
  7. загрузил на хостинг, там картинка есть, а вот почему на локальном хосте нет
  8. я уже по всякому пробовал, в интерактивном просмотре в дримвивере все норм, в браузерах, не хочет
  9. нет, с адресами все в порядке
  10. Почему в одном файле для тега <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; }
  11. спасибо, исправил
  12. верстаю сайт, нужно сделать так пока получилось вот так как сделать чтоб отступа не было? обозначено на картинке 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; }
  13. вот сделал двухуровневое меню 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; } при наведении на пункт меню первого уровня меню второго уровня показывается не так как нужно, слева пустое пространство какое свойство нужно изменить или добавить, чтоб это пространство убрать?
  14. скачал шаблон чтоб сделать простенькую страничку, немного переработал но не получается прижать блок с контэнтом к верхнему краю футэра даже если контэнта мало вот ссылка http://winner07.ho.ua/
  15. спасибо ты мне очень помог
  16. во всех браузерах ссылку не могу дать только чтоб вы скачали и глянули у себя
  17. расстояние между строками текста у меня есть блок шириной 200 пикселей в этом блоке есть ссылки для которых в стилях прописано подчеркивание в виде нижней рамки a { color:#1F8807; text-decoration:none; border-bottom:1px dashed #1F8807; } если ссылка не длинная то подчеркивание делается нормально а если длинная то вот так можно ли сделать чтоб было так
  18. нету сечас хостинга я не себе делаю меню
  19. сделал многоуровневое меню на 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 показывал нормально
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy