[HTML][CSS]linki - dziwny problem Opcje

[robos85]

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.

Ten post edytował robos85 22.10.2008, 12:19:29

[JoShiMa]

A pokażesz kod?

[robos85]

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 
<div id="c_general_left">
	<div id="c_general_left_h"></div>
	<div id="c_general_left_c">	
		<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>
		<div class="element_desc">
			<span class="element_desc_span">
			<span class="strong">Powierzchnia:</span> {$country.area} km<sup>2</sup><br />
			<span class="strong">Ludność:</span> {$country.population}<br />
			<span class="strong">Stolica:</span> {$country.capital_city}<br />
			<span class="strong">Ustrój polityczny:</span> {$country.government}<br />
			<span class="strong">Religie:</span> {$country.religion}<br />
			<span class="strong">Języki:</span> {$country.language}<br />
			<span class="strong">Kod samochodowy:</span> {$country.car_code}<br />
			<span class="strong">Kod telefoniczny:</span> {$country.phone_code}<br />
			<span class="strong">Nazwa waluty:</span> {$country.currency_name}<br />
			<span class="strong">Znak waluty:</span> {$country.currency_sign}<br />
			<span class="strong">Kod waluty:</span> {$country.currency_code}<br />
			</span>
		</div>
		<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>
		<div class="element_desc">
			<div class="element_desc_span">
			{$country.when_to_go|nl2br}
			</div>
		</div>
		<a class="element_header"><img src="{$smarty.const.BASEURL}images/c_general_icons/approach.jpg" alt="" /><span class="element_header_title">Dojazd</span></a>
		<div class="element_desc">
			<div class="element_desc_span">
			{$country.approach|nl2br}
			</div>
		</div>
		<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>
		<div class="element_desc">
			<div class="element_desc_span">
			{$country.documents|nl2br}
			</div>
		</div>
		<a class="element_header"><img src="{$smarty.const.BASEURL}images/c_general_icons/communication.jpg" alt="" /><span class="element_header_title">Komunikacja</span></a>
		<div class="element_desc">
			<div class="element_desc_span">
			{$country.communication|nl2br}
			</div>
		</div>
		<a class="element_header"><img src="{$smarty.const.BASEURL}images/c_general_icons/tout.jpg" alt="" /><span class="element_header_title">Noclegi</span></a>
		<div class="element_desc">
			<div class="element_desc_span">
			{$country.tout|nl2br}
			</div>
		</div>
		<a class="element_header"><img src="{$smarty.const.BASEURL}images/c_general_icons/health.jpg" alt="" /><span class="element_header_title">Zdrowie</span></a>
		<div class="element_desc">
			<div class="element_desc_span">
			{$country.health|nl2br}
			</div>
		</div>
		<a class="element_header"><img src="{$smarty.const.BASEURL}images/c_general_icons/food.jpg" alt="" /><span class="element_header_title">Jedzenie</span></a>
		<div class="element_desc">
			<div class="element_desc_span">
			{$country.food|nl2br}
			</div>
		</div>
		<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>
		<div class="element_desc">
			<div class="element_desc_span">
			{$country.car_drive|nl2br}
			</div>
		</div>
		<a class="element_header"><img src="{$smarty.const.BASEURL}images/c_general_icons/price.jpg" alt="" /><span class="element_header_title">Ceny</span></a>
		<div class="element_desc">
			<div class="element_desc_span">
			{$country.price|nl2br}
			</div>
		</div>
		<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>
		<div class="element_desc">
			<div class="element_desc_span">
			{$country.safety|nl2br}
			</div>
		</div>
		<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>
		<div class="element_desc">
			<div class="element_desc_span">
			{$country.phone|nl2br}
			</div>
		</div>
	</div>	
	<div id="c_general_left_b"></div>
</div>
 
<div id="c_general_right">
	dfgdfgdfgdfgdg
</div>
[HTML] pobierz, plaintext 

[JoShiMa]

i to nie jest wina position: relative?

[robos85]

a dlaczego? tylko elementy a mają ten dziwny błąd związany z br

[JoShiMa]

a tak w ogóle to czemu w elementach <a/> nie ma atrybutu href?

[robos85]

nie chodzi mi o te elementy tak w ogóle:)
linki będą w tych częściach:

[HTML] pobierz, plaintext 
<div class="element_desc_span">
{$country.food|nl2br}
</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]

1. Po pierwsze nie wiem i nigdy nie zgadnę, które linki Ci się źle wyświetlają
2. Po drugie jaką masz deklarację dokumentu?