Jump to content

HappyUser

Newbie
  • Posts

    9
  • Joined

  • Last visited

Everything posted by HappyUser

  1. Все заработало, не совсем понял правда как =)
  2. Помогите плиз есть Div контейнер на странице с такм вот кодом КОД HTML ****************** div class="Product_Title"> Выключатель одноклавишный "Вессен" </div> <div class="products"> <div style="margin-bottom:10px;"> <img src="Pics/M1.jpg" /> </div> </div> КОД СSS ******************* /* Заглавие товара (синяя строка) без пробела после */ .Product_Title { height:auto; padding:8px; background:#069; color:white; border-right:double #036 4px; border-left:double #036 4px; border-top: double #036 4px; font-weight:bold; } /* Поле товара с картинкой и описанием товара(белая поле) */ .products { height:auto; padding:8px; background:#FFF; color:navy; border-right:double #036 4px; border-left:double #036 4px; border-bottom:double #036 4px; webkit-border-bottom-left-radius:15px; -moz-border-radius-bottomleft:15px; border-bottom-left-radius:15px; webkit-border-bottom-right-radius:15px; -moz-border-radius-bottomright:15px; border-bottom-right-radius:15px;} Выглядит это все сейчас вот так А надо чтобы выглядело как то так примерно Собственно вопрос, можно ли внутри этого div сделать еще один div элемент чтобы в нем разместить цену и текст. Если можно то как? Сама картинка сейчас внутри дива но если добавляю еще один див то он или снизу оказывается или вообще куда то уезжает если пытаюсь сделать float:left Есть ли какой то другой способ? =) Заранее спасибо!
  3. Понял СПС огроменное щас попробую =)
  4. Простите мою глупость Новичка но если прописать это в файле css то все картинки на страничке получаются с закругленным уголком снизу слева... А как сделать это для одной картинки на страничке? =) СПС!
  5. Подскажите плиззз есть DIV внутри картика, как закруглить уголки? Если точно только один нижние левый угол? Заранее спасибо! =) Вот такой код не работает, если изнутри убираю картинку то уголок закругляется... <div style="float:left; height:114px; width:303px; border-radius:0 0 0 25px; background:grey;"> <img src="Pics/LogoBottom.jpg" /> </div> =) Возможно ли вообще его как то закруглить чтобы было красиво т.е. под дивом фон сайта )
  6. Так видимо я плохо объяснил что именно пытаюсь добиться, вот нашел в инете пример меню и немного изменил вот код: Вот есть вопросы что значит * {margin:0px; padding:0px;} этот стиль влияет как то на все списки в основном теле страницы... куда его можно перенести чтобы не влиял? <style type="text/css"> /* Главное Меню Начало */ * {margin:0px; padding:0px;} <<<<<<<<<<<<<< Что это????? /* ul, li{list-style:none;} */ <<<<< Это я перенес в ul.menu вроде помогло вернуть спискам в основной части точки img {border:0;} .div-menu { margin-top:0px; width:100%; height:38px; background:url(pics/bg.png) repeat-x; } ul.menu { margin:0 auto; width:700px; height:38px; display:block; list-style:none; } li.menu-item { text-align:center; line-height:38px; font-family:"Myriad Pro", Arial; font-size:11pt; width:140px; height:38px; float:left; color:#fff; } li.menu-item a{ display:block; width:140px; height:38px; color:#fff; text-decoration:none; } li.menu-item a:hover{ display:block; width:140px; height:38px; color:#485663; text-decoration:underline; background:url(pics/hover.png) 0 3px no-repeat; } ul.menu li {background:url(pics/clear.png) left no-repeat;} ul.menu li:first-child {background:none;} /* Конец Главное Меню */ </style> Само меню в BODY: <div class="div-menu"> <ul class="menu"> <li class="menu-item"><a href="#">Главная</a></li> <li class="menu-item"><a href="#">Услуги</a></li> <li class="menu-item"><a href="#">Эксклюзив</a></li> <li class="menu-item"><a href="#">Прайс-Лист</a></li> <li class="menu-item"><a href="#">Контакты</a></li> </ul> </div>
  7. =) это я только начал делать просто div ами все сделано типа каркас такой. =)
  8. Всем здрасте! Помогите пожалуйста начинающему web-деятелю =) сделать менюшку, пытался сам но что то ничего не получается сдизайнил вот такую нехитрую менюшку должно выглядеть именно так а вот что получается при наведении мыщи тоже фигня какая то. Вот сам код SCC: <style> /* Главное Меню Начало */ ul.menu li{ display:inline; paddin: 10px; margin: 10px 10px 10px 10px; color:#FFF; /*Цвет текста*/ background:#060; font-family:Arial, Helvetica, sans-serif; } ul.menu li a { padding: 10px; margin: 10px 10px 10px 10px; text-decoration:none; color:#FFF; } ul.menu li a:hover { background:#090; } </style> А вот HTML: <!-- Меню начало --> <div style="background:#0C0; float:left; height:35px; width:94px;"> menu left side </div> <!-- Кнопки меню блок начало --> <div style="background:#C6C600; text-align:center; float:left;"> <!-- --> <ul class="menu"> <li><a href="Catalog.html">Наш Каталог</a></li> <li><a href="Exclusive.html">Эксклюзив</a></li> <li><a href="Price.html">Прайс Лист</a></li> <li><a href="Contacts.html">Контакты</a></li> </ul> </div> <!-- Конец (Кнопки меню) --> Помогите плизз =)) Сам не могу побороть. =)
×
×
  • 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