| Autor | Zpráva | ||
|---|---|---|---|
| xlifer Profil |
#1 · Zasláno: 16. 1. 2012, 02:30:55
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 |
#2 · Zasláno: 16. 1. 2012, 12:04:32
Text se zalomí automaticky, pokud nevejde na jeden řádek, ta máš deklarovanou šířku 100px.
|
||
| xlifer Profil |
#3 · Zasláno: 16. 1. 2012, 12:08:57
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 |
#4 · Zasláno: 16. 1. 2012, 12:16:15
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 |
#5 · Zasláno: 16. 1. 2012, 12:57:50
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 |
#7 · Zasláno: 17. 1. 2012, 14:21:49
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 |
#8 · Zasláno: 19. 1. 2012, 14:51:28
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> |
||
|
Časová prodleva: 12 let
|
|||
0