Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]linki - dziwny problem
Forum PHP.pl > Forum > Przedszkole
robos85
22.10.2008, 12:16:51
Mam dziwny problem z linkami. gdy po linku jest <br /> to robi z niego spację. Gdy dam 2gi <br /> to wtedy robi 1 enter dopiero:/
Gdy linka dam pomiędzy <span>...</span> wszystko jest ok.

Dodam że w bazie dane trzymane są ze znakami nowej linii i w smarty przy wyświetlaniu dopiero używam nl2br.
Dla linii bez linków wszystko działa OK. Czy to jakiś problem z css dla linka?

Z góry dzięki za pomoc.
JoShiMa
22.10.2008, 12:49:40
A pokażesz kod?
robos85
22.10.2008, 15:14:08
css:
Kod
#c_general_left
{float:left;overflow:hidden;width:530px;}
#c_general_right
{float:right;overflow:hidden;width:264px;background-color:#ff0000;}

#c_general_left_h
{width:530px; height:19px; background-image:url(../images/c_general_left_h.jpg); clear:both;}
#c_general_left_c
{background-color:#e3e3e2; position:relative;}
#c_general_left_b
{width:530px; height:19px; background-image:url(../images/c_general_left_b.jpg); clear:both;}

.element_header
{width:530px; height:36px; display:block; background-image:url(../images/element_b.jpg); background-repeat:no-repeat; clear:both; line-height:36px; position:relative; padding-bottom:3px; overflow:hidden; background-color:#e3e3e2; color:#000000; cursor:pointer; font-weight:bold;}
.element_header img
{position:absolute; left:15px; top:5px;}
.element_header_title
{margin-left: 55px; font-size:13px;}

.element_desc
{padding:0px 20px 0px 55px; background-color:#e9e7e8;}
.element_desc_span
{padding:10px 0px 10px 0px; text-align:justify; line-height:18px; font-size:12px;}
.strong
{font-weight:bold;}


html:
[HTML] pobierz, plaintext 
  1. <div id="c_general_left">
  2. 	<div id="c_general_left_h"></div>
  3. 	<div id="c_general_left_c">	
  4. 		<a class="element_header"><img src="{$smarty.const.BASEURL}images/c_general_icons/info.jpg" alt="" /><span class="element_header_title">Informacje o kraju</span></a>
  5. 		<div class="element_desc">
  6. 			<span class="element_desc_span">
  7. 			<span class="strong">Powierzchnia:</span> {$country.area} km<sup>2</sup><br />
  8. 			<span class="strong">Ludność:</span> {$country.population}<br />
  9. 			<span class="strong">Stolica:</span> {$country.capital_city}<br />
  10. 			<span class="strong">Ustrój polityczny:</span> {$country.government}<br />
  11. 			<span class="strong">Religie:</span> {$country.religion}<br />
  12. 			<span class="strong">Języki:</span> {$country.language}<br />
  13. 			<span class="strong">Kod samochodowy:</span> {$country.car_code}<br />
  14. 			<span class="strong">Kod telefoniczny:</span> {$country.phone_code}<br />
  15. 			<span class="strong">Nazwa waluty:</span> {$country.currency_name}<br />
  16. 			<span class="strong">Znak waluty:</span> {$country.currency_sign}<br />
  17. 			<span class="strong">Kod waluty:</span> {$country.currency_code}<br />
  18. 			</span>
  19. 		</div>
  20. 		<a class="element_header"><img src="{$smarty.const.BASEURL}images/c_general_icons/when.jpg" alt="" /><span class="element_header_title">Kiedy jechać</span></a>
  21. 		<div class="element_desc">
  22. 			<div class="element_desc_span">
  23. 			{$country.when_to_go|nl2br}
  24. 			</div>
  25. 		</div>
  26. 		<a class="element_header"><img src="{$smarty.const.BASEURL}images/c_general_icons/approach.jpg" alt="" /><span class="element_header_title">Dojazd</span></a>
  27. 		<div class="element_desc">
  28. 			<div class="element_desc_span">
  29. 			{$country.approach|nl2br}
  30. 			</div>
  31. 		</div>
  32. 		<a class="element_header"><img src="{$smarty.const.BASEURL}images/c_general_icons/document.jpg" alt="" /><span class="element_header_title">Wymagane dokumenty</span></a>
  33. 		<div class="element_desc">
  34. 			<div class="element_desc_span">
  35. 			{$country.documents|nl2br}
  36. 			</div>
  37. 		</div>
  38. 		<a class="element_header"><img src="{$smarty.const.BASEURL}images/c_general_icons/communication.jpg" alt="" /><span class="element_header_title">Komunikacja</span></a>
  39. 		<div class="element_desc">
  40. 			<div class="element_desc_span">
  41. 			{$country.communication|nl2br}
  42. 			</div>
  43. 		</div>
  44. 		<a class="element_header"><img src="{$smarty.const.BASEURL}images/c_general_icons/tout.jpg" alt="" /><span class="element_header_title">Noclegi</span></a>
  45. 		<div class="element_desc">
  46. 			<div class="element_desc_span">
  47. 			{$country.tout|nl2br}
  48. 			</div>
  49. 		</div>
  50. 		<a class="element_header"><img src="{$smarty.const.BASEURL}images/c_general_icons/health.jpg" alt="" /><span class="element_header_title">Zdrowie</span></a>
  51. 		<div class="element_desc">
  52. 			<div class="element_desc_span">
  53. 			{$country.health|nl2br}
  54. 			</div>
  55. 		</div>
  56. 		<a class="element_header"><img src="{$smarty.const.BASEURL}images/c_general_icons/food.jpg" alt="" /><span class="element_header_title">Jedzenie</span></a>
  57. 		<div class="element_desc">
  58. 			<div class="element_desc_span">
  59. 			{$country.food|nl2br}
  60. 			</div>
  61. 		</div>
  62. 		<a class="element_header"><img src="{$smarty.const.BASEURL}images/c_general_icons/car_drive.jpg" alt="" /><span class="element_header_title">Jazda samochodem</span></a>
  63. 		<div class="element_desc">
  64. 			<div class="element_desc_span">
  65. 			{$country.car_drive|nl2br}
  66. 			</div>
  67. 		</div>
  68. 		<a class="element_header"><img src="{$smarty.const.BASEURL}images/c_general_icons/price.jpg" alt="" /><span class="element_header_title">Ceny</span></a>
  69. 		<div class="element_desc">
  70. 			<div class="element_desc_span">
  71. 			{$country.price|nl2br}
  72. 			</div>
  73. 		</div>
  74. 		<a class="element_header"><img src="{$smarty.const.BASEURL}images/c_general_icons/safety.jpg" alt="" /><span class="element_header_title">Bezpieczeństwo</span></a>
  75. 		<div class="element_desc">
  76. 			<div class="element_desc_span">
  77. 			{$country.safety|nl2br}
  78. 			</div>
  79. 		</div>
  80. 		<a class="element_header"><img src="{$smarty.const.BASEURL}images/c_general_icons/phone_number.jpg" alt="" /><span class="element_header_title">Ważne telefony</span></a>
  81. 		<div class="element_desc">
  82. 			<div class="element_desc_span">
  83. 			{$country.phone|nl2br}
  84. 			</div>
  85. 		</div>
  86. 	</div>	
  87. 	<div id="c_general_left_b"></div>
  88. </div>
  89.  
  90. <div id="c_general_right">
  91. 	dfgdfgdfgdfgdg
  92. </div>
[HTML] pobierz, plaintext
JoShiMa
22.10.2008, 15:21:44
i to nie jest wina position: relative?
robos85
22.10.2008, 15:53:25
a dlaczego? tylko elementy a mają ten dziwny błąd związany z br
JoShiMa
22.10.2008, 16:02:56
a tak w ogóle to czemu w elementach <a/> nie ma atrybutu href?
robos85
22.10.2008, 16:23:04
nie chodzi mi o te elementy tak w ogóle:)
linki będą w tych częściach:
[HTML] pobierz, plaintext 
  1. <div class="element_desc_span">
  2. {$country.food|nl2br}
  3. </div>
[HTML] pobierz, plaintext


te linki to są nagłówki - struktura dla accordion w jquery - dlatego nie ma hrefa.
A mi chodzi o te linki, których miejsce podałem wyżej.
JoShiMa
23.10.2008, 10:17:15
1. Po pierwsze nie wiem i nigdy nie zgadnę, które linki Ci się źle wyświetlają
2. Po drugie jaką masz deklarację dokumentu?
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.