css probleme

DarkSyranus

So, 2 probs.
1) Warum sind diese streifen da?
2) Warum sind die beiden input felder nicht oben?

[Blockierte Grafik: http://i61.photobucket.com/albums/h64/DarkSyranus/NeuBitmap3.jpg]

Hier der html code:

PHP

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>


<head>
<title>Darkssite.eu</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="DarkSyranus">
<meta http-equiv="Page-Enter" content="blendTrans(Duration=0.2)">
<meta http-equiv="Page-Exit" content="blendTrans(Duration=0.2)">
<link rel="shortcut icon" href="images/log.bmp">
<link rel="stylesheet" type="text/css" href="darksstyle.css">


</head>


<body onload="showtime(), showdate()" vlink="#339966">
<!--<td><p id="browser" align="center" valign="top">




[img]images/backup.bmp[/img]</p></td><td align="right" valign="bottom">[url='http://www.forum-hilfe.de'][img]http://www.forum-hilfe.de/logos/logo.gif[/img][/url]






</td></tr>
</table>
</td></tr></table>
<table border="0" align="center" width="100%" height="*" valign="top">
<tr><td width="80%"><iframe src="mainsite.htm" align="center" width="100%" height="735px" name="navigation" border="0"></iframe></td><td style=" background-color:#3F3F3F; "><p id="head" align="center">
<u>Partner:</u>


[url='http://www.GreatStuff.at/']GreatStuff[/url]</p><hr color="339966">
<?php define('NOHACKER', true);  include("counter/counter.php"); ?>
</td></tr></table>//-->
<div id="banner">
  <table><tr><td class="lr"><div id="bleft">
    [img]images/obenlinks.bmp[/img]


  </div></td><td>
  <div id="bmiddle">
    <div id="bmtop"></div>
    <div id="bmbottom">
      <input type="text" name="date" readonly>
      <script type="text/Javascript">
        function showdate()
          {
            datum = new Date();
            with(datum) {
              tag = getDate();
              mon = getMonth()+1;
              jhr = getFullYear()
          }
          datevalue = tag+"."+mon+"."+jhr;
          document.getElementsByName('date')[0].value = datevalue;
           setTimeout('showdate()',60000);
        }
      </script>
      [img]images/logo.bmp[/img]
      <input type="text" name="time" readonly>
      <script type="text/Javascript">
        function showtime() {
        datum = new Date();
        with(datum) {
          sek = getSeconds();
          min = getMinutes();
          std = getHours() ;
        }
        if(sek < 10){
          sek = "0"+sek;
        }
        if(min < 10){
          min = "0"+min;
        }
        if(std < 10){
          std = "0"+std;
        }
        timevalue = std+"."+min+"."+sek;
        document.getElementsByName('time')[0].value = timevalue;
        setTimeout('showtime()',1000);
      }
      </script>
    </div>
  </div></td><td class="lr">
  <div id="bright">
    [img]images/obenrechts.bmp[/img]


  </div></td></tr></table>
</div>


</body>
</html>

Alles anzeigen

Hier der css code:

Code

body {
	background-color: #3F3F3F;
         margin: 0 auto;
}
div#banner {
	margin: 0 auto;
         width: 100%;
         vertical-align: top;
}
div#bleft {
	float: left;
         width: 141px;
         height: 500px;
         background-color: #000000;
}
div#bmiddle {
         background-color: #000000;
         height: 500px;
         text-align: center;
         vertical-align:top;
}
div#bmtop {
	background-color: #3F3F3F;
         height: 0.3cm;
         padding: 0;
         margin: 0;
}
div#bmbottom {
	vertical-align:top;
         padding: 0;
         margin: 0;
}
div#bright {
         float: right;
         width: 141px;
         height: 500px;
         background-color: #000000;
}
input {
	background-color:#000000;
         color:#006699;
         font-family:TimesNewRoman;
         width: 141px;
         height: 21px;
         padding-left: 37px;
}
table {
	width: 100%;
         margin: 0;
         padding: 0;
}
td.lr {
         width:141;
         padding: 0;
         margin: 0;
}

Alles anzeigen

Hab doch eigentlich alle margin und padding gesetzt oder nit?

Referend

Ich würd einfach ein blatt papier nehmen und das ganze mal zeichnen!!

ne dokumentation wär nicht schlecht^^

vl hast du ne tabelle nicht richtig geschlossen (hab sowas gesehen);
Wiso vermischtst du eigendlich div mit tabellen, das stört di Übersicht ungemein!?

::RMB::

Sonst noch wünsche?

Zu den input Feldern gib beiden ein vertical-align:top; sollte gehen.

zu den Streifen: border-spacing:0px; gibts auch noch und sollte helfen

Zusatz gib überall pixel angaben an nicht nur die Zahl.

Gruss ::RMB::

DarkSyranus

Ich misch das weil sonst das oben nicht geht.
Das kommt da bei raus, als die tabelle noch weg war.
https://www.forum-hilfe.de/download.php?id=1318
Tabelle ist geschlossen.

BendOr

table {
width: 100%;
margin: 0;
padding: 0;
cell-spacing: 0;
celll-padding: 0;
}

?

::RMB::

Das "Sonst noch wünsche?" war an den Referend gerichtet.

css und cell-****** ??????

DarkSyranus

Ja jetzt gehts.
BendOr: das hies border-spacing;

BendOr

irgendwie sowas, er hat da ja uach überall tabellen drinne, natürlich musste die zellen dann uach zammenrücken
habs mir nich genau angeschaut, einfach mal auf gut glück was innen raum (thread ) geschmissen und hat ihn ja auffe richtige idee gebracht ;D

Referend

Zitat von ::RMB::

Das "Sonst noch wünsche?" war an den Referend gerichtet.

css und cell-****** ??????

Ich wünsch mir mal was vom Weihnachtsmann, aber ich krig nie was!^^

Wenn ich was schreibe, dann meine ich das nicht böswillig!
Bei besonders viel code ist iene Dokumentation recht sinnvoll!
Und ich hab mich nur gefragt, wiso er seine Seite mit div tags aufbaut und doch noch tabellen benutzt, weil das sehr unübersichtlich ausieht und es uns , als helfer, schwer macht da auf anhieb durchzublicken!

Ich hätte mir wenn nötig den quellcode genauer angesehen, aber meine Freundin ist ausgebüchst und der Tag ist sowiso versaut......
Ich geh schlafen........

Tags