Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

[html/css] pozycjonowanie

Zaczynasz dopiero swoją przygodę z HTML'em? A może mimo swojego doświadczenia natknąłeś się na jakiś problem? Tutaj na pewno znajdziesz pomoc.

[html/css] pozycjonowanie

Post 15.07.2017, 16:24:12

html:

Kod: Zaznacz cały
<body>
   <div id="main_logo">
   
      <div id="main_menu">
     <img class="logo_glowne" src="z.png" alt="Logo" </img>
      <ul>
                  <li><a href="t_aktualnosci.html"><img class="taniec" src="x.jpg" alt="Taniec" height="42" width="42" /></a></li>
                  <li><a href="odziez.html"><img class="wear" src="x.jpg" alt="Taniec"height="42" width="42" /></a></li>
                  <li><a href="adres"><img class="adres" src="x.jpg" alt="Taniec"height="42" width="42" /></a></li>
      </ul>
     </div>
   </div>
   </body>


css:

Kod: Zaznacz cały
#main_logo {
    width:100%;
    height:100%;
    background-color:black;
    border:2px solid blue;
    position:relative;
}


/* centorwanie menu */
IMG.logo_glowne {
   max-width:100%;
   height: auto;
    display: block;
    margin-left: auto;
   margin-right: auto;
   position:relative;
    }
   
img.taniec {width:100px;height:100px;position:absolute;top:68%;left:52%;max-width:100%;}
img.wear {width:100px;height:100px;position:absolute;top:48%;left:80%;max-width:100%;}
img.adres {width:100px;height:100px;position:absolute;top:48%;left:20%;max-width:100%;}



chcialbym uzyskac efekt by obrazek Z znajdowal sie na srodku a obrazki X ktore sa odnosnikami znajdowaly sie po lewej, po prawej i pod obrazkiem Z. Problem pojawia sie z tak zwana responsywnoscia strony i jej skalowaniem gdzie wszystko mi sie rozjezdza pod wplywem zmiany rozdzielczosci.

Bylbym wdzieczny za pomoc lub wskazowki jak przy takiej koncepcji menu zadbac o uzytkownikow moblinych :)
pr0xy
Posty: 1
Dołączył(a): 15.07.2017

Re: [html/css] pozycjonowanie

Post 15.07.2017, 16:42:20

O użytkowników mobilnych i nie tylko dba się poprzez @media.
Długi i obszerny ale bardzo ważny temat.
Np tu i nie tylko
https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
http://webkod.pl/kurs-css/lekcje/dzial-1/css3-media-queries
sasiadstar
Posty: 92
Dołączył(a): 26.08.2016


Powrót do Początkujący webmaster


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Yahoo [Bot] i 9 gości

Hosting, Domeny, SSL
iCash

Subskrypcja

Mamy 50185 zarejestrowanych użytkowników.
Najnowszy użytkownik: sskijop


Nasi użytkownicy napisali:

  • 935001 wiadomości
  • w 246320 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)