Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Baterii LiFePO4 cilindrice model ...

Cumparare apartament nou pe numel...

Nelamurire Whatsapp

Recomandare editor
 Robotul care iși schimba for...

Ce facem cu echipamentele vechi U...

Cine fura azi un ou ... primeste ...

Cursuri la palatul copiilor
 Înregistrare apel xiaomi

Bicicleta Eliptica

Merita achizitionat un Smart ForT...

De ce nu pleaca unii romani in ve...
 declaratia 406 sau SAF-T

Brackets vs gutiera dentara

Control ISCTR/RAR - mici nelamuriri

Dedolarizarea (2023+) șanse ...
 

pozitie <img> la redimensionare ecran

- - - - -
  • Please log in to reply
No replies to this topic

#1
colombo2003

colombo2003

    Senior Member

  • Grup: Senior Members
  • Posts: 6,310
  • Înscris: 16.07.2008
Am o problema cu fixarea pozitiei unei imagini (lupa). Cand, cu mouse-ul redimensionez (minimizez) fereastra, aceasta imagine nu isi pastreaza pozitia ca atunci cand fereastra este maximizata.
De asemenea, pe telefon (Andoid), lupa are o pozitie cand telefonul este portrait, si alta daca il rotesc.

Am incercat sa dau dimensiuni si fixe, in px, si variabile (in%, em, vw etc); cu display block, inline, felx, inline-block etc; cu position relative, fixed etc, dar acelasi rezultat.

Ce anume e gresit? Cum as putea fixa/corecta asta? Codul este mai jos.

Multumesc


HTML:
...
...
<div id="input_search">
  <form method="post">
   <input type="text" name="search" id="search" maxlenght="50" value="" placeholder="Cautati..."></input>
  </form>
  <img id="lupa" src="img/lupa.png">
  <img id="back" src="img/back.png">
</div>
...
...



CSS:
...
...
#input_search input {
   background-color: #ffa366;
   color: black;
   padding: 15px 0px;
   float: left;
   border: 0px;
   font-size: 16px;
   margin: 1% 0px 1% 0px;
   width: 100%;
}

.indent1 {
   text-indent: 17px;
}

.indent2 {
   text-indent: 57px;
}
#lupa {
   float: right;
   height:24px;
   margin-top: -11%;
   margin-right: 1%;
}
...
...



Anunturi

Chirurgia spinală minim invazivă Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate