ďťż
Podstrony
|
telcocafeWstawił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. |
|||
Sitedesign by AltusUmbrae. |