Jump to content

AndreyT

User
  • Posts

    36
  • Joined

  • Last visited

AndreyT's Achievements

Explorer

Explorer (1/14)

0

Reputation

  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; }
×
×
  • 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