• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Tabelle an Browserrand verlegen

Status
Für weitere Antworten geschlossen.
C

CHeesie

Neues Mitglied
Guten Tag Community,
mein Problem ist Folgendes: Ich schaffe es nicht, meine Tabelle ganz nach oben und ganz nach links an meinen Browserrand zu schieben. Sie hat immer einige Pixel abstand und das will ich ändern. Vielen Dank im vorraus.

MfG CHeesie
 
Werbung:
Oder - wenn du nicht willst, dass nichts mehr Abstand zu irgendwas hat - nur das hier:
Code: 
body, table /*Und evtl. noch tr und td*/ {
  margin:0;
  padding:0;
}
 
Werbung:
Ich weiß leider nicht genau, wie ihr das meint, da ich noch nicht so erfahren bin mit HTML. Ich füge mal meinen Code an und ihr zeigt mir wie ihr das meint.

Code: 
<html>

  <head>
  <title>Meine Testpage</title>
  </head>
  <body>
  <table cellpadding="0" cellspacing=0">
  <tr>
  <td><img src="red.jpg"></td>
  <td><img src="blue.jpg"></td>
  <td><img src="yellow.jpg"></td>
  <td><img src="green.jpg"></td>
  </tr>
  <tr>
  <td><img src="red.jpg"></td>
  <td><img src="blue.jpg"></td>
  <td><img src="yellow.jpg"></td>
  <td><img src="green.jpg"></td>
  </tr>
  </table>
  </body>

</html>

MfG CHeesie
 
Zuletzt bearbeitet von einem Moderator:
So:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
  <title>Meine Testpage</title>
  <style type="text/css">
  * {
  padding: 0px;
  margin: 0px;
  }
  </style>
  </head>
  <body>
  <table cellpadding="0" cellspacing=0">
  <tr>
  <td><img src="red.jpg"></td>
  <td><img src="blue.jpg"></td>
  <td><img src="yellow.jpg"></td>
  <td><img src="green.jpg"></td>
  </tr>
  <tr>
  <td><img src="red.jpg"></td>
  <td><img src="blue.jpg"></td>
  <td><img src="yellow.jpg"></td>
  <td><img src="green.jpg"></td>
  </tr>
  </table>
  </body>
</html>
 
Zuletzt bearbeitet:
Vielen Dank für dein Engagement Maxi, aber dein Code hat mir leider nicht weiter geholfen. Meine Tabelle wird ganz anders dargestellt als vorher und außerdem ist sie nicht an den oberen und linken Rand des Browsers geschoben wurden. Vielleicht hast du ja einen Fehler eingebaut. Wäre sehr nett von dir, wenn du nochmal nachgucken könntest. Vielen Dank...

MfG CHeesie
 
Werbung:
CHeesie schrieb:
Vielen Dank für dein Engagement Maxi, aber dein Code hat mir leider nicht weiter geholfen. Meine Tabelle wird ganz anders dargestellt als vorher und außerdem ist sie nicht an den oberen und linken Rand des Browsers geschoben wurden. Vielleicht hast du ja einen Fehler eingebaut. Wäre sehr nett von dir, wenn du nochmal nachgucken könntest. Vielen Dank...

MfG CHeesie
Zum Vergrößern anklicken....

Ich hab oben im Code was ausgebessert (ein " hatte ich vergessen), schau mal, obs so jetzt besser ist wie zuvor.
 
Code: 
<style type="text/css[COLOR=Green][B]"[/B][/COLOR]>
Da fehlte was ;)

EDIT:
Zu langsam...
 
Genau so sieht mein Quelltest jetzt aus, aber er schiebt die Tabelle immer noch nicht an den oberen und linken Browserrand. Bitte kontrolliere das mal für mich. Vielen Dank...

<html>

<head>
<title>Meine Testpage</title>

<style type="text/css">
table {padding: 0px;
margin: 0px;}
</style>
</head>
<body>
<table cellpadding="0" cellspacing=0">
<tr>
<td><img src="red.jpg"></td>
<td><img src="blue.jpg"></td>
<td><img src="yellow.jpg"></td>
<td><img src="green.jpg"></td>
</tr>
<tr>
<td><img src="red.jpg"></td>
<td><img src="blue.jpg"></td>
<td><img src="yellow.jpg"></td>
<td><img src="green.jpg"></td>
</tr>
</table>
</body>

</html>
Zum Vergrößern anklicken....

MfG CHeesie
 
Werbung:
Code: 
   <style type="text/css">
  table {padding: 0px;
  margin: 0px;}
  </style>
mach das zu
Code: 
<style type="text/css">
  body, table {
    padding: 0px;
    margin: 0px;
  }
</style>

<!-- ODER -->

<style type="text/css">
  * {
    padding: 0px;
    margin: 0px;
  }
</style>
 
Hier kommts auf jeden Fall auf body an. Table hat standardmäßig keinen Außenabstand, body hat Abstand (in welche Richtung weiß ich nicht), d.h. entweder "*" benutzen oder "body" oder "body, table" (siehe auch mein Post weiter vorne;))
 
Werbung:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben