Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Asigurații RCA Euroins - ce ...

Roger Water - Wait for her

Recomandare medic chirurg , speci...

Cabina dus - pereti faianta - pro...
 Silver Crest True Wireless Blueto...

Noua locatie a spitalului chirurg...

Parcare ADP

Adoptie catel de talie mica
 tur virtual imobiliare

Ghimbal pentru telefon și ca...

O intrebare legata de chec sau co...

Sfat laptop 3500-4000 lei
 Refresh rate Lenovo LENOVO IdeaPa...

Shazam: The Fury of Gods (2023)

Initializare facila mai multe var...

Pete ciudate aparute pe balcon
 

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,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

Bun venit pe Forumul Softpedia!

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