Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS]Prosty kod, trudny problem, Mam problem z określeniem wielkości odsyłacza
thomson89
post 16.01.2009, 18:37:32
Post #1





Grupa: Zarejestrowani
Postów: 1 178
Pomógł: 51
Dołączył: 7.01.2009
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----

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


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ć?


--------------------
Sklep 70%
Go to the top of the page
+Quote Post
Lombi
post 16.01.2009, 20:02:34
Post #2





Grupa: Zarejestrowani
Postów: 237
Pomógł: 11
Dołączył: 12.04.2006

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. <td><a href="link.html"><div>1</div></a></td>
[HTML] pobierz, plaintext


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

Ten post edytował Lombi 16.01.2009, 20:04:37


--------------------
znowu pomyliłem dwukropek ze średnikiem i starciłem pół dnia na szukanie błędu :)
Go to the top of the page
+Quote Post
piotrooo89
post 16.01.2009, 20:05:05
Post #3


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
Cytat(Lombi @ 16.01.2009, 20:02:34 ) *
[HTML] pobierz, plaintext 
  1. <td><a href="link.html"><div>1</div></a></td>
[HTML] pobierz, plaintext


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.


--------------------
Manual nie boli!

Profesjonalne Call Center

Ouzo Framework
Go to the top of the page
+Quote Post
Lombi
post 16.01.2009, 20:07:52
Post #4





Grupa: Zarejestrowani
Postów: 237
Pomógł: 11
Dołączył: 12.04.2006

Ostrzeżenie: (0%)
-----

Wybacz, ale miliony ludzi tak robi i jakoś z tym zyją. Jeśli znasz lepsze rozwiazanie to chetnie je zobaczymy.


--------------------
znowu pomyliłem dwukropek ze średnikiem i starciłem pół dnia na szukanie błędu :)
Go to the top of the page
+Quote Post
Lion_87
post 16.01.2009, 20:12:37
Post #5





Grupa: Zarejestrowani
Postów: 850
Pomógł: 120
Dołączył: 15.02.2007
Skąd: Łódź

Ostrzeżenie: (10%)
X----

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 ?!

Ten post edytował Lion_87 16.01.2009, 20:13:04
Go to the top of the page
+Quote Post
thomson89
post 16.01.2009, 20:17:08
Post #6





Grupa: Zarejestrowani
Postów: 1 178
Pomógł: 51
Dołączył: 7.01.2009
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----

No ul, li to jest jakis pomysł. Ale wtedy wiecej pracy z formatowaniem... worriedsmiley.gif


--------------------
Sklep 70%
Go to the top of the page
+Quote Post
piotrooo89
post 16.01.2009, 20:17:36
Post #7


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
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.


--------------------
Manual nie boli!

Profesjonalne Call Center

Ouzo Framework
Go to the top of the page
+Quote Post
Lion_87
post 16.01.2009, 20:19:46
Post #8





Grupa: Zarejestrowani
Postów: 850
Pomógł: 120
Dołączył: 15.02.2007
Skąd: Łódź

Ostrzeżenie: (10%)
X----

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..........

Ten post edytował Lion_87 16.01.2009, 20:24:41
Go to the top of the page
+Quote Post
Lombi
post 16.01.2009, 20:20:50
Post #9





Grupa: Zarejestrowani
Postów: 237
Pomógł: 11
Dołączył: 12.04.2006

Ostrzeżenie: (0%)
-----

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.

Ten post edytował Lombi 16.01.2009, 20:22:12


--------------------
znowu pomyliłem dwukropek ze średnikiem i starciłem pół dnia na szukanie błędu :)
Go to the top of the page
+Quote Post
thomson89
post 16.01.2009, 20:31:15
Post #10





Grupa: Zarejestrowani
Postów: 1 178
Pomógł: 51
Dołączył: 7.01.2009
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----

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...

Ten post edytował thomson89 16.01.2009, 20:39:51


--------------------
Sklep 70%
Go to the top of the page
+Quote Post
piotrooo89
post 16.01.2009, 20:41:01
Post #11


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
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:
[HTML] pobierz, plaintext 
  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>
[HTML] pobierz, plaintext


nie pokazujesz się ze zbyt dobrej strony.

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

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


nie wiem czy to jest to co Cię interesuje.

Ten post edytował piotrooo89 16.01.2009, 20:41:54


--------------------
Manual nie boli!

Profesjonalne Call Center

Ouzo Framework
Go to the top of the page
+Quote Post
thomson89
post 16.01.2009, 21:14:52
Post #12





Grupa: Zarejestrowani
Postów: 1 178
Pomógł: 51
Dołączył: 7.01.2009
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----

Robię to dla kolegi, tak aby się nie wyróżniał...

--EDIT--

[HTML] pobierz, plaintext 
  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. }
[HTML] pobierz, plaintext


Dałem takie coś i jest miodzio.

Ten post edytował thomson89 16.01.2009, 21:26:02


--------------------
Sklep 70%
Go to the top of the page
+Quote Post
piotrooo89
post 16.01.2009, 21:18:17
Post #13


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
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.

Ten post edytował piotrooo89 16.01.2009, 21:18:42


--------------------
Manual nie boli!

Profesjonalne Call Center

Ouzo Framework
Go to the top of the page
+Quote Post
thomson89
post 16.01.2009, 21:31:14
Post #14





Grupa: Zarejestrowani
Postów: 1 178
Pomógł: 51
Dołączył: 7.01.2009
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----

Nie chcę wyjść na głupka. Nie tylko ty to czytasz i tak to rozumiesz.

Dziękuję wszystkim.

Ten post edytował thomson89 16.01.2009, 21:39:17


--------------------
Sklep 70%
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 24.07.2025 - 12:38
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn