obrazok v tabulke a stale mi tam hadze medzeru ...

dulius · Napísal **dulius**: 25.08.2008 20:11

uz naozaj neviem ...

potrebujem take nieco spravit:

obrazok v tabulke a stale mi tam hadze medzeru ...

uz to testujem na najjednoduchsom kode ...

html:

Kód:

<table >
<tr >
    <td class="tblpapier">
<img src="img/papier140.jpg" width="140" height="104"  />
</td>

 <td class="tblpapier2"><a href="img/modry500.gif" rel="lytebox" title="Nadoba a vrece na papier">
<img src="img/modry140.gif" class="piclarge" width="116" height="94" alt="" border="0" />
</a></td>
    
    <td  class="tblpapier">
<img src="img/balik140.jpg" width="140" height="104" />
</td>
</tr>
</table>

a tu je css:

Kód:

.tblpapier, .tblpapier TD, .tblpapier TH
{

margin: 0px 0px 0px 0px; 
border: 8px solid #0070C0;
padding: 0px 0px 0px 0px;
}

.tblpapier2, .tblpapier2 TD, .tblpapier2 TH
{

margin: 0px 0px 0px 0px; 
border: 2px solid #0070C0;
padding: 2px 2px 2px 2px;
}

a nechapem, preco mi ten 8px ramcek neda pekne okolo obrazkov, ale STALE MI DOLE HODI BIELU MEDZERU, NAOZAJ NECHAPEM CO ROBIM ZLE

TAKTO MI TO ZOBRAZI:

obrazok v tabulke a stale mi tam hadze medzeru ...

neutronmind · Napísal **neutronmind**: 25.08.2008 20:34

Tu bielu medzeru tam hadzalo len IE, ale da sa to vyresit napr. takto:

Kód:

<td>
<img src="obrazok.jpg" alt="" style="margin: 0px; border: 8px solid #0070C0;" /> 
</td> 

Cize nenastavis okraj tej bunke tabulky, ale tomu samotnemu obrazku.

dulius · Napísal autor témy **dulius**: 25.08.2008 20:42

Vdaka za pomoc ... vies mi povedat, preco IE tam dava medzeru???
ma nejaky problem s css, ci co? ved v css cez margin a padding som jasne definoval, ze tam ma byt vsade NULA.

neutronmind · Napísal **neutronmind**: 25.08.2008 20:52

Internet Explorer spracuva HTML a CSS proste posvojom.

Preto sa zvykne vytvorit osobitny CSS subor pre IE, napr. takto

Kód:

<link rel="stylesheet" type="text/css" href="style.css" media="screen"  />
<!--[if IE]><link rel="stylesheet" type="text/css" href="ie.css" media="screen" />< ![endif]-->

A v ie.css mas nastavene vsetky vlastnosti tak, aby sa stranka zobrazovala spravne aj v IE.

dulius · Napísal autor témy **dulius**: 25.08.2008 20:56

dik ... ako by si to nastavoval v tom ie.css?
rovnako ako si mi naznacil napr.

Kód:

img {
margin: 0px; border: 8px solid #0070C0;
}

neutronmind · Napísal **neutronmind**: 25.08.2008 21:05

Hej, mohlo by to tak byt, aj ked v tomto pripade je to zbytocne, lebo uz ked tam nastavis

Kód:

img { 
margin: 0px; border: 8px solid #0070C0; 
}

tak sa to zobrazi vo vsetkych prehliadacoch rovnako. Cize nemusis pouzit aj ie.css, staci, ked ten kod nakopirujes normalne do style.css.

dulius · Napísal autor témy **dulius**: 25.08.2008 21:07

no ale ja nechcem pri vsetkych obrazkoch mat take parametre, takze?

takze si obrazky hodim este do classov?

ako to bude vyzerat v tom css, ked budem chciet mat napriklad pri jednom obr 8px ramcek a pri druhom obr len 4px ramcek

neutronmind · Napísal **neutronmind**: 25.08.2008 21:12

Presne tak, hodis ich do classov.

Cize kod bude asi takyto

Kód:

img .nazov1{ 
margin: 0px; border: 8px solid #0070C0; 
}

a obrazok s okrajom 4px

Kód:

img .nazov1{ 
margin: 0px; border: 4px solid #0070C0; 
}

a html

Kód:

<img class="nazov1" alt="" src="obrazok1.jpg" />
<img class="nazov2" alt="" src="obrazok2.jpg" />

Ak si chces o tom trochu viac prestudovat, pozri si http://www.jakpsatweb.cz/css/css-tridy-class.html , vlastne popozeraj celu stranku, je to tam dobre vysvetlene.

dulius · Napísal autor témy **dulius**: 25.08.2008 21:22

jj, ten web poznam, dikes.
pekny vecer

Tominator · Napísal **Tominator**: 26.08.2008 11:35

popravde dobré stránky fungujú dobre vo všetkých úprehliadačov s jedným css

IE robí tieto veci pretože máš medzeru, enter, tabulátor (jednoducho whitespace) medzi predchádzajúcim tagom a tagom img.

preto aj keď sa robí menu z obrázkov, zvyknú sa dávať vedľa seba bez medier, lebo potom vznikajú spomínané medzery alebo bodky ....

suchy · Napísal **suchy**: 26.08.2008 12:55

povedz mi, ktory dobry koder robi menu z obrazkov?

shaggy · Napísal **shaggy**: 26.08.2008 21:25

Citácia:

...ktory dobry koder...

ja

ale iba keď je to nevyhnutné

suchy · Napísal **suchy**: 26.08.2008 22:01

viem aj o lepsom sposobe. namiesto img pouzijes span, ktory ma na pozadi obrazok a prekryjes nim text v odkaze.

dulius · Napísal autor témy **dulius**: 26.08.2008 22:02

suchy píše:

viem aj o lepsom sposobe. namiesto img pouzijes span, ktory ma na pozadi obrazok a prekryjes nim text v odkaze.

hod sem nejaky konkretny priklad.
dik

suchy · Napísal **suchy**: 26.08.2008 22:08

http://www.trivitax.eu/

shaggy · Napísal **shaggy**: 27.08.2008 18:11

Suchy - však tak to používam

Span, ktorým prekryjem text. Nikde si nepísal o tom, že to menu je z IMG tagov, ale z obrázkov a to je trošku rozdiel

Ale inak v tom moc veľký rozdiel nie je.

suchy · Napísal **suchy**: 27.08.2008 18:37

no z tominatorovho prispevku srsi, ze mal na mysli img, preto som tak pochopil aj tvoju odpoved

co sa tyka rozdielu, tak ten je najma v oddeleni obsahu od formy.

shaggy · Napísal **shaggy**: 27.08.2008 21:40

To je pravda, lenže obrázky do pozadia (kvôli oddeleniu obsahu od formy) sa dávajú hlavne, ak ide o dekoráciu - musíš uznať, že pri nadpisoch je obrázok vložený cez IMG nositeľom informácie (obsahu) a preto by sa dokonca nemal dávať ako pozadie (nehovorím, že to nerobím, ale je to tak).

suchy · Napísal **suchy**: 27.08.2008 22:02

no prave pouzitie obrazkov pri menu ma skor dekoracny charakter. informaciu mas v tom texte, co je prekryty spanom. v taktomto pripade ked vypnes styly, vidis len text co aj mas, kdezto pri pouziti img tam ponechas aj formu, obrazok. to iste plati podla mna aj pri nadpisoch.

obrazok v tabulke a stale mi tam hadze medzeru ...

Podobné témy