<pre><code class="css"><style type="text/css"&g

<style type="text/css">
   #bottom {
    background: #66806E url(images/clover.png) no-repeat 20px bottom; 
    min-height: 80px;
    color: #E4BC96; 
    padding: 5px 5px 5px 140px;
   }
   #bottom p { margin: 5px 0;}
   #bottom a {color: #FFFDE0;
   }
  </style>

This style defines:

Maximum height of the background image 80px
Minimum height of the element with id='bottom' 80px
Size of the button 80px * 80px
Size of the image 80% from the element's size with id='bottom'

Explanation

These rules will not take any effect on the HTML code because of incorect syntax for "id" ("#bottom p" and "#bottom a")


#bottom p {margin: 5px 0;}
#bottom a {color: #FFFDE0;}

Only "#bottom" will work.


#bottom {
    background: #66806E url(images/clover.png) no-repeat 20px bottom; 
    min-height: 80px;
    color: #E4BC96; 
    padding: 5px 5px 5px 140px;
   }

Нравится

Войдите чтобы поставить Нравится
Комментировать

Войдите чтобы прокомментировать
Распространить

Tweet

Следи за CodeGalaxy

Мобильное приложение Beta

Продолжайте изучать
тесты по HTML & CSS

Связанные материалы

Следи за CodeGalaxy

Мобильное приложение Beta

Продолжайте изучать тесты по HTML & CSS

Продолжайте изучать
тесты по HTML & CSS