Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html] lista uporządkowana
Forum PHP.pl > Forum > Przedszkole
drzalek
24.10.2007, 17:35:00
Mam taki problem. Zrobiłem sobie listę numerowaną, taką normalną <ol>. Umieściłem ją w tabelce i teraz niektóre podpunkty są zbyt długie i nie mieszczą się w jednej linijce, tylko schodzą do kolejnej, problem polega na tym, że punkt przyporządkowany do tych dłuższych, dwuwierszowych, znajduje się na wysokości drugiego wiersza, a nie jak na wykaz przystało pierwszego. Nie wiem dlaczego tak się dzieje, bo wcześniej tak nie miałem, a kod wygląda mniej więcej tak:
[HTML] pobierz, plaintext 
  1. <ol>
  2. <li><a href="jakasstronka.php">pierwszy punkt</a></li>
  3. <li><a href="jakasstronka.php">drugi punk, ale dluzszy, dwuwierszowy</a></li>
  4. <li><a href="jakasstronka.php">trzeci punkt</a></li>
  5. <li><a href="jakasstronka.php">itd.</a></li>
  6. </ol>
[HTML] pobierz, plaintext


Z góry dzięki za pomoc smile.gif
drPayton
24.10.2007, 18:03:27
W jakiej przeglądarce to widziałeś? Sprawdziłem na FF, IE7, Operze 9 i jest tak jak być powinno, czyli na wysokości pierwszego wiersza blinksmiley.gif
drzalek
24.10.2007, 19:51:35
No w IE7 właśnie i jestem bardzo mocno zdziwiony, jeszcze z czymś takim nie miałem do czynienia blinksmiley.gif
A nie wiem czy ol ma jakies atrybuty definiujące ten problem, ja nie znam takich i nigdzie też nie widziałem, bo już szukałem.

