Skocz do zawartości
tomis69

HTML + CSS

Rekomendowane odpowiedzi

Witajcie.

 

Na wstepie chce przeprosic za brak polskich znakow, ale komputerze z ktorego pisze posta nie mam polskiej czcionki.

 

Próbuje napisac swoja stronke i mam zamysl taki, aby na pierwszej stronie (cos w stylu elementu powitalnego) pojawil sie obraz, a pod nim wysrodkowane menu. Wszystko ma byc responsywne :) Sporo czasu sie meczylem, aby wysrodkowac obraz, ale jak juz mi to wyszlo nie potrafie zapanowac nad menu ktore ustawia sie wszedzie indziej, ale nie rowno pod obrazem. Staralem sie kombinowac z position: relative, ale w niczym mi to nie pomoglo. Prosze o pomoc bo juz pomyslow mi brakuje.

 

Zerknijcie w moj kod i podpowiedzcie co jest nie tak:

 

html

<body>

<div class="wrapper">

<div class="welcome">
<img src="obraz.jpg" alt="samochod">
</div>

<div class="nav">
<a class="menu" href="#">O mnie</a>
<a class="menu" href="#">Plany</a>
<a class="menu" href="#">Kontakt</a>
</div>


</div>

</body>

 

css


body{
background-color: gray;
}

#wrapper{
box-sizing: border-box;
text-align: center; 
}

.welcome{
position: absolute;
       top: 50%;
       left: 50%;
       margin-right: -50%;
       transform: translate(-50%, -50%);
}

.nav{
       background-color: green;
       position: relative;
       bottom: -25%;

}

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się

  • Ostatnio przeglądający   0 użytkowników

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

×
×
  • Dodaj nową pozycję...