Pagina 1 din 1
Poziționare câmpuri input
Scris: Dum Mai 01, 2016
de bvlucretiu
Bună!
Într-un form am mai multe câmpuri input, pe care doresc să le aranjez în pagină în diferite locuri; am încercat să le introduc într-un div dar css-ul văd că nu le modifică, am încercat să introduc chiar și tot formul într-un div dar tot nu se modifică din fișierul css.
Să fie din cauza faptului că fișierul în care am introdus div-ul este "editex.php" iar în barradress este de forma "
http://localhost/enorm_db/editex.php?id=2" întrucât formul este editarea unor câmpuri dintr-o bază de date care modifică câmpul id-ului respectiv sau este o altă problemă?
Toate bune!
Paște fericit tuturor!
Poziționare câmpuri imput
Scris: Dum Mai 01, 2016
de MarPlo
Salut
Nu e de la adresa paginii sau php. Pozitionarea si stilul elementelor in pagina pot fi setate si influentate de: html, css si javascript.
Poti pune codul html si css cu ce ai incercat sa faci si descruiere sau desen cum vrei sa rezulte.
Poziționare câmpuri imput
Scris: Lun Mai 02, 2016
de bvlucretiu
- Form-edit.PNG (17.07KiB)Vizualizat de 1601 ori
Acele câmpuri unde trebuie să introduc datele pentru modificarea respectivului câmp din baza de date, doresc să le afișez în pagină grupate separat într-o anumită ordine, ori ele rămân neschimbate și după introducerea în div cu codul css aferent. Codul mai jos!
Cod: Selectaţi tot
<div id="editex">
<h1>Modifica Acte</h1>
<form action="http://localhost/enorm_db/index.php?pagina=editex" method="post">
<input type="hidden" name="id" value="<?php echo $row['id']; ?>">
<div id="capitoleditex">
<label>Capitol document</label>
<input type="text" size="25" value="<?php echo $row['capitoldoc']; ?>" name="capitoldoc" /><br>
</div><div id="numeacteditex">
<label>Denumire Act</label>
<input type="text" size="25" value="<?php echo $row['numeact']; ?>" name="numeact" /><br>
</div><div id="locdoceditex">
<label>Locul documentului</label>
<input type="text" size="25" value="<?php echo $row['locdoc']; ?>" name="locdoc" /><br>
</div><div id="bibliorafteditex">
<label>Biblioraftul</label>
<input type="text" size="25" value="<?php echo $row['biblioraft']; ?>" name="biblioraft" /><br>
</div><div id="dosareditex">
<label>Dosarul nr.</label>
<input type="text" size="25" value="<?php echo $row['dosar']; ?>" name="dosar" /><br>
</div><div id="exemplareeditex">
<label>Exemplare</label>
<input type="text" size="25" value="<?php echo $row['exemplare']; ?>" name="exemplare" /><br>
</div>
<br>
<input type="submit" value="Modificare" />
</form></div>
iar acesta este codul din fișierul (între altele) "css.php"
Cod: Selectaţi tot
#editex{
position:relative;top:134px;left:710px;
line-height:1%;
border-style:solid;
font-size:12px;
width:220px;
}
#capitoleditex{
position:relative;top:0px;left:710px;
line-height:1%;
border-style:solid;
font-size:12px;
width:220px;
}
#numeacteditex{
position:relative;top:0px;left:710px;
line-height:1%;
border-style:none;
font-size:12px;
width:220px;
}
#locdoceditex{
position:relative;top:0px;left:710px;
line-height:1%;
border-style:none;
font-size:12px;
width:220px;
}
#bibliorafteditex{
position:relative;top:0px;left:710px;
line-height:1%;
border-style:none;
font-size:12px;
width:220px;
}
#dosareditex{
position:relative;top:0px;left:710px;
line-height:1%;
border-style:none;
font-size:12px;
width:220px;
}
#exemplareeditex{
position:relative;top:0px;left:710px;
line-height:1%;
border-style:none;
font-size:12px;
width:220px;
}
Poziționare câmpuri imput
Scris: Mar Mai 03, 2016
de MarPlo
Daca acele elemente html vrei sa le afisezi intr-o anumita pozitie cu "top" si "left", se foloseste: position:absolute;
Poziționare câmpuri imput
Scris: Sâm Mai 07, 2016
de bvlucretiu
Le-am pus pe toate: position:absolute; am modificat prima dată doar div-ul care încadrează tot formul și dacă ați observat am pus: border-style:solid; și nu apare nimic, practic ori am omis ceva în codul css, ori trebuia să introduc formularul între taguri html, dar nu cred căci am folosit tag-uri css și în alte fișiere de tip php fără să introduc codul html și a mers!
Poziționare câmpuri imput
Scris: Sâm Mai 07, 2016
de MarPlo
Vezi cum apare codul paginii rezultate in Sursa paginii din Browser. Daca acele stiluri css sunt intr-un fisier css extern, asigura-te ca este inclus corect in pagina, cu adresa corecta.
In consola din browser (cu F12 ) poti sa vezi daca sunt erori legate de elementele din pagina.