Jump to content

money121

Newbie
  • Posts

    11
  • Joined

  • Last visited

money121's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Ок Спасибо получилось
  2. Огромное Спасибо! Все оказывается так просто), а я два дня мучаюсь. Странно только кодировка у меня в index.html стоит и так utf8
  3. Вот ссылка: http://money121.jino.ru/ Полный код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> <!--[if lte IE 6]><link rel="stylesheet" href="style_ie.css" type="text/css" media="screen, projection" /><![endif]--> </head> <body> <div id="wrapper"> <div id="header"> <a href="#"><img class="logo-padding" src="img/logo.png" /></a> <form action="" method="post"> <input type="text" class="poisk"> <input type="submit" value="" class="poisk-rnopka"> </form> </div><!-- #header--> <div id="menu"> <a href="#"><img src="img/menu-home.png" /></a> <a href="#"><img src="img/menu-katalog.png" /></a> <a href="#"><img src="img/menu-sotrudnicestvo.png" /></a> <a href="#"><img src="img/menu-dostavka.png" /></a> <a href="#"><img src="img/menu-articles.png" /></a> <a href="#"><img src="img/menu-news.png" /></a> <a href="#"><img src="img/menu-kontakt.png" /></a> </div><!-- #menu--> </div><!-- #wrapper --> <div id="polosa"> </div> <div id="contener-fon"> <div id="content"> <h2>Новости компании</h2> <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class="line">Обновление Ассортимента: Трубки SAVINELLI, MASTRO DE PAJA, LORENZETTI</p></a> <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class="line">Обновление Ассортимента: Трубки SAVINELLI, MASTRO DE PAJA, LORENZETTI</p></a> <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class="line">Обновление Ассортимента: Трубки SAVINELLI, MASTRO DE PAJA, LORENZETTI</p></a> <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class="line">Обновление Ассортимента: Трубки SAVINELLI, MASTRO DE PAJA, LORENZETTI</p></a> <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class="line">Обновление Ассортимента: Трубки SAVINELLI, MASTRO DE PAJA, LORENZETTI</p></a> </div> <!-- #content--> </div><!-- #contener-fon--> <div id="fot"> <div id="fot1"> <a href="#"><img src="img/k1.png"</a> <a href="#"><img src="img/k2.png"</a> <a href="#"><img src="img/k3.png"</a> </div> </div> <div id="footer"> Минздравсоцразвития России предупреждает: курение вредит вашему здоровью<br /> Табачные изделия не продаются лицам, не достигшим 18 лет. </div><!-- #footer --> </body> </html> * { margin: 0; padding: 0; } html { height: 100%; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; height: 100%; background-image:url(img/header-bg.jpg); background-repeat:repeat-x; background-color:#000000; } a { color:#6c5d4e; outline: none; text-decoration: none; } a:hover { text-decoration: none; } p { margin: 0 0 18px; font-family:Arial, Helvetica, sans-serif; } h2 { font-family:Arial, Helvetica, sans-serif; font-style:italic; padding-bottom:50px; padding-top:30px; } img { border: none; } input { vertical-align: middle; } #wrapper { width: 1036px; min-width: 1000px; height: auto !important; height: 100%; margin:auto; } /* Header —————————————————————————--*/ #header { height: 102px; background-image:url(img/header.jpg); background-repeat:no-repeat; } /* Middle —————————————————————————--*/ #content { padding: 0 0 75px; color:#967e69; background-image:url(img/n.png); background-position:0px 25px; background-repeat:no-repeat; background-color:#181818; padding-left:55px; padding-top:20px; width:1036px; margin:auto; } #contener-fon { background-color:#181818; } /* Footer —————————————————————————--*/ #footer { margin: -75px auto 0; min-width: 1000px; height: 75px; background: #1a1a1a; color:#484747; padding-left:230px; } .logo-padding { margin-top:17px;} #menu { width:1036px; float:left; margin-top:-115px; } .poisk { background-image:url(img/search-area.png); background-repeat:no-repeat; width:213px; height:22px; border:none; float:right; margin-top:-30px; margin-right:150px; color:#FFFFFF; padding-left:15px; position:relative; z-index:1;} .poisk-rnopka { background-image:url(img/search-button.png); background-repeat:no-repeat; width:101px; height:22px; border:none; margin-left:870px; margin-top:-56px; outline:none; position: relative; z-index:2;} #polosa { clear:both; background-image:url(img/1.png); background-repeat:repeat-x; height:24px; width:100%;} .date-color { color:#979797;} .line { background-image:url(img/line.png); background-repeat:no-repeat; background-position:-5px 23px; padding-bottom:25px; } .a-link { color:#6c5d4e; text-decoration: none; display:block; padding: 20px 0 0 40px; margin-left:70px; } .a-link:hover { background-image:url(img/a-hover.png); background-position: 50% 0; background-repeat:no-repeat; } #fot { background-image:url(img/fut-fon.png); background-repeat:repeat-x; height:116px; margin:auto; margin-bottom:70px;} #fot1 { float:right; margin-top:80px; padding-right:375px;}
  4. Нет не работает! Неужели нет решения? Паддинг слева тоже не нужен, текст должен находится где находится, а фон псевдо класса как-то сдвинуть влево.
  5. С помощью паддингов двигается текст, а бекграунд остаётся на месте. Можно конечно центрировать текст и он будет по середине бекграунда, но мне нужно чтобы текст оставался там где есть, нужно подвинуть влево сам бекграунд псевдокласса!
  6. С паддингами тоже не получается, уже пробовал: .a-link { color:#6c5d4e; text-decoration: none; display:block; padding-top:20px; margin-left:70px; } .a-link:hover { background-image:url(img/a-hover.png); display:block; padding: 0 0 0 40px; Вот все вместе с текстом смещается при наведении:
  7. Вот 2 картинки на одной как нужно а на другой как у меня получается. background-position пробовал не получается сдвинуть фон им.
  8. Есть ссылки при наведении на них должен появляться бэкграунд, сам бэкграунд шире ссылок, и начинается он при наведении с первой буквы ссылки и дальше идет пока незакончится. Так вот вопрос как мне центрировать этот бэкграунд? <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class="line">Обновление Ассортимента</p></a> <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class="line">Обновление Ассортимента</p></a> <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class="line">Обновление Ассортимента</p></a> .a-link { color:#6c5d4e; text-decoration: none; display:block; height:80px; width:934px; padding-top:20px; margin-left:70px; } .a-link:hover { background-image:url(img/a-hover.png); display:block; height:80px; width:934px; }
  9. Такая загвоздка! Нужно поставить флеш баннер на сайт. Что мне прописать в html коде чтобы он отображался на сайте? И как мне его поставить в определенное место на странице? Если кто знает расскажите а то я новичек в этом деле!!!
  10. А как это сделать, я просто новичек в этом деле
  11. Возник такой вопрос! Вот Html код меню и его стиль, мне нужно сделать так чтобы для одного пункта меню (Акции) был другой стиль (точнее чтобы этот пункт меню был красного цвета, а при наведении курсора синего), как мне это сделать, а то чето сижу и немогу никак вникнуть!!! HTML <tr> <td class="left" valign="top"> <div id="menu"> <div class="m"><a href="/about/" class="menu_a">О компании</a></div> <div class="m"><a href="/news/" class="menu_a">Новости компании</a></div> <div class="m"><a href="/articles/" class="menu_a">Статьи</a></div> <div class="m"><a href="/shop/" class="menu_a">Каталог</a></div> <div class="m"><a href="/akcia/" class="menu_a">Акции</a></div> <div class="m"><a href="/servise/" class="menu_a">Доставка</a></div> <div class="m"><a href="/usloviya/" class="menu_a">Условия</a></div> <div class="m"><a href="/contact/" class="menu_a">Контакты</a></div> </div> CSS .left {width:289px; height:100%;} #menu{padding-left: 40px;text-align:left;} .m {font-weight: normal; font-family: Times New Roman; font-size: 16pt; padding-top:10px;} .m a{color: #ED9823; text-decoration: underline;} .m a:hover{color: #FFF; text-decoration: none;}
×
×
  • 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