Autor Zpráva
xlifer
Profil
Lze řešit zalomení (abych nemusel použít BR) odkazu v rámci DIV bloku přes nějaké nastavení CSS?

<style type="text/css">
.obal {
display: inline-block;
width: 100px;
height: 50px;
}
</style>
<div class="obal">
<a href="odkaz.html">Delší-nazev<br>odkazu</a>
</div>
Bubák
Profil
Text se zalomí automaticky, pokud nevejde na jeden řádek, ta máš deklarovanou šířku 100px.
xlifer
Profil
Bubák:

Ano, rozumím, díky. A jinak když budu chtít zalomit text v odkazu dříve přes BR, tak je takové zalomení v rámci odkazu ok? I co se týka pohledu SEO? (nechci zakládat další vlákno na toto téma nebo mám?).
jenikkozak
Profil
xlifer:
A jinak když budu chtít zalomit text v odkazu dříve přes BR, tak je takové zalomení v rámci odkazu ok?
Proč by nebylo? Jediný problém bývá v tom, že pokud je odkaz v menu přes více řádků, působí to nepřehledně.

I co se týka pohledu SEO?
SEU je to asi dost jedno.
Taurus
Profil
Ještě jeden takový menší problém může být, že, když se dělá víceřádkové úzké odkazové menu, tak umělé zalomení při zvětšení písma nemusí vypadat hezky. Taková drobnost.
Bubák
Profil
Pak tu je ještě CSS vlastnost white-space, ale když už bych musel, tak bych zalamoval HTML značkou <br>

Dodatek:
Ještě mě napadla taková "prasárna":
<style type="text/css">

.obal {
display: inline-block;
width: 100px;
height: 50px;
}
.obal span {
display: block;
}
</style>
<div class="obal">
<a href="odkaz.html">Delší-nazev<span></span>odkazu</a>
</div>
panther
Profil
xlifer:
proč se snažíš hledat jiné řešení, když správným je br (řádkový zlom)? Divím se, že se tě nikdo nezeptal dříve :-)

Bubák [#6] navrhl ještě jiné řešení, bez br, ale chovat se bude úplně stejné. A navíc je... hnusné. Raději než to použij klasické br.
peta
Profil
Muzes javascriptem obklopit kazdy znak spanem.
<style>.obal {width: 100px;}.obal a {display:inline-block;}.obal span {display:block;float:left;}</style>
<script>function spanize(text) {document.write( '<span>'+(text.split('').join('<\/span><span>'))+'<\/span>' );};</script>
<div class="obal">
<a href="odkaz.html"><script>spanize('Delší-nazevodkazu je to');</script></a>
<a href="odkaz.html"><script>spanize('Delší-nazevodkazu je to');</script></a>
<a href="odkaz.html"><script>spanize('Delší-nazevodkazu je to');</script></a>
</div>

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: