AndreyT
User-
Posts
36 -
Joined
-
Last visited
AndreyT's Achievements
Explorer (1/14)
0
Reputation
-
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