kostenloser Webspace werbefrei: lima-city


Border spinnt...

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    testworld

    testworld hat kostenlosen Webspace.

    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&auml;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 :wow:

    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? :confused:

    Edit by burgi: Projekttitel auf Wunsch des Threaderstellers editiert.

    Beitrag zuletzt geändert: 24.7.2011 21:00:53 von burgi
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. g****e

    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
  4. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!