Forum
Tipps
News
Menu-Icon

Tabelle verschieben - Html

Moin,
ich habe mir in Html unter Benutzung von Css eine Tabelle gebastelt. Der Anfang der Tabelle ist direkt am linken Rand des Browsers, wie bekomme ich das 100px nach rechts verschoben?


Antworten zu Tabelle verschieben - Html:

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button
3 Leser haben sich bedankt

In erster Linie, wirst Du mit CSS keine Tabelle basteln können. Denn CSS sind reine Fromatierungen.

Als zweites möchte ich sagen, dass wir keine Hellseher sind. Es wäre schön, wenn Du uns einen Auszug von Deinem Quelltext zur Verfügung stellst. Denn dann können wir Dir auch konstruktiv helfen.

Es kommt schon drauf an, ob die Tabelle freistehend ist oder sich in einem Boxmodell befindet. Je nachdem kann man mit padding oder margin die Abstände innerhalb bzw. außerhalb regeln. Es gibt aber auch die Möglichkeit eine absolute bzw. relative Position vorzugeben.

Darum ist es wichtig, den Code zusehen und dazu noch ein paar kurze Beschreibungen, damit wir wissen was Du genau meinst. ;)

gruß safffi

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button
5 Leser haben sich bedankt

Beispiel:

Tabelle:

<table style="margin-left:100px;">
<tr>
<td>
</td>
</tr>
</table>

Das könnte die Lösung sein?(!)

 

Zitat
Es wäre schön, wenn Du uns einen Auszug von Deinem Quelltext zur Verfügung stellst.
Selbstverständlich.
Hier Css

Zitat
/* sidebar */
#sidebar {
   float:left;
   width:260px;
}
#sidebar h1 {
   border-bottom:2px solid #268F0F;
   color:#222222;
   font-size:165%;
   font-weight:400;
   line-height:30px;
   padding:0 10px;
}
#sidebar h2 {
   color:#000;
   font-size:100%;
   }
#sidebar input {
   background:#f1f1f1;
   color:#555555;
   margin:5px;
   padding:5px;
   width:180px;
}
#sidebar p {
   background:#f1f1f1;
   color:#555555;
   display:block;
   font-size:90%;
   line-height:13px;
   margin:10px;
   padding:8px;
}
#sidebar p a.more {
   display:block;
   text-align:right;
}
#sidebar ul {
   margin:10px;
}
#sidebar ul li {
   border-bottom:1px solid #268F0F;
   list-style:none;
   padding:3px 2px;
}
#sidebar ul li a {
   color:#222222;
   display:block;
   font-family:Arial,Helvetica;
   padding:3px;
   text-decoration:none;
}
#sidebar ul li a:hover {
   color:#000000;

Hier Html
Zitat
<div id="sidebar">
<h1>Projekte</h1>
<ul>
<li><a href="LINK" target="XYZ"><img src="grafiken/pfeil.gif" height="12" width="10">&nbsp; LINK</a></li>
<li><a href="LINK" target="XYZ"><img src="grafiken/pfeil.gif" height="12" width="10">&nbsp; LINK</a></li>
<li><a href="LINK" target="XYZ"><img src="grafiken/pfeil.gif" height="12" width="10">&nbsp; LINK</a></li>
</ul></div>

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button
3 Leser haben sich bedankt

Das ist zwar keine Tabelle, aber so wie ich das versteh, willst du das "Projekte" weiter rechts haben, oder ?

Falls ja:
<h1 style="padding-left:50px;">Projekte</h1>
( Gestestet ;) )

In deinen CSS Code wirsts wohl selber einbinden können. Der Schriftzug "Projekte" ist jetzt fast auf selber Breite wie deine Liste.

Gruß,
jackson

Edit: Falls du die grüne Linie auch weiter rechts haben willst, nimm anstatt padding, margin.

Edit 2: Ich hab übersehen, dass du 100 px weiter rechts haben wolltest...
Indem fall natürlich style="padding-left:100px;" in den h1 machen. Aber würd ich 100 px etwas viel empfinden, da es über die auflistung hinaus geht.  ;D

« Letzte Änderung: 08.03.09, 18:20:04 von Jackson »

Danke, Jackson! Du hast recht, eine richtige Tabelle ist es nicht. ;)


« Computerhilfen GästebuchFehlender Scrollbalken (HTML) »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

Fremdwörter? Erklärungen im Lexikon!
HTML
HTML steht für Hyper Text Markup Language, ist die Sprache, mit der Internetseiten kodiert werden. Es handelt sich dabei um ASCII Text, in den die HTML Befehle einge...

XHTML
Die Extensible Hypertext Markup Language, kurz XHTML, ist eine textbasierte Auszeichnungssprache zur semantischen Auszeichnung von Bildern, Texten und Hyperlinks in Dokum...

CSS
CSS ist die Abkürzung für Cascading Style Sheets, eine Beschreibungssprache im Internets, die für die visuelle Gestaltung von Webseiten verantwortlich ist....