Category Archives: CSS

CSS: Proprietate Z-index

Cu z-index se poate defini ordinea elementelor HTML. In multe cazuri ai mai multe elemente suprapuse, si pentru a defini ordinea folosim z-index.

Ex: Salveaza urmatorul fisier in zindex1.html. Am create 4 div-uri cu diferite culoare de fundal . Elementul cu z-index mai mare(culoare fundal rosie) va fi vizibila pe ecran.

 

 

 

Ex2: Daca in fisierul de mai sus la primul div punem z-index:5 atunci galbenul va fi ca si culoare fundal.

Crearea unui meniu orizontal

Pentru a realiza acest meniu avem nevoie de un cod html si cod css , se poate scrie intr-un singur fisier html dar e recomandat sa se puna intr-un fisier separat css-ul.

Css-ul va arata in felul urmator:

#horizontal-menu {
overflow:hidden;
width:980px;
height:28px;
background-color:#eeeeee;
}

#horizontal-menu ul {
list-style-type:none;
padding:0;
margin:0;
}

#horizontal-menu li {
float:left;
margin-right:12px;
}

#horizontal-menu a:link, a:visited, a:active, a:hover {
text-decoration:none;
font-size:12px;
color: #000000;
}

Explicatie:
#horizontal-menu li > float:left; //stabilim daca meniu va fi orizontala sau verticala.
#horizontal-menu ul { list-style-type:none; //sa nu contina nici o bulinuta lista noastra.

Introducere in CSS

Pentru a defini intr-un fisier HTML o zona css se va folosi eticheta .

Ex:

Orice eticheta HTML se poate formata. De exemplu:

body {
background-color: blue;
}

unde :
– body : eticheta HTML
– background-color: este o proprietate
– blue : este valoarea proprietatii

Pentru titlu folosim eticheta

si dorim ca acest titlu sa aiba fontul arial, 28px, culoarea neagra, atunci vom avea:

h1 {
font-color: black;
font-family: Arial;
font-size: 28px;
}

Dupa cum ati observat o eticheta HTML poate sa aiba mai multe proprietati.

( va continua … )

LEFT JOIN

LEFT JOIN este o sintaxa destul de dificil de inteles, trebuie exersat foarte mult si se va intelege exersand. Partea de teorie pura va las sa studiat din alte surse: carti mysql, sau cautand pe google.

Va arat cum se foloseste LEFT JOIN si la ce ne ajuta. Consideram 2 tabele:

utilizatori:
=======================
nume | varsta =
=======================
ion | 23
andra | 32
maria | 17
======================

si tabelul localitati:
=======================
nume | localitate =
=======================
ion | Oradea
andra | Brasov
maria | Pitesti
======================

Consideram urmatoarea sintaxa MySQL:

SELECT utilizatori.nume,utilizatori.varsta, localitati.localitate
FROM utilizatori
LEFT JOIN localitati
ON utilizatori.nume = localitati.nume

Rezultatul acestei interogari va fi:
================================
nume | varsta | localitate =
================================
ion | 23 | Oradea =
andra | 32 | Brasov =
maria | 17 | Pitesti =
================================

Va rog sa nu ezitati sa va jucati cu LEFT JOIN pana cand va simtiti ca o stapaniti. Chestia asta nu este usoara!

Bafta!
Echipa Tutoriale PHP, CSS, MySQL, HTML