Łamanie linków

0

Mam diva, który ma okresloną szerokość - width: 270px. W nim wyświetlam linki, czyli:

<div style="width: 270px;">
<a href="tag-Facebook.htm" title="10 Tematów"><span style="margin: 4px; font-weight: bold; color: #989898; font-size: 22px;">Facebook</span></a><a href="tag-HTML.htm" title="1 Tematów"><span style="margin: 4px; color: #c5c5c5; font-size: 15px;">HTML</span></a>
</div>

Ogólnie tych linków wewnątrz tego diva jest więcej, ale chodziło mi o przykład. I teraz problem jest tego typu, że te linki się nie łamią, mimo to, że okresliłem iż div ma mieścić tekstu na 270px maksymalnie. Wszelkiego rodzaju standardowe, css'owe sztuczki dot. łamania tekstu nie pomagają. Pomaga jedynie to, jeśli każdy link otoczę w znacznik div'a, ale wtedy znowu mam jeden pod drugim, a tak tez nie chcę.
Czy ktoś mnie nakieruje na błąd?

0

Narysuj o co Ci chodzi.

0

word-wrap:break-word;
Próbowałem już tego i to też nie jest to bo owszem, łamie linki, ale w środku słów, czyli zamiast:

facebook, skrypt, PHP
HTML, CSS

Mam:

facebook, skry
pt, PHP, HTM
L, CSS

0

reguła dla stylu dla jakiegoś miejsca musi Ci to psuć.
zrobiłem pusty plik, w pliku taka treść

<html>
<head>
	<title></title>
	<style type="text/css">
		div a { margin: 4px; color: #c5c5c5; font-size: 15px; }
		div { width: 270px;border:solid 1px }
	</style>
</head>
<body>
	<div>
		<a rel="nofollow" href="tag-Facebook.htm" title="10 Tematów" style="font-weight: bold; color: #989898; font-size: 22px;">
			Facebook
		</a>
	
		<a rel="nofollow" href="tag-HTML.htm" title="1 Tematów">
			HTML
		</a>

		<a rel="nofollow" href="tag-HTML.htm" title="1 Tematów">
			HTML spacja spacja
		</a>

		<a rel="nofollow" href="tag-HTML.htm" title="1 Tematów">
			HTML spacja spacja
		</a>

		<a rel="nofollow" href="tag-HTML.htm" title="1 Tematów">
			HTML spacja spacja
		</a>

		<a rel="nofollow" href="tag-HTML.htm" title="1 Tematów">
			HTML spacja spacja
		</a>

		<a rel="nofollow" href="tag-HTML.htm" title="1 Tematów">
			HTML spacja spacja
		</a>
	</div>
</body>
</html>

i wygląda to tak (w IE9, FF 18 i CH24):
Untitled.png

usunięcie span i przesunięcie definicji styli nie ma wpływu na wygląd strony w przeglądarce, zrobiłem to tylko po to, żebyś zobaczył jak to się powinno robić.

1 użytkowników online, w tym zalogowanych: 0, gości: 1