Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][HTML] Rwd skalowanie
Sebastian003
post 20.11.2014, 20:56:31
Post #1





Grupa: Zarejestrowani
Postów: 282
Pomógł: 2
Dołączył: 22.03.2007

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


Witam, posiadam slider i na nim jest jest tekst. I wiadomo że w czasie zmieszania strony czcionka robi się coraz większą i ten tekst ucieka, da się jakoś dodać taki parametr aby to wszystko było w tym samym miejscu, skalowane jakoś procentowo ? Bo teraz muszę dawać inne margin-left i top aby oraz zmiejszyć czcionkę.


  1. .tekst {
  2. font-size: 32px;
  3. margin-left: 585px;
  4. margin-top: -160px;
  5. padding: 20px;
  6. position: absolute;
  7. }


  1. @media only screen
  2. and (max-width: 980px) {}
  3. @media only screen
  4. and (max-width: 750px) {}
  5. @media only screen
  6. and (max-width: 540px) {}
  7. @media only screen
  8. and (max-width: 320px) {}


Podpowie ktoś?
Go to the top of the page
+Quote Post
tzm
post 20.11.2014, 21:14:23
Post #2





Grupa: Zarejestrowani
Postów: 675
Pomógł: 58
Dołączył: 17.12.2013

Ostrzeżenie: (10%)
X----


  1. @media only screen
  2. and (max-width: 980px) {
  3. .tekst {
  4. font-size: TUTAJ ROZMIAR
  5. margin-left: 585px;
  6. margin-top: -160px;
  7. padding: 20px;
  8. position: absolute;
  9. }
  10. }
  11. @media only screen
  12. and (max-width: 750px) {
  13. .tekst {
  14. font-size: TUTAJ ROZMIAR
  15. margin-left: 585px;
  16. margin-top: -160px;
  17. padding: 20px;
  18. position: absolute;
  19. }
  20. }
  21. @media only screen
  22. and (max-width: 540px) {
  23. .tekst {
  24. font-size: TUTAJ ROZMIAR
  25. margin-left: 585px;
  26. margin-top: -160px;
  27. padding: 20px;
  28. position: absolute;
  29. }
  30. }
  31. @media only screen
  32. and (max-width: 320px) {
  33. .tekst {
  34. font-size: TUTAJ ROZMIAR
  35. margin-left: 585px;
  36. margin-top: -160px;
  37. padding: 20px;
  38. position: absolute;
  39. }
  40. }


Ten post edytował tzm 20.11.2014, 21:27:25
Go to the top of the page
+Quote Post
Sebastian003
post 20.11.2014, 21:15:58
Post #3





Grupa: Zarejestrowani
Postów: 282
Pomógł: 2
Dołączył: 22.03.2007

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


Ale jak dam tak to czcionka będzie już w innym miejscu na sliderze a chce zęby była w tym samym.
Go to the top of the page
+Quote Post
tzm
post 20.11.2014, 22:02:58
Post #4





Grupa: Zarejestrowani
Postów: 675
Pomógł: 58
Dołączył: 17.12.2013

Ostrzeżenie: (10%)
X----


Jesli klase tekst masz w klasie/elemencie slider to robisz tak:

.slider .tekst {
font-size: xx px;
}

I wagowo bedzie to wyzej niz sam .tekst wiec nie nadpiszesz zadnej klasy rodzica / body.
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: 24.07.2025 - 19:09