Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] Rwd skalowanie
Forum PHP.pl > Forum > Przedszkole
Sebastian003
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ś?
tzm
  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. }
Sebastian003
Ale jak dam tak to czcionka będzie już w innym miejscu na sliderze a chce zęby była w tym samym.
tzm
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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.