Css bug în IE 6/7

16 Dec

Dacă border-ul sau background-ul unui element dispare în IE la scroll, ar trebui să încerci să-l poziţionezi relativ. Se pare că merge foarte bine :P

Scris în categoria: Css 2 Comentarii

CSS Hacks

29 Nov

Într-o lume perfectă, codul (css/xhtml) valid este interpretat identic de toate browserele. Dar, cum nu suntem într-o lume perfectă, există bug-uri, atribute proprietare unui browser sau altuia şi interpretări greşite. Dar, partea bună este că există şi fix-uri pentru acestea. Cu siguranţă, cel mai înjurat browser de toţi web-developerii este IE, în special versiunile pre 7. Cei ce lucrează de mult timp în domeniu, au avut de-a face şi cu capriciile mai multor versiuni ale IE, spre deosebire de cei recenţi (1-2 ani) ce se „luptă” doar cu IE 6 şi, mai nou, IE 7.

De-a lungul timpului, mi-am format un obicei din ce am citit pe diverse forumuri ce mă ajută foarte mult în dezvoltare şi îmi conferă o oarecare siguranţă: fac site-ul pentru Firefox, îl testez în Opera şi Safari şi fac debugging pe IE. Din fericire, până acum nu am avut mari probleme cu Opera şi/sau Safari (de fapt nu am avut deloc :D ), singurele dureri de cap fiind date de IE, despre care voi scrie puţin. (Mai mult…)

Scris în categoria: Css, Development, Tutoriale 10 Comentarii

Link-uri externe VS Link-uri interne

31 Mar

Este foarte probabil ca, la un moment dat, să fi vrut să ai link-urile externe (ce duc spre alte domenii decât al tău) afişate în alt format decât cel standard. Soluţia cea mai simplă şi cea mai elegantă este, desigur, atribuirea unei clase pentru fiecare link extern. Este şi altă soluţie, bazată doar pe CSS, fără nicio altă clasă în HTML. (Mai mult…)

Scris în categoria: Css, Tutoriale Un comentariu

Css image rollover tutorial

31 Mar

Deoarece am observat că încă sunt destul de multe persoane care nu ştiu să facă un efect de rollover, voi explicat un procedeu simplu, pe care îl folosesc mereu.

Această metodă necesită o singură imagine, deoarece, în cazul folosirii a două imagini, apar mici probleme în Internet Explorer 6 (aşa numiul flicker). Îţi voi arăta cum poţi face acest lucru foarte uşor, doar cu câteva linii de cod. Poţi folosi acest exemplu oriunde; eu prefer această metodă la orice meniu ce conţine imagini.

1) Pregătirea imaginii. (Mai mult…)

Scris în categoria: Css, Tutoriale 3 Comentarii

Internet Explorer 6 min-height hack

12 Jan

După cum ştiţi, Microsoft a observat, cu mult timp în urmă, că e distractiv (desigur, pentru ei) să nu respecte standardele web. Prin urmare, regulile css min-height / min-width nu funcţionează în IE6. Din fericire, în IE7 această problmemă este rezolvată.

Haideţi să vedem cum se poate face ceva să meargă şi în IE6. (Mai mult…)

Scris în categoria: Css, Development 2 Comentarii