HappyUser

Все заработало, не совсем понял правда как =)

Помогите плиз есть 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 Есть ли какой то другой способ? =) Заранее спасибо!

Понял СПС огроменное щас попробую =)

Простите мою глупость Новичка но если прописать это в файле css то все картинки на страничке получаются с закругленным уголком снизу слева... А как сделать это для одной картинки на страничке? =) СПС!

Подскажите плиззз есть DIV внутри картика, как закруглить уголки? Если точно только один нижние левый угол? Заранее спасибо! =) Вот такой код не работает, если изнутри убираю картинку то уголок закругляется... <div style="float:left; height:114px; width:303px; border-radius:0 0 0 25px; background:grey;"> <img src="Pics/LogoBottom.jpg" /> </div> =) Возможно ли вообще его как то закруглить чтобы было красиво т.е. под дивом фон сайта )

UP

Так видимо я плохо объяснил что именно пытаюсь добиться, вот нашел в инете пример меню и немного изменил вот код: Вот есть вопросы что значит * {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>

=) это я только начал делать просто div ами все сделано типа каркас такой. =)

Всем здрасте! Помогите пожалуйста начинающему 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> <!-- Конец (Кнопки меню) --> Помогите плизз =)) Сам не могу побороть. =)