Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Prosty kod, trudny problem
Forum PHP.pl > Forum > Przedszkole
thomson89
NAjpierw kod:
  1. <style type="text/css">
  2. body
  3. {
  4. background: url(img/tlo.jpg);
  5. }
  6.  
  7. #bd
  8. {
  9. table-layout: auto;
  10. width: 90%;
  11. background-color: lightgreen;
  12. border: 2px solid;
  13. }
  14.  
  15. #menu
  16. {
  17. width: 100%;
  18. text-align: center;
  19. }
  20. #menu tr td
  21. {
  22. background-color: green;
  23.  
  24. }
  25. #menu tr td a
  26. {
  27. color: white;
  28. text-decoration: none;
  29. }
  30.  
  31.  
  32.  
  33. <meta http-equiv="Content-Language" content="pl">
  34. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
  35. <title>STRONA KLASY IIB - </title>
  36. </head>
  37. <table id="bd" align="center">
  38. <tr>
  39. <td><center>TYTUL STRONY</td>
  40. </tr>
  41. <tr>
  42. <td>
  43. <table id="menu" >
  44. <tr>
  45. <td><a href="index"><br>1<br>&nbsp</a></td>
  46. <td><a href="index"><br>2<br>&nbsp</a></td>
  47. <td><a href="index"><br>3<br>&nbsp</a></td>
  48. <td><a href="index"><br>4<br>&nbsp</a></td>
  49. <td><a href="index"><br>5<br>&nbsp</a></td>
  50. </tr>
  51. </table>
  52. </td>
  53. </tr>
  54. <tr>
  55. <td>TRESC</td>
  56. </tr>
  57. <tr>
  58. <td>STOPKA</td>
  59. </tr>
  60. </table>
  61.  
  62.  
  63.  
  64. </body>
  65. </html>


Kod ten tworzy tablekę, tabelka druga z id menu to duże zielone przyciski. Ale jak wpisze tam tekst i dam odnosnik, to niestety (to normalne) mam w odsyłaczu tylko tekst. CHciałbym teraz aby cały duży przycisk czyli czałe td, było jako odsyłacz a nie tylko tekst.

Jak to zrobić?
Lombi
  1. <td><a href="link.html"><div>1</div></a></td>


Oczywistym jest że to tylko pokazówka i musisz sobie stylami jakoś div-a dopasować do Twoich potrzeb smile.gif
piotrooo89
Cytat(Lombi @ 16.01.2009, 20:02:34 ) *
  1. <td><a href="link.html"><div>1</div></a></td>


Oczywistym jest że to tylko pokazówka i musisz sobie stylami jakoś div-a dopasować do Twoich potrzeb smile.gif


dajesz element liniowy w element blokowy? chyba nie tędy droga, semantyka leży.
Lombi
Wybacz, ale miliony ludzi tak robi i jakoś z tym zyją. Jeśli znasz lepsze rozwiazanie to chetnie je zobaczymy.
Lion_87
Cytat
Wybacz, ale miliony ludzi tak robi i jakoś z tym zyją. Jeśli znasz lepsze rozwiazanie to chetnie je zobaczymy.

a niech se będzie i miliard

Cytat
CHciałbym teraz aby cały duży przycisk czyli czałe td, było jako odsyłacz a nie tylko tekst.

Może zastosuj UL<-->LI ?!
thomson89
No ul, li to jest jakis pomysł. Ale wtedy wiecej pracy z formatowaniem... worriedsmiley.gif
piotrooo89
Cytat(Lombi @ 16.01.2009, 20:07:52 ) *
Wybacz, ale miliony ludzi tak robi i jakoś z tym zyją. Jeśli znasz lepsze rozwiazanie to chetnie je zobaczymy.


no i jeśli milion osób wskoczy do ognia ty będziesz kolejny? po to są określone standardy aby z nich korzystać, jeśli ktoś (nie mówię tu tylko o Tobie) nie chce z nich korzystać to niech przynajmniej nie wprowadza innych w błąd.

co to tematu. tabelki to zło. http://osiolki.net/tabelki/
menu zrób na liście nieoznaczonej czyli <ul> ewentualnie na div'ach ale polecam to pierwsze.
Lion_87
Cytat
No ul, li to jest jakis pomysł. Ale wtedy wiecej pracy z formatowaniem... worriedsmiley.gif


No co TY? Raz dwa i po problemie lepiej niż miałbyś na DIVach robić(bezsensownie).

