Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Noul format Jpegli iși propu...

Dade, dade

Parola la lock screen

Deparazitare externa pisici fara ...
 Seriale turcesti/coreene online H...

Merita un Termostat Smart pentru ...

Sfat achizitie MTB Devron Riddle

Problema mare cu parintii= nervi ...
 switch microtik

Permis categoria B la 17 ani

Sfaturi pentru pregatirea de eval...

Crapaturi placa
 cum imi accesez dosarul electroni...

Momentul Aprilie 1964

Sursa noua - zgomot ?

A fost lansat Ubuntu 24.04 LTS
 

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