CSS

Reseteaza stilurile CSS

Nov 7th

Posted by Sorin in CSS

2 comments

Urmatorul cod CSS reseteaza sau seteaza toate tag-urile intr-o pagina HTML.
Browserele au valori diferite de padding sau margin si asta poate cauza probleme la afisarea elementelor in pagina.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub,
sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    background: transparent;
}

Trebuie pus exact la inceputul fisierului ce contine CSS-ul tau.

Popularity: 3% [?]

Margine dublata in Internet Explorer 6

Nov 4th

Posted by Sorin in CSS

No comments

Cu siguranta toti cei ce s-au apucat de CSS au dat peste problema asta.
Daca setezi din CSS o margine stanga sau dreapta a unui element HTML ce are setat si “float:”, aceasta se dubleaza in IE6.

Din fericire sunt mai multe rezolvari la aceasta problema dar cea mai usoara e sa adaugi “display:inline;” acolo unde specifici float si margin:

Rau:

1
2
3
4
5
.class {
   float:left;
   width: 100px;
   margin-left: 10px;
}

Astfel IE6 considera margin-left de 20px.

Bun:

1
2
3
4
5
6
.class {
   display:inline;
   float:left;
   width: 100px;
   margin-left: 10px;
}

Prin adaugarea liniei display:inline; acum si IE6 intelege ca marginea este de 10px.

Sper sa va fie de ajutor.

Popularity: 2% [?]