| Autor | Zpráva | ||
|---|---|---|---|
| radekt Profil |
#1 · Zasláno: 19. 5. 2015, 11:08:31
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 |
#2 · Zasláno: 19. 5. 2015, 11:22:22
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> 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 |
#5 · Zasláno: 19. 5. 2015, 12:03:17
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 |
#7 · Zasláno: 19. 5. 2015, 13:13:19
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 |
#8 · Zasláno: 19. 5. 2015, 13:34:02
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 |
#9 · Zasláno: 19. 5. 2015, 13:51:46
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 |
#10 · Zasláno: 19. 5. 2015, 14:34:04
Luky:
Dohodl jsem se s nimi, že zasáhnou do html právě takto. Díky |
||
|
Časová prodleva: 9 let
|
|||
0