04-02-2016, 17:28
|
|
|
|
חבר מתאריך: 25.10.05
הודעות: 1,508
|
|
מיקום absolute לוקח מקום
עשיתי div ובתוכו form ואני רוצה להציג הודעת שגיאה בזמן מסויים
מתחת ל input אז הכנסתי את ה input לתוך span עם מיקום relative
ולspan של השגיאה נתתי position: absolute
ככה:
HTML:
קוד:
<span id="edit_name"><input type="text" class="form-control" name="name" value="{FILE_NAME}" oninput="checkName(this)" />
<span class="alert alert-danger charserror" id="charserror">{NOT_ALLOWED_CHARS}</span>
</span>
CSS:
קוד:
#edit_name {
position:relative;
}
.charserror {
display:none;
position: absolute;
bottom: -200px;
right: -20px;
z-index:1;
}
הבעיה היא שבמקום לצוף על המסך הוא תופס מקום בdiv שמכיל את הכל
ה div הוא בגובה התוכן ושאני מציג את ההודעת שגיאה נהיה פס גלילה ל div , תמונה:
כפי שאתם רואים כל ה div מקבל סקרול בצד שמאל של המסך
עריכה: כל הקוד של ה div:
קוד:
<div id="file_list" class="text-align-center">
<form action="manage.php" method="post" class="form-inline">
<span id="edit_name"><input type="text" class="form-control" name="name" value="{FILE_NAME}" oninput="checkName(this)" />
<span class="alert alert-danger charserror" id="charserror">{NOT_ALLOWED_CHARS}</span>
</span>
<input type="hidden" name="token" value="{TOKEN}" />
<input type="hidden" name="id" value="{FILE_ID}" />
<input type="submit" name="edit" class="btn btn-info" value="{EDIT_NAME}" />
</form>
</div>
למה זה קורה ואיך לתקן את זה?
_____________________________________
חתימתי העצומה בגודלה הוסרה ע"י השליט הבלתי מעורער שימי, למי שיש בעיה שיפנה אליו.
ד אַל תַּעַן כְּסִיל כְּאִוַּלְתּוֹ פֶּן תִּשְׁוֶה לּוֹ גַם אָתָּה. ה עֲנֵה כְסִיל כְּאִוַּלְתּוֹ פֶּן יִהְיֶה חָכָם בְּעֵינָיו
|