Izmena HTML koda

• 1Ovo se svidja korisniku: dejnik978
  
  Registruj se da bi pohvalio/la poruku!

Uloguj se preko Facebooka da bi skinuo fajl:

Zdravo svima! Treba mi mala pomoc u vezi kucanja kodova u HTML-u. Da naglasim da sam pocetnik.

Evo ovako ovde cu prikaciti moj folder sa HTML-om.
https://www.mycity.rs/must-login.png

Videcete kada ga otvorite u browser-u kako izgleda. Izgleda ovako



Imam problem da kada kliknem na ono crveno meni se napravi animacija i otvori mi search field. To izgleda ovako.



E sada to dolazi do mog problema. Ja ne zelim da moram da kliknem na ono crveno da bi mi se otvorio search field nego da kada ucita stranicu odmah bude otvoreno.

S obzirom da imate moj rad, ako zelite mozete da mi pomognete da resim to.

Hvala unapred!

• 1Ovo se svidja korisniku: dejnik978
  
  Registruj se da bi pohvalio/la poruku!

Prepravi stil iz head-a html dokumenta sa
#search-field {    margin: 30px 0;    background: red;    width: 29px;    height: 29px;    overflow: hidden;    border: none;    color: green;    padding: 5px;    cursor: pointer;    -webkit-transition: all 0.4s ease-in-out;    -moz-transition: all 0.4s ease-in-out;    -ms-transition: all 0.4s ease-in-out;    -o-transition: all 0.4s ease-in-out;    transition: all 0.4s ease-in-out; } #search-field:focus {    overflow: visible;    width: 200px;    background: none;    background-color: #2b3038;    text-indent: 0px;    cursor: text; } na #search-field {    margin: 30px 0;    background: none;    background-color: #2b3038;    width: 200px;    height: 29px;    text-indent: 0px;    cursor: text;    overflow: visible;    border: none;    color: green;    padding: 5px;    cursor: pointer;    -webkit-transition: all 0.4s ease-in-out;    -moz-transition: all 0.4s ease-in-out;    -ms-transition: all 0.4s ease-in-out;    -o-transition: all 0.4s ease-in-out;    transition: all 0.4s ease-in-out; }

Dakle, bitno je samo da ukloniš #search-field:focus selektor, i da sve atribute iz njega prebaciš u #search-field selektor.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

HVALA PUNO!!!!