Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Ce program de master sa aleg?

Router pentru server VPN

Asigurari medicale private 60+ ani

Microintreprindere ramasa fara ac...
 Parcheaza in fata portii mele - c...

Cum e vremea in tara. Site-uri me...

recomandare service auto audi sui...

Revendicare terenuri
 Achizitie laptop 4000-5000ron

Vreau sa cumpar o tableta de pe a...

Statie radio maritima portabila P...

Accident in Afumați
 Ventilator PC

La mulți ani @cotzi!

La mulți ani @hvz!

Ciperci otravitoare?
 

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,311
  • Î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

Neurochirurgie minim invazivă Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

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