pārlūku atšķirības

[eT`]

Tātad 1 jautājums

vieglāk būs paskaidrot ar skrīnu.

 

daļa no koda:

<tr>
   <td width="240" valign="top">
   <img src="images/m_up.gif" border="0" />
<table border="0" cellspacing="0" cellpadding="0" width="240" height="400" id="navigation">
       <tr>

         <td valign="top">
         <center>
         <a href="lang.php?lang=lv"><img src="images/lv.gif" border="0" alt="LV"/></a>
         <a href="lang.php?lang=ru"><img src="images/ru.gif" border="0" alt="RUS"/></a>
         <a href="lang.php?lang=eng"><img src="images/eng.gif" border="0" alt="ENG"/></a>
         </center>
         tamtarammmmm
         </td>

       </tr>
   </table>
   <img src="images/m_down.gif" border="0" />
   </td>
   <td width="521" valign="top">
   <img src="images/c_up.gif" border="0" />
<table border="0" cellspacing="0" cellpadding="0" width="521" height="400" id="content">
       <tr>
         <td valign="top">
         dasasasasasaaas
         </td>
       </tr>
     </table>
     <img src="images/c_down.gif" border="0" />
     </td>
 </tr>

 

un 2. jaut. kapēc man Mozilla un IE atšķiras atstarpes starp bildēm?

 

Skrīni:

 

 

Kods:

<td width="521" valign="top">
   <img src="images/c_up.gif" border="0" />
<table border="0" cellspacing="0" cellpadding="0" width="521" height="500" id="content">
   <tr valign="middle">
   <td id="galerija" align="center" width="25%">
   <a href="images/darbi/01.jpg"><img src="images/darbi/01m.jpg" border="0" height="150" /></a>
   </td>
   <td id="galerija" align="center" width="25%">
   <a href="images/darbi/02.jpg"><img src="images/darbi/02m.jpg" border="0" height="150" /></a>
   </td>
   <td id="galerija" align="center" width="25%">
   <a href="images/darbi/03.jpg"><img src="images/darbi/03m.jpg" border="0" height="150" /></a>
   </td>
   <td id="galerija" align="center" width="25%">
   <a href="images/darbi/04.jpg"><img src="images/darbi/04m.jpg" border="0" height="150" /></a>
   </td>
   </tr>
   <tr valign="middle">
   <td id="galerija" align="center" width="25%">
   <a href="images/darbi/05.jpg"><img src="images/darbi/05m.jpg" border="0" height="150" /></a>
   </td>
   <td id="galerija" align="center" width="25%">
   <a href="images/darbi/07.jpg"><img src="images/darbi/07m.jpg" border="0" height="150" /></a>
   </td>
   <td id="galerija" align="center" width="25%">
   <a href="images/darbi/08.jpg"><img src="images/darbi/08m.jpg" border="0" height="150" /></a>
   </td>
   <td id="galerija" align="center" width="25%">
   <a href="images/darbi/09.jpg"><img src="images/darbi/09m.jpg" border="0" height="150" /></a>
   </td>
   </tr>
   <tr valign="middle">
   <td id="galerija" align="center" width="25%">
   <a href="images/darbi/10.jpg"><img src="images/darbi/10m.jpg" border="0" height="150" /></a>
   </td>
   <td id="galerija" align="center" width="25%">
   <a href="images/darbi/11.jpg"><img src="images/darbi/11m.jpg" border="0" height="150" /></a>
   </td>
   <td id="galerija" align="center" width="25%">
   <a href="images/darbi/12.jpg"><img src="images/darbi/12m.jpg" border="0" height="150" /></a>
   </td>
   <td id="galerija" align="center" width="25%">
   <a href="images/darbi/13.jpg"><img src="images/darbi/13m.jpg" border="0" height="150" /></a>
   </td>
   </tr>
   </table>
   <img src="images/c_down.gif" border="0" />
   </td>

 

un CSS:

#galerija {
padding: 3px 3px 3px 3px;
}

[briedis]

Man arī ir bijusi šīze ar atstarpēm, un izlīdzējos ar <!---->.

 

Teiksim tev rakstīts kodā -

 

<td>

<bilde>

</td>

 

Browseris to saprot kā - <td>ATSTARPE<bilde>ATSTARPE</td>

 

Paprovē uzrkastīts šitā:(tā lai nav atstarpes starp elementiem)

<td><bilde></td>

 

vai šitā:

 

<td><!--

--><bilde><!--

--></td>

Edited October 8, 2009 by briedis

[marcis]

img {
 vertical-align: bottom;
}

Šis arī nepalīdz?

[eT`]

Paldies palīdzēja :)

Tālāk viens jaut.

Man menu katrs elements ir <li> un katram priekšā aplītis. uz FF aplītis ir tekstam vidū ( izskatās labi ) bet uz IE teksts ir virs aplīša :/

Skrīns:

[briedis]

paprovē noņemt aplīšus un katarm li likt fona bildi (kas ir aplītis via kāds smukāks simbols), kas centrēta vertikali un pa kreisi.

[mefisto]

Tabulas nav domātas lapas izkārtojumam.

Dzēs visu laukā un sāc mācīties.

[briedis]

Tabulas nav domātas lapas izkārtojumam.

Dzēs visu laukā un sāc mācīties.

 

Mefisto gribēja ar to teikt, ka lapas dizainu pareizāk ir taisīt bāzētu uz div elementiem, nevis tabulām, jo tabulas pārsvarā ir paredzētas TABULĀRIEM DATIEM. :)

 

Kā labāk, meklē google pēc atslēgvārdiem: "div css layout", atradīsi daudz noderīgu piemēru, un sapratīsi, ka ar div'iem un labu css sanāk daudz tīrāks html :)

[eT`]

Pārveidoju visu uz DIV`iem tikai galerijā atstāju tabulu :)

tiešām ērtāk.

[briedis]

Pārveidoju visu uz DIV`iem tikai galerijā atstāju tabulu :)

tiešām ērtāk.

 

Tā vajadzētu būt, un html arī izskatās smukāks :)