Вопросы по CSS

39.26K
.
NETS
Как наложить картинку на картинку в css?
и можноли сделать градиент без графики?
.
КЕК
NETS (05.01.2013 / 00:34)
Как наложить картинку на картинку в css?
и можноли сделать градиент без графики?
1) не понял
2) можно
.
NETS (05.01.2013 / 00:34)
Как наложить картинку на картинку в css?
и можноли сделать градиент без графики?
1) z-index
2) можно, но не нужно. кроссбраузерность однако
.
Люди берегите воду - пейте пиво...
Vmaste (05.01.2013 / 00:19)
venom, Да подойдет
Без графики ...
HTML :
<div class="balloon">Бесплатная, с открытым исходным кодом,
система управления Мобильным сайтом (WAP движок).</div>

CSS:
.balloon{
display: block;
    position: absolute; 
  left: 40px; 
  top: 20px;
    width: 200px; 
  height: auto;
    background: #df9437;
  padding: 10px;
    -webkit-border-radius: 6px; 
  -moz-border-radius: 6px; 
  border-radius: 6px; 
  border: 2px solid #c26f30;
  box-shadow: 1px 1px #df9437;
  color: #000;  
}

.balloon:before{ 
    content: '.';
    position:absolute; 
  left:10px; 
  top:-15px; 
  margin-top:-10px;
    display:block;
    width: 0px;
    height: 0px;
   border-top: 10px solid transparent;
   border-bottom: 15px solid #c26f30;
    border-left: 10px solid transparent;
}

WEB пример
.
Люди берегите воду - пейте пиво...
Скрин....
Прикрепленные файлы:
.
venom, спасибо я чуть переделал то что надо красота
.
Люди берегите воду - пейте пиво...
Vmaste, Я на примере показал просто , а там уже пишите под свой диз...
.
venom (08.01.2013 / 02:21)
Без графики ...
HTML :
<div class="balloon">Бесплатная, с открытым исходным кодом,
система управления Мобильным сайтом (WAP движок).</div>

CSS:
[php].balloon{
display: block;
pos
а можно этот код в .news прописать?
.
Люди берегите воду - пейте пиво...
IMANOV (08.01.2013 / 11:59)
а можно этот код в .news прописать?
Попробуй ....
.news{
display: block;
    position: absolute; 
  left: 40px; 
  top: 20px;
    width: 200px; 
  height: auto;
    background: #df9437;
  padding: 10px;
 border: 2px solid #c26f30;
  color: #000;  
}

.news:before{ 
    content: ' ';
    position:absolute; 
  left:10px; 
  top:-15px; 
  margin-top:-10px;
    display:block;
    width: 0px;
    height: 0px;
   border-top: 10px solid transparent;
   border-bottom: 15px solid #c26f30;
    border-left: 10px solid transparent;
}
.
vot chto polucilos((((( mojno sdelat tak kak na skrinwote pokazal?
Прикрепленные файлы:
Всего: 2904