Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] Powiększanie tekstu
matwiej
post 19.10.2012, 17:58:09
Post #1





Grupa: Zarejestrowani
Postów: 110
Pomógł: 0
Dołączył: 1.02.2010

Ostrzeżenie: (0%)
-----


Do powiększenia tekstu używam:
  1. font-size: 30px;
  2. -webkit-transition-property: font-size;
  3. -webkit-transition-timing-function: linear;
  4. -webkit-transition-duration: 0.5s;

Jednak powoduje to rozjechanie się strony.
Czy istnieje możliwość powiększenia tekstu taka aby nie wpłynąć na resztę strony ?
Go to the top of the page
+Quote Post
kokers
post 19.10.2012, 19:11:26
Post #2





Grupa: Zarejestrowani
Postów: 154
Pomógł: 33
Dołączył: 18.10.2010
Skąd: Katowice

Ostrzeżenie: (0%)
-----


co to znaczy że powoduje rozjechanie strony?


--------------------
‎"Sometimes you're gonna get odd error syntax, unexpected T_PAAMAYIM_NEKUDOTAYIM and you're like, what in the world is that thing i have no idea what went wrong in my code. In english that error means you screwed up the references to an object" Kevin Skoglund
Drobna prywata: Ależ nie nie, nie zamierzam zmieniać płci w najbliższym czasie, więc zwracanie się do mnie per Pan jest odrobinkę nietrafione.
Go to the top of the page
+Quote Post
matwiej
post 19.10.2012, 19:14:27
Post #3





Grupa: Zarejestrowani
Postów: 110
Pomógł: 0
Dołączył: 1.02.2010

Ostrzeżenie: (0%)
-----


Przesuwa zawartość w prawo i w dół ponieważ zajmuję taki powiększony tekst więcej miejsca.
Go to the top of the page
+Quote Post
kokers
post 19.10.2012, 19:17:55
Post #4





Grupa: Zarejestrowani
Postów: 154
Pomógł: 33
Dołączył: 18.10.2010
Skąd: Katowice

Ostrzeżenie: (0%)
-----


to znaczy, że w CSS coś jest skopane. Np. możesz mieć jakieś position absolute czy cokolwiek. Bez przykładu jak ci się rozjeżdża i w którym miejscu to można gdybać... wrzuć na jsfiddle.net kod jak wygląda problem i css.


--------------------
‎"Sometimes you're gonna get odd error syntax, unexpected T_PAAMAYIM_NEKUDOTAYIM and you're like, what in the world is that thing i have no idea what went wrong in my code. In english that error means you screwed up the references to an object" Kevin Skoglund
Drobna prywata: Ależ nie nie, nie zamierzam zmieniać płci w najbliższym czasie, więc zwracanie się do mnie per Pan jest odrobinkę nietrafione.
Go to the top of the page
+Quote Post
matwiej
post 19.10.2012, 19:48:33
Post #5





Grupa: Zarejestrowani
Postów: 110
Pomógł: 0
Dołączył: 1.02.2010

Ostrzeżenie: (0%)
-----


To nie jest skopany css tylko logiczne zachowanie. Jeżeli początkowy element zwiększa swoją szerokość to automatycznie początek elementu obok przesuwa się w prawo o tyle ile nastąpiło przesunięcie.
Tutaj przykład:
http://jsfiddle.net/QUmkL/

Ja chciałbym np żeby tekst wjechał na ten kwadrat nie przesuwając go. Tak jak to się dzieje przy skalowaniu .
Go to the top of the page
+Quote Post
abort
post 19.10.2012, 19:54:09
Post #6





Grupa: Zarejestrowani
Postów: 590
Pomógł: 107
Dołączył: 25.10.2011

Ostrzeżenie: (0%)
-----


Nie testowałem, bo nie ogarnąłem w pełni CSS, ale może mógłbyś spróbować pomanewrować wartością z-index dla elementu (przy :hover i bez)?
Go to the top of the page
+Quote Post
matwiej
post 19.10.2012, 20:04:11
Post #7





Grupa: Zarejestrowani
Postów: 110
Pomógł: 0
Dołączył: 1.02.2010

Ostrzeżenie: (0%)
-----


Pomysł dobry ale niestety dalej przesuwa obiekt obok.

Ten post edytował matwiej 19.10.2012, 20:04:24
Go to the top of the page
+Quote Post
Adrian1207
post 20.10.2012, 21:03:03
Post #8





Grupa: Zarejestrowani
Postów: 94
Pomógł: 10
Dołączył: 20.02.2007

Ostrzeżenie: (0%)
-----


Bo aby stosować z-index należy mieć box wypozycjonowany absolutnie (position:absolute;). Opierając się na przykładzie z jsfiddle, musiałbyś kropce dać odpowiedni margines od lewej, żeby nie spadła do lewej, a tekst musiałbyś umieścić w konkretnym miejscu ustalonym przez left/top/right/bottom od nadrzędnego relativa i dodać mu ten rzeczony z-index.

Bez pozycjonowania elementów, rozwiązaniem w czystym CSS byłoby też nałożenie elementów za pomocą marginesów ujemnych. Takim jednak elementom nie ustawisz z-index, nakładają się one wtedy po prostu według kolejności wystąpienia.

Jeśli nakładania miałoby nie być, wystarczyłby max-width/max-height i overflow: hidden, jednak to by Ci mogło ucinać literki. smile.gif
Go to the top of the page
+Quote Post
konrados
post 21.10.2012, 08:40:23
Post #9





Grupa: Zarejestrowani
Postów: 623
Pomógł: 79
Dołączył: 16.01.2008

Ostrzeżenie: (0%)
-----


No to umieść to w divie, który ma z góry określoną szerokość i wysokość.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 28.05.2024 - 06:49