19 svar · 840 visningar · startad av Trankan
Hej!
Har fått ett litet problem med formulär på en sida jag bygger på. Sidan vill lägga till ett extra vertikalt utrymme i slutet av formuläret, som jag inte vill ska finnas där. Jag har formuläret i en tabell. Min fråga är om någon vet hur man kan lösa detta? :)
Ladda upp, ge en länk.
Visa lite kod, hur ditt formulär ser ut så blir det lättare. Vad ligger längst ner i formuläret som orsakar marginalerna? En knapp? Ett formulärfält?
Det är bara att ta bort bottenmarginalerna (margin-bottom: 0;) så löser det sig. Det kan ju också vara tabellen som har padding eller liknande.
Jag har ingen padding på tabellen. Här kommer lite kod hur som helst...
<tr>
<td>
<b>Ban user</b>
<? echo $form->error("banuser"); ?>
<form action="adminprocess.php" method="POST">
Username:<br>
<input type="text" name="banuser" class="form" maxlength="30" value="">
<input type="hidden" name="subbanuser" value="1">
<input type="submit" class="body" value="Ban user">
</form>
</td>
</tr>
Pröva detta för att se ifall det blir någon skillnad.
Ersätt
<input type="submit" class="body" value="Ban user">
Till denna:
<input type="submit" class="body" value="Ban user" style="margin: 0;">
Jag tror detta problemet uppkommer i IE enbart. (Eller? För det är bara där jag normalt stöter på problemet). Möjligt att du blir tvungen att byta ut margin till padding. Kommer inte ihåg om det var så att IE la en padding eller margin därpå.
I ditt stylesheet;
form {
margin: 0;
}
Har testat med margin men det ger tyvärr ingen skillnad. Vissa andra formulär på sidan fungerar dock utan problem, som t.ex. det jag bifogar nu. Verkar bero på att jag lagt textfältet och knappen i en egen tabellrad.
<tr>
<td>
<b>Delete user</b>
<br>
<form action="adminprocess.php" method="POST">
Username:
</td>
</tr>
<tr>
<td>
<input type="text" name="deluser" class="form" maxlength="30" value="">
<input type="hidden" name="subdeluser" value="1">
<input type="submit" class="body" value="Delete user">
</form>
</td>
</tr>
Som jag bad om först: Ladda upp sidan till en server och ge en länk.
Det är ofta så att det finns annat i källkoden nånstans eller i ansluten stilmall eller annat länkat dokument som ställer till problem, men att du (eller andra med problem) helt enkelt inte ser eller ens tänker på det, utan postar den kod som man tror är relevant. Åsså måste folk sitta och gissa och du får testa femtielva förslag innan någon - förhoppningsvis - gissar rätt.
Det är alltså inte för att vara besvärlig eller nåt som jag bad dig. Det är för allas skull. Det är alltid bäst att ladda upp och länka. :bire
(Har för mig att det t.o.m. finns plats på wF för folk så dom kan ladda upp enstaka sidor för påseende. Eller har jag drömt det?)
Danne V skrev:
Som jag bad om först: Ladda upp sidan till en server och ge en länk.
Det är ofta så att det finns annat i källkoden nånstans eller i ansluten stilmall eller annat länkat dokument som ställer till problem, men att du (eller andra med problem) helt enkelt inte ser eller ens tänker på det, utan postar den kod som man tror är relevant. Åsså måste folk sitta och gissa och du får testa femtielva förslag innan någon - förhoppningsvis - gissar rätt.
Det är alltså inte för att vara besvärlig eller nåt som jag bad dig. Det är för allas skull. Det är alltid bäst att ladda upp och länka. :bire
(Har för mig att det t.o.m. finns plats på wF för folk så dom kan ladda upp enstaka sidor för påseende. Eller har jag drömt det?)
Sidan ligger på en server, men det blir lite krångligt eftersom den innehåller php-kod och är lösenordsskyddad. Jag kan dock ge er hela källkoden. Den är rätt rörig på grund av av all kod för tabellerna, men jag hoppas att ni kan läsa den ändå.
<?
/**
* Admin.php
*
* This is the Admin Center page. Only administrators
* are allowed to view this page. This page displays the
* database table of users and banned users. Admins can
* choose to delete specific users, delete inactive users,
* ban users, update user levels, etc.
*
* Written by: Jpmaster77 a.k.a. The Grandmaster of C++ (GMC)
* Last Updated: August 26, 2004
*/
include("../include/session.php");
/**
* displayUsers - Displays the users database table in
* a nicely formatted html table.
*/
function displayUsers(){
global $database;
$q = "SELECT username,userlevel,email,timestamp "
."FROM ".TBL_USERS." ORDER BY userlevel DESC,username";
$result = $database->query($q);
/* Error occurred, return given name by default */
$num_rows = mysql_numrows($result);
if(!$result || ($num_rows < 0)){
echo "Error displaying info";
return;
}
if($num_rows == 0){
echo "Database table empty";
return;
}
/* Display table contents */
echo "<table align=\"left\" width=\"100%\" class=\"body\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n";
echo "<tr><td>Username:</td><td>Level:</td><td>E-mail:</td><td>Last active:</td></tr>\n";
for($i=0; $i<$num_rows; $i++){
$uname = mysql_result($result,$i,"username");
$ulevel = mysql_result($result,$i,"userlevel");
$email = mysql_result($result,$i,"email");
$time = mysql_result($result,$i,"timestamp");
echo "<tr><td>$uname</td><td>$ulevel</td><td>$email</td><td>$time</td></tr>\n";
}
echo "</table><br>\n";
}
/**
* displayBannedUsers - Displays the banned users
* database table in a nicely formatted html table.
*/
function displayBannedUsers(){
global $database;
$q = "SELECT username,timestamp "
."FROM ".TBL_BANNED_USERS." ORDER BY username";
$result = $database->query($q);
/* Error occurred, return given name by default */
$num_rows = mysql_numrows($result);
if(!$result || ($num_rows < 0)){
echo "Error displaying info";
return;
}
if($num_rows == 0){
echo "Database table empty";
return;
}
/* Display table contents */
echo "<table align=\"left\" width=\"100%\" class=\"body\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n";
echo "<tr><td><b>Username</b></td><td><b>Time Banned</b></td></tr>\n";
for($i=0; $i<$num_rows; $i++){
$uname = mysql_result($result,$i,"username");
$time = mysql_result($result,$i,"timestamp");
echo "<tr><td>$uname</td><td>$time</td></tr>\n";
}
echo "</table><br>\n";
}
/**
* User not an administrator, redirect to main page
* automatically.
*/
if(!$session->isAdmin()){
header("Location: ../index.php");
}
else{
/**
* Administrator is viewing page, so display all
* forms.
*/
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title></title>
<link href="../style.css" rel="stylesheet" type="text/css">
<script LANGUAGE="JavaScript" src="menu.js">
</script>
</head>
<body bgcolor="#c1c6a6">
<table style="text-align: left; width: 100%; height: 100%;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="center" valign="middle">
<table style="text-align: left; width: 782px; height: 675px;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<table style="text-align: left; width: 100%; height: 63px;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<?php include 'header.php'; ?>
</tbody>
</table>
</td>
</tr>
<tr height="600px">
<td rowspan="1" class="main">
<table style="text-align: left; width: 100%; height: 100%;" border="1" cellpadding="0" cellspacing="0">
<tbody class="body" valign="top">
<tr>
<td width="400px">
<img src="../images/admin_center_main.gif" width="92px" height="14px">
</td>
</tr>
<tr>
<td><br></td>
</tr>
<tr>
<td>
<?
/**
* Display Users Table
*/
?>
<b>Users table contents</b>
<?
displayUsers();
?>
</td>
</tr>
<tr>
<td><br></td>
</tr>
<tr>
<td>
<?
/**
* Update User Level
*/
?>
<b>Update user level</b>
<? echo $form->error("upduser"); ?>
<table class="body" cellpadding="0" cellspacing="0">
<form action="adminprocess.php" method="POST">
<tr>
<td colspan="2">
Username:
</td>
<td colspan="2">
Level:
</td>
</tr>
<tr>
<td>
<input type="text" name="upduser" class="form" maxlength="30" value="<? echo $form->value("upduser"); ?>">
</td>
<td> </td>
<td>
<select name="updlevel" class="form">
<option value="1">1
<option value="9">9
</select>
</td>
<td> </td>
<td>
<input type="hidden" name="subupdlevel" value="1">
<input type="submit" class="body" value="Update level">
</td>
</tr>
</form>
</table>
</td>
</tr>
<tr>
<td><br></td>
</tr>
<tr>
<td>
<?
/**
* Delete User
*/
?>
<b>Delete user</b>
<? echo $form->error("deluser"); ?><br>
<form action="adminprocess.php" method="POST">
Username:
</td>
</tr>
<tr>
<td>
<input type="text" name="deluser" class="form" maxlength="30" value="<? echo $form->value("deluser"); ?>">
<input type="hidden" name="subdeluser" value="1">
<input type="submit" class="body" value="Delete user">
</form>
</td>
</tr>
<tr>
<td><br></td>
</tr>
<tr>
<td>
<?
/**
* Delete Inactive Users
*/
?>
<b>Delete inactive users</b><br>
This will delete all users (not administrators), who have not logged in to the site<br>
within a certain time period. You specify the days spent inactive.<br><br>
<form action="adminprocess.php" method="POST">
Days:
</td>
</tr>
<tr>
<td>
<select name="inactdays" class="form">
<option value="3">3
<option value="7">7
<option value="14">14
<option value="30">30
<option value="100">100
<option value="365">365
</select>
<input type="hidden" name="subdelinact" value="1">
<input type="submit" class="body" value="Delete all inactive">
</td>
</tr>
</form>
</td>
</tr>
<tr>
<td><br></td>
</tr>
<tr>
<td>
<?
/**
* Ban User
*/
?>
<b>Ban user</b>
<? echo $form->error("banuser"); ?>
<form action="adminprocess.php" method="POST">
Username:<br>
<input type="text" name="banuser" class="form" maxlength="30" value="<? echo $form->value("banuser"); ?>">
<input type="hidden" name="subbanuser" value="1">
<input type="submit" class="body" value="Ban user">
</form>
</td>
</tr>
<tr>
<td><br></td>
</tr>
<tr>
<td height="100%"></td>
<tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<?
}
?>
</body>
</html>
Det var ju lite bättre, men jag tror inte det räcker. Kan du göra så här:
1. Öppna sidan i en webbläsare som vanligt
2. Ta "View source" eller vad det kan heta i just den webbläsare du använder, dvs be webbläsaren visa sidans kod.
3. Kopiera och klistra in här som du gjorde nyss.
4. Kopiera stilmallen (style.css) här också.
Först då tror jag att folk kan ha en sportslig.
Här kommer sidans och stilmallens kod. Koden för sidan ser dock ännu värre ut nu än innan eftersom php:n varit där och stökat till lite.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title></title>
<link href="../style.css" rel="stylesheet" type="text/css">
<script LANGUAGE="JavaScript" src="menu.js">
</script>
</head>
<body bgcolor="#c1c6a6">
<table style="text-align: left; width: 100%; height: 100%;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="center" valign="middle">
<table style="text-align: left; width: 782px; height: 675px;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<table style="text-align: left; width: 100%; height: 63px;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr height="63px">
<td width="148px" class="header"></td>
<td width="113px" class="bg"></td>
<td><a href="../index.php" onMouseOver="swtch('1','home')" onMouseOut="swtch('0','home')"><img name="home" src="../images/home.gif" width="55px" height="63px" border="0"></a></td>
<td width="2px" class="space"></td>
<td><a href="../operations.php" onMouseOver="swtch('3','operations')" onMouseOut="swtch('2','operations')"><img name="operations" src="../images/operations.gif" width="87px" height="63px" border="0"></a></td>
<td width="2px" class="space"></td>
<td><a href="../information.php" onMouseOver="swtch('5','information')" onMouseOut="swtch('4','information')"><img name="information" src="../images/information.gif" width="92px" height="63px" border="0"></a></td>
<td width="2px" class="space"></td>
<td><a href="../member_area.php" onMouseOver="swtch('9','member_area')" onMouseOut="swtch('8','member_area')"><img name="member_area" src="../images/member_area.gif" width="110px" height="63px" border="0"></a></td>
<td width="2px" class="space"></td><td><a href="../admin/admin.php" onMouseOver="swtch('11','admin_center')" onMouseOut="swtch('10','admin_center')"><img name="admin_center" src="../images/admin_center.gif" width="108px" height="63px" border="0"></a></td> <td width="2px" class="space"></td>
<td><a href="http://forum.novair-virtual.com/" onMouseOver="swtch('13','forum')" onMouseOut="swtch('12','forum')"><img name="forum" src="../images/forum.gif" width="55px" height="63px" border="0"></a></td>
<td width="4px" class="header_right"></td>
</tr>
<tr height="15px">
<td colspan="11" rowspan="1"></td>
</tr> </tbody>
</table>
</td>
</tr>
<tr height="600px">
<td rowspan="1" class="main">
<table style="text-align: left; width: 100%; height: 100%;" border="1" cellpadding="0" cellspacing="0">
<tbody class="body" valign="top">
<tr>
<td width="400px">
<img src="../images/admin_center_main.gif" width="92px" height="14px">
</td>
</tr>
<tr>
<td><br></td>
</tr>
<tr>
<td>
<b>Users table contents</b>
<table align="left" width="100%" class="body" border="0" cellspacing="0" cellpadding="0">
<tr><td>Username:</td><td>Level:</td><td>E-mail:</td><td>Last active:</td></tr>
</table><br>
</td>
</tr>
<tr>
<td><br></td>
</tr>
<tr>
<td>
<b>Update user level</b>
<table class="body" cellpadding="0" cellspacing="0">
<form action="adminprocess.php" method="POST">
<tr>
<td colspan="2">
Username:
</td>
<td colspan="2">
Level:
</td>
</tr>
<tr>
<td>
<input type="text" name="upduser" class="form" maxlength="30" value="">
</td>
<td> </td>
<td>
<select name="updlevel" class="form">
<option value="1">1
<option value="9">9
</select>
</td>
<td> </td>
<td>
<input type="hidden" name="subupdlevel" value="1">
<input type="submit" class="body" value="Update level">
</td>
</tr>
</form>
</table>
</td>
</tr>
<tr>
<td><br></td>
</tr>
<tr>
<td>
<b>Delete user</b>
<br>
<form action="adminprocess.php" method="POST">
Username:
</td>
</tr>
<tr>
<td>
<input type="text" name="deluser" class="form" maxlength="30" value="">
<input type="hidden" name="subdeluser" value="1">
<input type="submit" class="body" value="Delete user">
</form>
</td>
</tr>
<tr>
<td><br></td>
</tr>
<tr>
<td>
<b>Delete inactive users</b><br>
This will delete all users (not administrators), who have not logged in to the site<br>
within a certain time period. You specify the days spent inactive.<br><br>
<form action="adminprocess.php" method="POST">
Days:
</td>
</tr>
<tr>
<td>
<select name="inactdays" class="form">
<option value="3">3
<option value="7">7
<option value="14">14
<option value="30">30
<option value="100">100
<option value="365">365
</select>
<input type="hidden" name="subdelinact" value="1">
<input type="submit" class="body" value="Delete all inactive">
</td>
</tr>
</form>
</td>
</tr>
<tr>
<td><br></td>
</tr>
<tr>
<td>
<b>Ban user</b>
<form action="adminprocess.php" method="POST">
Username:<br>
<input type="text" name="banuser" class="form" maxlength="30" value="">
<input type="hidden" name="subbanuser" value="1">
<input type="submit" class="body" value="Ban user">
</form>
</td>
</tr>
<tr>
<td><br></td>
</tr>
<tr>
<td height="100%"></td>
<tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
.body {
font-family: verdana;
font-size: 11px;
color: #000000;
}
.footer {
font-family: verdana;
font-size: 11px;
color: #808080;
}
.form {
font-family: verdana;
font-size: 11px;
color: #000000;
background-color: #eff1e9;
border: 0px;
margin: 0;
padding: 0;
}
.header {
background: url(images/header.gif);
}
.header_right {
background: url(images/header_right.gif);
}
.bg {
background: url(images/background_menu.gif);
}
.space {
background: url(images/space.gif);
}
.strip {
background: url(images/strip.gif);
}
.main {
padding: 12px;
background: url(images/background.gif);
}
a:link {
text-decoration: none;
color: #000000
}
a:visited {
text-decoration: none;
color: #000000
}
a:active {
text-decoration: none;
color: #000000
}
a:hover {
text-decoration: underline;
color: #000000
}
Trankan skrev:
Har testat med margin men det ger tyvärr ingen skillnad. Vissa andra formulär på sidan fungerar dock utan problem, som t.ex. det jag bifogar nu. Verkar bero på att jag lagt textfältet och knappen i en egen tabellrad.
<tr> <td> <b>Delete user</b> <br> <form action="adminprocess.php" method="POST"> [...] </td> </tr> <tr> <td> [...] </form> </td> </tr>
Hmm....
Den där koden är grymt felkonstruerad.
När du delar upp ett formulär mellan två tabellrader på det där sättet bryter du mot de grundregler som talar om hur HTML-kod skall se ut och förlitar dig därför helt och hållet på webbläsarens felhantering... (Det är alltså inte tillåtet att "hoppa bock" med taggar på det där sättet ;) )
På ett annat ställe i koden kör du också med ett "formulär mellan raderna"
<table class="body" cellpadding="0" cellspacing="0">
<form action="adminprocess.php" method="POST">
<tr>
vilket inte heller är korrekt.
Jag får spontant känslan av att problemen du upplever med mycket stor sannolikhet uppkommer pga att du råkat snubbla på formulärtaggplaceringarna och att du kommer att få ett bättre resultat om du tar dig tid att köra sidan genom W3C:s validator ett par varv och åtgärda de fel som den rapporterar ;)
Fråga igen när du gjort det så hjälper vi dig så gärna med det som eventuellt fortfarande inte funkar efter det ;)
jarvklo skrev:
Hmm....
Den där koden är grymt felkonstruerad.
När du delar upp ett formulär mellan två tabellrader på det där sättet bryter du mot de grundregler som talar om hur HTML-kod skall se ut och förlitar dig därför helt och hållet på webbläsarens felhantering... (Det är alltså inte tillåtet att "hoppa bock" med taggar på det där sättet ;) )
Men den här koden då? Får ett extra utrymme längst ner här också, trots att formuläret ligger i en och samma tabellrad.
<tr>
<td>
<b>Ban user</b>
<form action="adminprocess.php" method="POST">
Username:<br>
<input type="text" name="banuser" class="form" maxlength="30" value="">
<input type="hidden" name="subbanuser" value="1">
<input type="submit" class="body" value="Ban user">
</form>
</td>
</tr>
Försök med den här då men det är viktigt att du validerar som Jarvklo skrev.
form{
margin: 0;
padding: 0;
}
Min förra hade förmodligen också fungerat. (tror jag).Testade du det?
Äsch då såg att Sasch redan skrivit detta.
jarvklo skrev:
Den där koden är grymt felkonstruerad.
"Grymt" är nästan ett understatement.
La för skojs skull in koden i ett Dreamweaverdokumet igår kväll. Allt DW "såg" i WYSIWYG-läge var en grön bakgrund och tre tabellceller. Inget annat synted öht.
När jag kollade i Safari, så var webbläsaren snäll nog att bortse från kodsoppan och försökte visa upp något användbart.
Tänkte försöka bena ut det åt dej så, men det vara bara för mycket, och man har ju ingen aning om vad du kan tänkas ha haft för intentioner.
Jag föreslår att du gör om från början, bit för bit.
Nja så mycket var det väl inte.
Egentligen bara att radera några celler och peta in hela formuläret i en <td>
<tr>
<td><form action="adminprocess.php" method="POST">Username:<input type="text" name="upduser" class="form" maxlength="30" value="">
Level: <select name="updlevel" class="form">
<option value="1">1</option>
<option value="9">9</option>
</select>
<input type="hidden" name="subupdlevel" value="1">
<input type="submit" class="body" value="Update level"></form>
</td></tr>
Men då kommer Username och Level före sina input istället för över.
Om det gör något på en admin-sida så fixar man det med css.
Funderar lite över varför Sasch's inte fungerade.
Försökte du ändra i din class .form ? i så fall blir det fel.
form{} utan någon .punkt för margin... så gäller det för hela formuläret och inte bara input som du satt klassen på.
tanten skrev:
Funderar lite över varför Sasch's inte fungerade.
Försökte du ändra i din class .form ? i så fall blir det fel.
form{} utan någon .punkt för margin... så gäller det för hela formuläret och inte bara input som du satt klassen på.
Det tänkte jag inte alls på. Testade att göra som du skrev, och det fungerade. Tack så mycket för hjälpen! :)
Passar på att ställa en annan fråga angående formulär. Har nämligen ett vanligt enradstextfält som jag skulle vilja ha en ikon till höger om, men det fungerar inte riktigt. Textfältet och ikonen hamnar inte på samma nivå, eftersom bilden lägger sig lite ovanför mitten. Någon som vet om man kan få textfält och ikon på samma nivå?
Nu ska sägas först att jag är väldigt ovan med att använda tabeller annat än till data, men eftersom ingen annan svarat så testade jag lite grann. Men oavsett det så anser jag att bilder som inte är väsentliga för innehållet ska placeras som bakgrunder i css.
Så jag testade med att lägga in en "ikon" i ett formulär jag redan hade.
Och det visade bli ganska stor skillnad med olika doctyper.
Båda doctyperna i xhtml fungerar som det ska med den koden som finns nu, men i html fungerade de stricta men av de transitionella var det bara denna som fungerade
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> De andra får man fixa med andra värden.
Men...Bara att kika i källan här och se om du får något tips av det jag hann med. Den är html strict och Validerar :)
http://member.webforum.nu/9656/verti.html
Bara testat i IE6 och senaste FF
såg att jag fått med onödig <div> som är borta nu och fixat koden lite...med en knapp