luni, 15 decembrie 2008

Cateva trucuri CSS

Voi prezenta aici cateva tehnici de design folosind CSS.

1. Crearea unui meniu pop-up
Pentru un meniu, se pot folosi 2 liste, una pentru bara de meniuri, si cealalta pentru meniurile derulante.
Se seteaza pentru ul.menubar : list-style-type: none;
si pentru ul.menubar li:float:left;

astfel, lista va fi afisata fara bulina de la inceputul fiecarei intrari, iar elementele vor fi asezate unul langa celalalt.

de asemenea lista interioara fiecarui item va fi setata initial cu: display:none;
apoi, la ul.menubar li:hover ul.dropdown se pune display: block;

2. Crearea de text cu o imagine in stanga
p {
background: url(..) left no-repeat;
padding-left: 50px;
}

pentru padding se pune dimensiunea necesara .

Cam atat pentru azi

Niciun comentariu: