Podstrony
- telcocafe
- [HTML] Logowanie do ftp poprzez pole tekstowe Jak zrobić logowanie do ftp poprzez pole
- [HTML] Zła pozycja obrazka tła w tabeli Zła pozycja obrazka tła w komórce tabeli
- Darmowe statystyki odslon banera dla strony .html Czy istnieja statystyki odslona banera n
- [html] Newsy i suwak - jak to zrobić? Jak zrobić suwak?
- [html Css] Obramowanie Czcionki jak obramowac czcionke??
- [HTML] Miejsce pod formularzem Jak usunąć miejsce pod formularzem?
- [HTML] '*' == ?
- Usuwanie zbednych linijek kodu Program do usuwania linijek html
- [HTML] Formularz liczący punkty Coś w rodzaju testu liczącego punkty ;)
- [html] Polskie znaki Po wsadzeniu banera, zniknęły polskie znaki
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- teamfree.htw.pl
telcocafe
Mam za zadanie napisać takie coś (nieważne co) w htmlu (nistety w htmlu tylko i wyłącznie, szkoda). Co jest oczywiste mam kilka problemów.1. W tabelce (standardowa, 3 kolumny), kiedy wpiszę dłuższy kawałem tekstu do tej środkowej, to co jest w lewej i prawej zjeżdza w dół. próbowałem wyśrodkować stylami, ale widocznie źle próbowałem...
2. Tyczy się tylko Mozilli (Firefox) i Opery. Mam klasę przycisku:
A.przycisk { border: 1px solid #ADAEAD; font: bold 8pt verdana; text-align: center; text-decoration: none; color: #FFFBF0; padding: 4px; width: 140px; height: 20px; background: url(gfx/a.gif); } A.przycisk:HOVER { background: url(gfx/a_hover.gif); color: #FFFBF0; }
Kiedy wstawiam link tej klasy w ie jest dobrze, w Firefoxie i w Operze przycisk zmniejsza się do wysokości czcionki i szerokości tekstu. Do tego nachodzą jeden na drugi (obrazki są wymiarów 140x20). Jak usunąć błąd
Spróbuj w bocznych td ustawić tak:
<td ... valign="top">
A jak niepomoże to możesz jeszcze zagnieździć kolejne tabele w bocznych komórkach i valign ustawić jak wyżej.
Użytkownik reVis edytował ten post 10 listopad 2005, 18:11
1. W tabelce (standardowa, 3 kolumny), kiedy wpiszę dłuższy kawałem tekstu do tej środkowej, to co jest w lewej i prawej zjeżdza w dół. próbowałem wyśrodkować stylami, ale widocznie źle próbowałem...
właściwie to nie dla mnie, ale
<html> <head> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" > <style type="text/css"> <!-- body { margin-top: 10px; margin-left: 25px; margin-right: 25px; } A.klawisz { border: 1px solid #ADAEAD; font: bold 8pt verdana; text-align: center; text-decoration: none; color: #FFFBF0; padding: 4px; width: 140px; height: 20px; background: url(gfx/a.gif); } A.klawisz:HOVER { background: url(gfx/a_hover.gif); color: #FFFBF0; } --> </style> <script type="text/javascript" language="Javascript"> <!-- c1=new Image(); c1.src="c1.gif" c2=new Image(); c2.src="c2.gif" c3=new Image(); c3.src="c3.gif" c4=new Image(); c4.src="c4.gif" c5=new Image(); c5.src="c5.gif" c6=new Image(); c6.src="c6.gif" c7=new Image(); c7.src="c7.gif" c8=new Image(); c8.src="c8.gif" c9=new Image(); c9.src="c9.gif" c0=new Image(); c0.src="c0.gif" function extract(h,m,s) { if (h<=9) { document.images.a.src=c0.src document.images.b.src=eval("c"+h+".src") }else { document.images.a.src=eval("c"+Math.floor(h/10)+".src") document.images.b.src=eval("c"+(h%10)+".src") } if (m<=9) { document.images.d.src=c0.src document.images.e.src=eval("c"+m+".src") } else { document.images.d.src=eval("c"+Math.floor(m/10)+".src") document.images.e.src=eval("c"+(m%10)+".src") } if (s<=9) { document.g.src=c0.src document.images.h.src=eval("c"+s+".src") }else { document.images.g.src=eval("c"+Math.floor(s/10)+".src") document.images.h.src=eval("c"+(s%10)+".src") } } function zegar() { var Digital=new Date() var hours=Digital.getHours() var minutes=Digital.getMinutes() var seconds=Digital.getSeconds() extract(hours,minutes,seconds) setTimeout("zegar()",1000) } //--> </script> <title>.</title> </head> <body link="#A6CAF0" alink="#FF0000" vlink="#FFF0D4" style="background-color: #0E0E0E; color: #FFFFFF; text-align: center" onload="zegar()"> <center> <table width="800" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="3" style="text-align: center"> <img src="gfx/logo.jpg" alt="Rozmiar: 8046 bajtów" /> <br /><br /> </td> </tr> <tr> <td style="background: #FFE428" > <div style="color: #0E0E0E; font-weight: bolder;">link|link|link|link|link</div> </td> <td style="background: #FFE428"></td> <td><img src="gfx/triangle.gif" width="94" height="25" alt="Rozmiar: 963 bajtów" /></td> </tr> <tr> <td colspan="3" style="background: url(gfx/gold_belt.bmp)"> </td> </tr> <tr> <td style="width: 150"> <img src="gfx/menu.gif" alt="Rozmiar: 1510 bajtów" /> <div style="text-align: center" valign="top"><a href="http://www.php.pl" class="klawisz">PHP (jakieś)</a><br /> <a href="http://www.webhelp.pl" class="klawisz">Webbelp(linki)</a><br /> </div> </td> <td><div style="border: thin solid #FFFBF0"> JAKIS TEKST </td></div> <td style="width: 150"><br /> <img src="gfx/statystyki.gif" alt="Rozmiar: 1682 bajtów" /> JAKIS TEKST <br /> <img src="gfx/gold_belt_small.gif" alt="Rozmiar: 1189 bajtów" /> <img src="cb.gif" name="a" height="21" width="16"><img src="cb.gif" name="b" height="21" width="16"><img src="kropki.gif" name="c" height="21" width="9"><img src="cb.gif" name="d" height="21" width="16"><img src="cb.gif" name="e" height="21" width="16"><img src="kropki.gif" name="f" height="21" width="9"><img src="cb.gif" name="g" height="21" width="16"><img src="cb.gif" name="h" height="21" width="16"><br /><br /> <br /> </td> </tr> <tr> <td colspan="3" style="background: url(gfx/gold_belt.bmp)"> <div style="color: #0E0E0E; text-align: center" </div> </td> </tr> </table> </center> </body> </html>