Autor Zpráva
radekt
Profil
Dobrý den,
domnívám se, že to prostředky CSS nejde, ale pro jistotu se zeptám. Dělám na projektu, kde nemohu zasahovat do html a dělám jen CSS. Vznikl požadavek mít v odkazu pro desktop text "Více informací" a pro mobil jen "Více". Jde tohle udělat CSSkem?
Díky
Radek Tůma
Taps
Profil
radekt:
v css by to mělo jít pomocí media query ( zobrazíš tak rozlišný údaj pro desktop a pro mobil )
petr 6
Profil
Tady trochu chybí informace, jestli můžeš zasahovat do toho textu.
Více <span>informací</span>
Ten span pro mobil skryješ.

Nebo text zkrátit na "Více" a pro desktop použít vlastnost after
radekt
Profil
Taps:
v css by to mělo jít pomocí media query ( zobrazíš tak rozlišný údaj pro desktop a pro mobil )

ano, třeba takto:
a:before {
content:"jiný text"
}

Jenže v v html, do kterého nemohu zasahovat, je text "Více informací".
Tomáš123
Profil
radekt:
Ale oni tam mají text "Více informací" v html
Ak je text niečim obalený, šlo by v media pravidle pre menšie rozlíšenie deklarovať display: none a content s príslušnou hodnotou.
radekt
Profil
Tomáš123
Ale jak, když je tam ten odkaz - když ho skryju a pak pomocí content napíšu jiný text, tak na to pak nemůžu kliknout:

<td><a href="http://nejakacesta/" class="info">Více informací</a></td>
petr 6
Profil
a {
    font-size: 0;
}
a:after {
    content: "vice";
    font-size: 15px;
}

Je to tak trochu prasárna. Samozřejmě ideální by bylo přimět toho, od koho vzešel ten požadavek, aby byla možnost změnit ten text.
radekt
Profil
petr 6:
To je tedy klička! Ale máš pravdu, lepší bude je přesvědčit o tom, aby zasáhli do textu. Důvodem požadavku byla úspora místa a šířka odkazu se tímto způsobem nezmenší.
Ale děkuju moc
Radek
Luky
Profil
Já bych to řešil takto:
@media screen and (max-width: 600px) {
    .m-hide{
        display: none;
    }
}

<a href="http://nejakacesta/" class="info">Více <span class="m-hide">informací</span></a>

Můžeš si sám určit maximální šířku a třídu m-hide využít kdekoliv jinde. Můžeš také přidat další pravidla jako třeba ten font-size.
radekt
Profil
Luky:
Dohodl jsem se s nimi, že zasáhnou do html právě takto.
Díky

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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