@DOWN
No dobrze....fajnie..... ale co zaszkodzi na jego "początku" żeby odrazu mu powiedzieć by nie robił na tabelkach? hee?
Każdy kiedyś zaczynał i nie mam wpisanego w nicku "PROFSIONALISTA" offf..........
Lombi
Najlepiej zakażcie mu jeszcze tabeli używać, bo co za lamer robi strony w oparciu o tabelki...
Wszyscy niesamowici profesjonaliści... a jak zapytać o coś to nikt nic nie umie! Oczywiście są wyjątki.

Dlaczego nikt mu nie odpoweidzial jak chlopak zadał pytanie?
Tylko krytykować umiecie! Widać ze czloweik zaczyna swoja przygode ze stronkami dopiero i sądze że ma jeszcze dużo czasu aby jego strony przechodziły walidator bez żadnego błędu.
thomson89
Cytat(Lombi @ 16.01.2009, 20:20:50 ) *
Najlepiej zakażcie mu jeszcze tabeli używać, bo co za lamer robi strony w oparciu o tabelki...


Dokładnie. Ja uważam się za jako tako, dobrego programistę. Tabelek już od roku nie używam, robię strony na divach i w php. Ten projekt jes dla kolegi. Pan im powiedział zróbcie stronę (lamerską) w front page-u. A ja sie dla niego postarałem i zrobiłem coś więcej.

--EDIT--

Zaraz popracuję i zobaczę co wyjdzie...
piotrooo89
Cytat(thomson89 @ 16.01.2009, 20:31:15 ) *
Ja uważam się za jako tako, dobrego programistę.


nie chce Cię krytykować, nie odbierz mnie źle ale robiąc tak:
  1. <td><a href="index"><br>1<br>&nbsp</a></td>
  2. <td><a href="index"><br>2<br>&nbsp</a></td>
  3. <td><a href="index"><br>3<br>&nbsp</a></td>
  4. <td><a href="index"><br>4<br>&nbsp</a></td>
  5. <td><a href="index"><br>5<br>&nbsp</a></td>


nie pokazujesz się ze zbyt dobrej strony.

jeśli już chcesz na tych tabelkach moge zaproponować coś takiego:

  1. <style type="text/css">
  2. body
  3. {
  4. background: url(img/tlo.jpg);
  5. }
  6.  
  7. #bd
  8. {
  9. table-layout: auto;
  10. width: 90%;
  11. background-color: lightgreen;
  12. border: 2px solid;
  13. }
  14.  
  15. #menu
  16. {
  17. width: 100%;
  18. text-align: center;
  19. }
  20. #menu tr td
  21. {
  22. background-color: green;
  23. }
  24. a
  25. {
  26. color: white;
  27. text-decoration: none;
  28. display: block;
  29. padding: 20%;
  30. }
  31.  
  32.  
  33.  
  34. <meta http-equiv="Content-Language" content="pl">
  35. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
  36. <title>STRONA KLASY IIB - </title>
  37. </head>
  38. <table id="bd" align="center">
  39. <tr>
  40. <td><center>TYTUL STRONY</td>
  41. </tr>
  42. <tr>
  43. <td>
  44. <table id="menu" >
  45. <tr>
  46. <td><a href="index">1</a></td>
  47. <td><a href="index">2</a></td>
  48. <td><a href="index">3</a></td>
  49. <td><a href="index">4</a></td>
  50. <td><a href="index">5</a></td>
  51. </tr>
  52. </td>
  53. </tr>
  54. <tr>
  55. <td>TRESC</td>
  56. </tr>
  57. <tr>
  58. <td>STOPKA</td>
  59. </tr>
  60.  
  61.  
  62.  
  63. </body>
  64. </html>


nie wiem czy to jest to co Cię interesuje.
thomson89
Robię to dla kolegi, tak aby się nie wyróżniał...

--EDIT--

  1. a:hover
  2. {
  3. color: black;
  4. text-decoration: none;
  5. display: block;
  6. padding: 20%;
  7. }
  8.  
  9. #menu tr td a:hover
  10. {
  11. background-color: lightgreen;
  12. }


Dałem takie coś i jest miodzio.
piotrooo89
Cytat(thomson89 @ 16.01.2009, 21:14:52 ) *
Robię to dla kolegi, tak aby się nie wyróżniał...


szczerze to nie musisz się tłumaczyć. winksmiley.jpg tylko napisałem swoje zdanie na ten temat.
thomson89
Nie chcę wyjść na głupka. Nie tylko ty to czytasz i tak to rozumiesz.

Dziękuję wszystkim.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.