A może to być spowodowane tym, że ja pobieram ten kod z bazy danych??
drPayton
24.10.2007, 20:01:43
A nie masz przypadkiem jakiegoś css ogólnego do list/komórek tabeli/whatever, który mógłby to powodować? Zapewniam Cię, że ten kod działa dokładnie tak jak powinien, a to skąd pobierasz te dane nie ma najmniejszego znaczenia.
drzalek
24.10.2007, 20:06:27
Mam alphe w stylach, do aktywnych linków
[HTML] pobierz, plaintext 
  1. hover {FONT-WEIGHT: bold; FILTER: alpha(Opacity=100, FinishOpacity=10, Style=3);
  2. BEHAVIOR: url(linkhilight.htc); 
  3. COLOR: #FF0000; HEIGHT: 0px; TEXT-DECORATION: none;}
[HTML] pobierz, plaintext


Może to to?
drPayton
24.10.2007, 20:13:20
Nie, to nie to. Gdzie indziej musi być problem. Nie wiem, może daj cały html i css bo to jakiś kosmos winksmiley.jpg
drzalek
24.10.2007, 20:18:40
Oki no to to jest caly muj css: 
[HTML] pobierz, plaintext 
  1. <style type=text/css>
  2.  
  3. body 
  4.  	{SCROLLBAR-FACE-COLOR:#710302; 
  5. 	SCROLLBAR-HIGHLIGHT-COLOR: #710302; 
  6. 	SCROLLBAR-SHADOW-COLOR: #710302; 
  7. 	SCROLLBAR-3DLIGHT-COLOR: #000000; 
  8. 	SCROLLBAR-ARROW-COLOR: #000000; 
  9. 	SCROLLBAR-TRACK-COLOR: darkgreen; 
  10. 	SCROLLBAR-DARKSHADOW-COLOR: #000000}
  11. body 
  12. 	{FONT-SIZE: 11px; 
  13. 	COLOR: #FFFFFF; 
  14. 	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
  15. 	BACKGROUND-COLOR: #000000}
  16. h1 
  17. 	{FONT-SIZE: 11px; 
  18. 	COLOR: #000000}
  19.  
  20. a 
  21. 	{FONT-WEIGHT: bold; 
  22. 	COLOR: #FFFFFF; 
  23. 	HEIGHT: 0px; 
  24. 	TEXT-DECORATION: none;}
  25.  
  26. a:hover {FONT-WEIGHT: bold; 
  27. 	FILTER: alpha(Opacity=100, FinishOpacity=10, Style=3); 
  28. 	BEHAVIOR: url(linkhilight.htc); 
  29. 	COLOR: #FF0000; HEIGHT: 0px; 
  30. 	TEXT-DECORATION: none;}
  31.  
  32. td 
  33. 	{FONT-SIZE: 12px; 
  34. 	COLOR: #FFFFFF; 
  35. 	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
  36.  
  37. </style>
[HTML] pobierz, plaintext


A to jest cały kod html
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
  4. <link rel="Stylesheet" href="style.css" type="text/css">
  5. </head>
  6. <body background="pliki/tlostrona.jpg" align="center">
  7. <center>
  8. <!-- Tabelka Top 1 -->
  9. 	<table width="900" height="550" style="background-image: url('pliki/top.jpg'); margin: 0px;" cellpadding="0" cellspacing="0">
  10. 	<td width="900" height="550"></td>
  11. 	</table>
  12.  
  13. <!-- Tabelka Top 2 -->
  14. 	<table width="900" style="background-image: url('pliki/tlotop.jpg'); margin: 0px;" cellpadding="0" cellspacing="0">
  15. 		<td width="900" align="center">
  16. 		<br><BR><BR><BR>
  17. 		</td>
  18. 		<tr>
  19. 		<td width="900" height="50" style="background-image: url('pliki/tlotopdol.jpg'); margin: 0px;"></td></tr>
  20. 	</table>
  21. <!-- pocz&plusmn;tek tablei głównej (newsy, zawarto&para;ć innych podstron) -->	
  22. 	<table width="900" style="background-image: url('pliki/tlo.jpg'); margin: 0px;" cellpadding="0" cellspacing="0">
  23. 	<td width="900" align="center">
  24.  
  25. <!--tabela wewnętrzna, dwukolumnowa dla  strony  strony index-->	
  26. 	<table width="900" cellpadding="0" cellspacing="0">
  27. 	<td width="200" align="center" valign="top">
  28. <img src="plikilewa/aktualizacje.jpg" style="margin: 20px;">
  29. 	<!-- tutaj miejsce dla info bocznych -->
  30. 	</td>
  31. 	<td width="500" align="center">
  32. 	<!-- tutaj miejsce dla newsów -->
  33.  
  34. <!--koniec nagłówka-->
  35.  
  36.  
  37. <table width="400"><td width="160" align="left"><img src="plyty/idnwwihg.jpg"></img><br /><br />
  38. <img src="plyty/idnwwihgdc.jpg"></img></td><td width="240" align="left" valign="top"><ol>
  39. <li><a href="teksty.php?id=10">FEEL SO DIFFERENT</a></li>
  40. <li><a href="teksty.php?id=11">I AM STRETCHED ON YOUR GRAVE</a></li>
  41. <li><a href="teksty.php?id=12">THREE BABIES</a></li>
  42. <li><a href="teksty.php?id=13">THE EMPEROR'S NEW CLOTHES</a></li>
  43. <li><a href="teksty.php?id=14">BLACK BOYS ON MOPEDS</a></li>
  44. <li><a href="teksty.php?id=15">NOTHING COMPARES 2 U</a></li>
  45. <li><a href="teksty.php?id=16">JUMP IN THE RIVER</a></li>
  46. <li><a href="teksty.php?id=17">YOU CAUSE AS MUCH SORROW</a></li>
  47. <li><a href="teksty.php?id=18">THE LAST DAY OF OUR ACQUAINTANCE</a></li>
  48. <li><a href="teksty.php?id=19">I DO NOT WANT WHAT I HAVEN'T GOT</a></li>
  49. </ol></td></table><table width="400"><td align="left"><p style=" color: #FFFFFF;"><b><u>I Do Not Want What I Haven't Got</u></b></p>Data wydania: 1990-02-28<p style=" color: #FFFFFF;"><p>tekst na temat</p>
  50. <p>
  51. Dalej tekst</p></p></td></table>
  52.  
  53.  
  54.  
  55.  
  56.  
  57. <!--pocz&plusmn;tek stopki -->	
  58. </td>
  59. <td width="200" align="center">
  60. 	<!-- tutaj miejsce dla info bocznych2 -->
  61. 	</td>
  62.  
  63. 	</table>
  64. <!--koniec tabeli i komórki głównej (newsy, zawartosc innych podstron) -->
  65.  
  66. 	</td>
  67. 	</table>
  68. <!-- Koniec dokumentu, zamknięcie -->
  69. </body>
  70. </html>
[HTML] pobierz, plaintext
drPayton
24.10.2007, 20:22:38
Jest jak trzeba, czyli kod jest w porządku (o ile wszystko wkleiłeś). Problem jest gdzie indziej, chociaż szczerze pisząc, ciężko mi w to uwierzyć winksmiley.jpg
drzalek
24.10.2007, 20:26:04
Oki to przesyłam linka do strony, zobacz jak u ciebie się wyświetla


http://www.sineadoconnor.netmark.pl/plyty.php?id=2

PS.
Nie śmiać się - strona się robi dopiero biggrin.gif
drPayton
24.10.2007, 20:50:11
Prawidłowo:


PS. "Nie śmiać się" - Nie ma z czego, całkiem ładnie winksmiley.jpg
drzalek
24.10.2007, 20:57:57


Żeby nie było, że kłamie, u mnie się tak wyświetla smile.gif
drPayton
24.10.2007, 21:53:43 
[HTML] pobierz, plaintext 
  1. a {FONT-WEIGHT: bold; COLOR: #FFFFFF; HEIGHT: 0px; TEXT-DECORATION: none;}
[HTML] pobierz, plaintext


HEIGHT: 0px; powoduje błąd winksmiley.jpg

PS: Jeśli dołączasz zewnętrzny arkusz stylów, nie potrzeba w nim tagu <style...
A w zasadzie to nawet nie może go tam być winksmiley.jpg
drzalek
24.10.2007, 22:28:56
Super, dzięki wielkie biggrin.gif sam bym tego nie znalazł, no a przynajmniej nie tak szybko, pewnie z miesiac bym sie głowił biggrin.gif Jeszcze raz dzięki
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.