![](https://htmlforum.dev/uploads/set_resources_18/84c1e40ea0e759e3f1505eb1788ddf3c_pattern.png)
HappyUser
-
Posts
9 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by 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
Есть ли какой то другой способ? =)
Заранее спасибо!
-
Добавить нужному DIV класс
HTML
<div class="someClass">
<img src="Pics/LogoBottom.jpg" />
</div>CSS
.someClass{
overflow: hidden;
float:left;
height:114px;
width:303px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-left-radius: 15px;
background:grey;
}Понял СПС огроменное щас попробую =)
-
Простите мою глупость Новичка но если прописать это в файле css то все картинки на страничке получаются с закругленным уголком снизу слева...
А как сделать это для одной картинки на страничке? =)
СПС!
-
Подскажите плиззз есть DIV внутри картика, как закруглить уголки? Если точно только один нижние левый угол? Заранее спасибо! =)
Вот такой код не работает, если изнутри убираю картинку то уголок закругляется...
<div style="float:left; height:114px; width:303px; border-radius:0 0 0 25px; background:grey;">
<img src="Pics/LogoBottom.jpg" />
</div>
=) Возможно ли вообще его как то закруглить чтобы было красиво т.е. под дивом фон сайта )
-
-
Так видимо я плохо объяснил что именно пытаюсь добиться, вот нашел в инете пример меню и немного изменил вот код:
Вот есть вопросы что значит * {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>
<!-- Конец (Кнопки меню) -->
Помогите плизз =)) Сам не могу побороть. =)
Элементы Внутри DIV 'а
in HTML Coding
Posted · Edited by HappyUser
Все заработало, не совсем понял правда как =)