ďťż

Ramka o dokładnych wymiarach... w Operze i FireFox'ie

       

Podstrony


telcocafe

Wstawiłem obrazek do tabelki, i chicałem zrobić żeby ta tabelka stanowiła ramke dla obrazka, w IE wszystko działa natomiast w Operze i FF dolna krawędź nie przylega do obrazka (widoczne na fotce):

http://members.lycos...k/neves27/p.jpg

Jak zrobić żeby dolna krawędź przylegała pod tymi przeglądarkami?



napisalem kod:
<table cellpadding="0" cellspacing="0" style="border: 1px solid"> <tr> <td> <img src="gfx/plik.gif"> </td> </tr> </table>
i ladnie przylega pod ff i operą

Właściwie to mam ten sam problem.
wpisałem:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> </head> <body> <table cellpadding="0" cellspacing="0" style="border: 1px solid"> <tr> <td> <img src="obrazek.gif"> </td> </tr> </table> </body> </html>
I dalej widać wyraźnie odstęp (próbowałem z obrazkiem 64x64 i 600x800)
Użytkownik Shaky edytował ten post 11 marzec 2005, 20:54
Zrobiłem sobie styl i działa na localu :

.ramka {
border-collapse: collapse; <- dodaj ta linjke Shaky to nie powinno byc juz odstępu
border: 1px solid Black;
width: 760px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
height: 170;
border-spacing: 0;
}



Zrobiłem:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> </head> <body> <table border="1" STYLE="border-collapse: collapse"> <tr>    <td><img src="Shaky.gif"></td> </tr> </table> </body> </html>
I dalej odstęp jest :blink:
Spróbuje jescze na stylach ale wolałbym się obejść bez...

Zrobiłem:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <style type="text/css">    table { border-collapse: collapse; border: 1px solid Black; width: 556px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; height: 357; border-spacing: 0;}  </style> </head> <body bgcolor="green"> <table border="1" STYLE="border-collapse: collapse"> <tr>    <td><img src="2.jpg"></td> </table> </body> </html>
I dobrze? Bo u mnie nie...
Efekt:Taki

Nie .... u mnie działa tylko na localu jak wrzuce na serwer to znowu sie psuje :D

MAM :excl: znaczy działa :) wszystko zgodne z XHTML 1.1 :D
Styl:
.ramka { border-collapse: collapse; border: 1px solid Black; width: 760px; height: 170px; display: block; }
Definicja tabelki: <table width="100%" cellpadding="0" cellspacing="0" class="ramka"  >
Użytkownik NeVeS edytował ten post 12 marzec 2005, 10:32
A mógłbyś dać linka do tej stronki? Tak by wyraźnie było widać obramowanie (jasny obrazek, zielone tło).

Zrób tak:

<table border="1" cellpadding="0" cellspacing="0" >
<!-- Zdefiniuj szerokość i długosć w komorce -->
<tr><td WIDTH="100" HEIGHT="100" ></td></tr>
</table>


Zrób tak:

<table border="1" cellpadding="0" cellspacing="0" >
<!-- Zdefiniuj szerokość i długosć w komorce -->
<tr><td WIDTH="100" HEIGHT="100" ></td></tr>
</table>

Już wszytsko wiem. Wszystkie sposobby podawane wcześniej są dobre (a na pewno statjaceka). Wina leży w pierwszej linijce strony. A dokładnie chodzi o: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> (co dodaje automatycznie kreator nowego dokumentu).
Wystarczy dodać jeden wyraz w tej linijce (lub ją usunąć) by obramowanie działało jak ma działać.
A dokładnie:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> (przed)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> (po)

Mam nadzieję że oszczędze w ten sposób czasu i nerwów innym forumowiczom, gdyż sam nie mogłem dojść z tym do ładu.

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.