am o imagine pacific.jpg cu dimensiunile 415*332.I`am facut 3 slice`uri in photoshop:415*97,415*93 si 415*142.Si aceste 3 slice`uri le`am ansamblat cu divuri intr`o pagina html.
Pagina mea pacific.html este :

In toate browserele se vede bine numai in ie6 slice`urile sunt distantate intre le cu 5 px.

Daca bag imaginile pe fundalul divurilor se vede bine dar eu am nevoie de imagini in interiroul divurilor.

Am vorbit si cu niste prieteni,am cautat si pe google si nicio solutie.Poate ma puteti ajuta voi.

This post was last modified: 09-04-2008 09:13 PM by dtbd1916.

auzi.. incearca sa pui la fiecare dintre ele *margin-top:-5px; si sa vezi daca merg in ie.

m`am gandit si eu la asta .Numai ca in ie 6 se vede bine dar in firefox si in celelalte browsere imaginea un loc sa aibe inaltimea 332 are 322 .Deci tot nu este o solutie.Acelasi lucru se intampla si daca folosesc position:relative;top:-5px.

As putea sa le asamblez cu tabele.Daca folosesc un tabel  se vede bine in toate browserele inclusiv ie6 dar eu nu vreau sa folosesc tabele ci divuri.

Deci chiar numai stiu cum sa ii dau de cap fiindca o fi ie6 varza dar cu toate astea e cel mai folosit browser.E referinta.Si pana la urma un site trebuie sa se vada la fel in toate browserele.

This post was last modified: 09-04-2008 10:35 PM by dtbd1916.

ai pus si semnul * inainte de codul meu ?

am adaugat si steluta...imi vede bine in: firefox,ie6,opera,safari,netscape.Numai in ie7 se suprapun divurile.Trebie sa gasim o solutie pt toate browserele.

This post was last modified: 09-04-2008 10:58 PM by dtbd1916.

Am si eu o sugestie. In loc de steluta sa folosesti "conditional comment" si sa creezi fisiere css distincte. In felul asta poti stabili setari pentru fiecare in parte.
Sintaxa ar fi cam asa:

multumesc xara.Dar uite ca m`a ajutat cineva cu o solutie si mai eleganta:trebuie sa adaug

<style type="text/css">

div img{float:left;}

</style> si merge.
Sau
sa inlocuiesc <div style="width:415px; height:97px; "> cu <div style="width:415px; height:97px; font-size:0px;"> si iarasi merge deoarece si acum citez din cel care m`a ajutat "este o problema ce apare doar la IE6, si anume parser-ul IE ia in considerare orice caracter din codul HTML din jurul img-urilor(inclusiv spati/tabs/new line), si in consecinta il afiseaza sub imagine.".


PS:si mmerge si cu <img src="images/pacific_03.jpg" style="display:block" />.

This post was last modified: 09-05-2008 12:03 AM by dtbd1916.

Sugestia mea era mai generala. Pentru ca vei vedea in timp ca e mult mai util sa folosesti fisiere externe decat sa pui stilurile "inline". Vei mai intalni multe alte probleme cu IE6 care s-ar putea nu poata fi rezolvate altfel, pui un stil pentru toate browserele in general si altul pt IE6 (sau 7) ca nici ala nu te scuteste de surprize.
Plus ca vei putea refolosi stilurile si pentru alte pagini.
Bafta in continuare!

P.S. Merci pentru explicatie. M-am lovit si eu de problema asta, dar nu stiam care-i cauza.

eu cred ca cea mai eleganta solutie e cu style="display:block;" pus pe fiecare tag si bineinteles pot face o clasa pe un fisier extern pe care s`o numesc .parser{display:block;} si tagul meu sa arate <img src="images/pacific_03.jpg" class="parser" /> ......si aceasta clasa s`o folosesc ori decate ori am nevoie de ea pe oricate pagini am  nevoie.Nu sunt hard-coder asa ca astept in continuare sugestii.Doresc sa imi formez un stil de codare cat mai elegant si cat mai eficient.

This post was last modified: 09-05-2008 12:26 AM by dtbd1916.