Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Succesiune notar versus instanta ...

Montaj aer conditionat in balcon ...

joc idem Half Life gratis

PC game stream catre Nvidia Shiel...
 Pompa de apa HEPU ?!

Vreau o masina electrica de tocat...

Cum ajunge remorca de tir inapoi ...

Alt "Utilizator nou" pe T...
 ULBS INFORMATICA

Index preturi

Boxa membrana tweeter infundata

Am nevoie de poze cu un curcubeu
 Whisky for Mac

Xiaomi 14 Gpay

Izolare zid exterior de scandura

Dezinstalare drivere W11 23H3
 

pozitie <img> la redimensionare ecran

- - - - -
Last Updated: Jan 19 2017 21:38, Started by colombo2003 , Jan 19 2017 21:38  
  ·  
  • Please log in to reply
No replies to this topic

#1
colombo2003
Posted 19 January 2017 - 21:38

colombo2003

    Senior Member

  • Grup: Senior Members
  • Posts: 6,312
  • Î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 cranio-cerebrală minim invazivă Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

www.neurohope.ro
Back to Markup Languages

▶ 0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

  1. Forumul Softpedia
  2. → Professional Zone
  3. → Programming
  4. → Markup Languages
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