Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

kuci

Tekst na środku + zmniejszanie wielkości czcionki przy zmienianiu wielkosći okna

Promowane odpowiedzi

kuci    644

Panowie, próbuje ogarnąć sobie stronkę wrzucam tam bajery itp. I mam problem chce aby tekst byl na środku i gdy zmniejszam okno ma tekst się również zmniejszać. (Na środku da się osiągnąć przez margin-top ale no jak juz zmniejszam stronkę do np telefonu to już lipnie to wygląda. Zerknij cie proszę chce coś takiego:

56c317ad24edf_Beztytuu.thumb.png.2203b04

 

link:

http://m8.esy.es/html5/

 

Z góry dzięki za zainteresowanie .

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
CzareK    4,501
<div class="wstep">
<div class="col-md-12">
<div class="logo"><p>CHCE ABY TO BYŁO NA ŚRODKU, I CZCIONKA ZMIEJSZAMAŁA SIE GDY ZMNIEJSZAMY STRONE</p></div>
</div>
</div>

na

<div class="container wstep">
<div class="row">
<div class="col-md-12">
<div class="logo"><p>CHCE ABY TO BYŁO NA ŚRODKU, I CZCIONKA ZMIEJSZAMAŁA SIE GDY ZMNIEJSZAMY STRONE</p></div>
</div>
</div>
</div>

.CSS

.wstep {
    padding: 100px 0;
}

Co do rozmiaru czcionki to zastosuj @media queries

@media only screen and (max-width: 500px) {
    .logo {
        font-size: 30px;
    }
}

 

  • Lubię to! 2

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
kuci    644
23 minuty temu, CzareK napisał:
<div class="wstep">
<div class="col-md-12">
<div class="logo"><p>CHCE ABY TO BYŁO NA ŚRODKU, I CZCIONKA ZMIEJSZAMAŁA SIE GDY ZMNIEJSZAMY STRONE</p></div>
</div>
</div>

na

<div class="container wstep">
<div class="row">
<div class="col-md-12">
<div class="logo"><p>CHCE ABY TO BYŁO NA ŚRODKU, I CZCIONKA ZMIEJSZAMAŁA SIE GDY ZMNIEJSZAMY STRONE</p></div>
</div>
</div>
</div>

.CSS

.wstep {
    padding: 100px 0;
}

Co do rozmiaru czcionki to zastosuj @media queries

@media only screen and (max-width: 500px) {
    .logo {
        font-size: 30px;
    }
}

 

 

zwiększyłem padding do 250px bo było zbyt blisko panelu (wielki + za pomysł) co do czcionki na prawde dzięki ja bardziej coś kombinowałem  z bootstrapem ale to rozwiązuje mój problem(+). Tylko co teraz zrobić kiedy zmniejszę rozdzielczość do telefonu z tym pustym miejscem chciałbym aby tekst był na środku:

 

1.png.5f7fc7bf3a186e77d4874bb6750c42c9.p

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
kuci    644
17 minut temu, CzareK napisał:

@kuci możesz ustawić mniejszy padding na telefonie.

 

okej, dzięki zrozumiałem tą technologie - zrobione.

 

dobra ten temat rozwiązany, mam jeszcze kilka do pytań ale otworzy nowy temat żeby spamu nie było tu . Do zamknięcia

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.

×