Autor Zpráva
orsic
Profil
setkávám se hodně často na různých blozích že když někdo přidá extra dlouhý odkaz na nějakou stránku do příspěvku tak se nezalomí a přesahuje přes další divy.

jak by to šlo nejlépe fixnout? užitím wordwrap v CSS ?

díky za tipy.
habendorf
Profil
užitím wordwrap v CSS ?

V CSS wordwrap není. Je tam overflow, případně text-overflow (IE).
orsic
Profil
zkusím to zde odkazem na stupidní novoroční pořad nejmenované komervize,předem se omlouvám :)

http://www.nova.cz/tvarchiv/?238v=125269&238v=125270&238v=125271&238v= 125272&238v=125273&238v=125274&238v=125275&238v=125276&238v=125277&238 v=125278&238v=125279&238v=125280&238p=ESO&238d=01.01.2008&238o=

jo takže tady na fóru je to takhle :

272&238v=125273&238v=125274&238v=125275&238v=125276&238v=125277&2 38v=125278&238v=125279&238v=125280&238p=ESO&238d=01.01.2008&238o=[/pr e]
orsic
Profil
já myslím že wordwrap v css je ale Word-wrap má fungovat pouze v Exploreru. Tento příklad v jiných prohlížečích nefunguje. hmm

http://www.jakpsatweb.cz/css/priklady/word-wrap.html
habendorf
Profil
já myslím že wordwrap v css je ale Word-wrap má fungovat pouze v Exploreru

No word-wrap v css není. Je v IE :o)
Miloš
Profil
Nebo se extrémně dlouhé odkazy dají řešit tak, jak je to na fóru www.pc-help.cz
například takovýto odkaz:
http://www.jeden-dva-tri-ctyri-pet_cos-to-janku-cos-to-sned.php?koza =rohata&koza=nozdra
zkrátí takto:
http://www.jeden-dva-tri-ctyri.....oza=nozdra

(původní adresa samozřejmě ale jako odkaz funguje a komletně je vidět i ve status baru)
Netuším ale, jak je to konstrukčně uděláno.
Timy
Profil
Miloš
Standardně takhle formátuje Texy. Také je možnost využít www.tinyurl.com.
orsic
Profil
nj s tím wordwrapem máte praudu ..

ta logika mě je jasná že se to zkrátí,ale nebyl by nějakej nástin kódu kde to je dořešené ?
V HTML,CSS či PHP ?

to tinyurl je takové líné řešení ...
AM
Profil *
je několik řešení:
1) pokud jde stránka přes PHP, napsat kód tak, aby upravoval odkaz jedním z následujících způsobů.
pokud se jedná o statickou stránku, jednoduše takto upravit všechny dlouhé odkazy ručně
- jak bylo zmíněno, zkrátit text odkazu (link zůstane stejný, pouze text se například omezí na 10 znaků a doplní třemi tečkami)
- zalomit text odkazu (řekněme po každých 50ti znacích vložit <br />)
<a href="http://mooooooooooooooooocdouhynazev.com">mooooooooooooooo<br />oocdouhynazev.com</a>
2) zcela banální řešení je nastavit elementu, ve kterém může dlouhý odkaz být, overflow:hidden a přetékající konec odkazu se "schová"
orsic
Profil
čili jestli jsem to správně pochopil viditelný URL se zastaví u konce divu a do dalšího divu sice přesahuje ale
neviditelně ..
Joker
Profil
orsic
viditelný URL se zastaví u konce divu a do dalšího divu sice přesahuje ale neviditelně
Ne tak docela. Text nebude přesahovat ven z prvku ani neviditelný, prostě se vykreslí jen to, co je uvnitř prvku. Neboli se ořízne.
orsic
Profil
ok díky za radu :)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0