Border spinnt...
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
auto
code
copyright
datei
entfernen
farbe
form
garnichts
http
impressum
input
ladezeit
login
navigation
radio
registrierung
span
tabelle
text
type
-
Aus irgendeinem Grund spinnt bei mir der Rand bei einer Tabelle,
Die Datei sieht folgendermaßen aus:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <link href="css/style.css" type="text/css" rel="stylesheet" /> <link href="{$style_dir}favicon.ico" type="image/x-icon" rel="shortcut icon" /> <title>Projekttitel</title> </head> <body> <center><a href="index.php"><img id="logo" src="images/logo2.jpg" alt="logo" /></a></center> <div class="main"> <table class="mainc"> <tr> <td class="center" colspan="2"> <ul id="nav"> <li><a href="index.php?action=informatik">Start</a></li> <li><a href="index.php?action=astronomie">Login</a></li> <li><a href="#">Registrierung</a></li> <li><a href="index.php">Gästebuch</a></li> </ul> </td> </tr> <tr> <td class="maincnav" border="1px"> <?php include('include/login.php'); ?> </td> <td style="vertical-align: top; padding-left: 60px; padding-top: 15px; padding-right: 60px; padding-bottom: 20px; margin: 80px; height: 450px; width: 589px;"> <center> <?php include('include/actions.php'); ?> </center> </td> </tr> </table> </div> <div id="footer"> <small>Copyright (c) 2011... - <a href="{$page_var}impress">Impressum</a> - Version: 0.0.1 BETA - Ladezeit: | Serverzeit:</small> </div> </body> </html>
Die CSS datei dazu:
/* Abstaende entfernen */ table { border-collapse: collapse; } /* Schriftart, -groeße und -farbe */ * { font-family: Arial, Helvetica, sans-serif; } .small { color: #ffffff; font-size: 12px; } .tiny { color: #ffffff; font-size: 11px; } html,body,div,p,h1,ul,ol,li,span,a,table,td,th,form,img { font-size: 13px; color: #ffffff; } h2 { color: #ffffff; font-size: 18px;} h3 { color: #E57F66; font-size: 15px;} /* Hintergrund */ body { background-color: #B8EAF5; margin: 5px; } /* Allgemeine Links */ a:link { color:#E57F66; text-decoration:none; font-weight:bold; } a:visited { color:#E57F66; text-decoration:none; font-weight:bold; } a:active { color:#E57F66; text-decoration:none; font-weight:bold; } a:hover { color:#E57F66; text-decoration:underline; font-weight:bold; } /* Inputs */ input[type="text"], input[type="password"], textarea { border: 1px solid #FF7F00; padding: 1px; font-size: 12px; } input[type="submit"], input[type="button"] { border: 1px solid #000000; padding: 1px; font-size: 12px; } select,option { border: 1px solid #FF7F00; font-size: 12px; } input[type="checkbox"], input[type="radio"] { margin: 3px; vertical-align: middle; } input.ilogin { text-align: center; margin: 1px; max-width: 130px; } /* Tabellen */ table.tcenter td, table.tcenter th { text-align: center; } /* Anzeige-Bloecke */ .center { text-align: center; } /* Hauptanzeige */ div.main { background-color: #8AD3E4; width: 875px; margin: 15px auto; margin-top: 5px; margin-bottom: 14px; height: 525px;} table.mainc { width: 100%; margin-left: 15px auto; margin-right: 15px auto; margin-bottom: 15px auto; margin: 5px auto;} td.maincnav { vertical-align: top; width: 150px; padding-top: 50px; padding-left: 20px; } div.navigation { height: 50px; vertical-align: middle; text-align: center; }
Also wenn ich nun <table> auf border="1px"; amche, sieht man dei ganez Tabelle aber ich will das man nur ein <td> sieht, dafür mach ich halt ganz normal nur in den <td> border auf 1 px, aber es passiert nix
Also enwteder alles(gesamte Tabelle) oder garnichts... Egal ob cih es in die CSS Datei reinschreibe oder mit in die php Datei ins <td>
Das ist sehr komsich weiß wer woran das liegt?
Edit by burgi: Projekttitel auf Wunsch des Threaderstellers editiert.
Beitrag zuletzt geändert: 24.7.2011 21:00:53 von burgi -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
versuch mal in die <td> tags <div> tags zu machen und die mit einer klasse tdborder zu versehen. die klasse tdborder bkommt dann den border.
ich bin der meinung so geht das.
liebe grüße -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage