Sign In
Create Account
pozitie <img> la redimensionare ecran
Last Updated: Jan 19 2017 21:38, Started by
colombo2003
, Jan 19 2017 21:38
·
0
0
#1
Posted 19 January 2017 - 21:38
|
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%;
}
...
...
|
Back to topAnunturi
Bun venit pe Forumul Softpedia!
▶ 0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users
-
- Change Theme
- English
- Mark Community Read
- Termene & conditii
- Confidentialitate
- Consimtamant
- Cookies
- Help
© 2001-2024 Softpedia. All rights reserved. Softpedia® and the Softpedia logo are registered trademarks of SoftNews Net SRL.
Ora implicita a Forumului Softpedia este ora standard a Romaniei (GMT+2). Mai multe informatii →
⚠ Postarile afisate pe Forumul Softpedia reprezinta o opinie subiectiva a membrilor care le-au publicat si nu a SoftNews Net SRL.