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?
helperforall Gast |
helperforall Gast |
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?
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
Es wäre schön, wenn Du uns einen Auszug von Deinem Quelltext zur Verfügung stellst.Selbstverständlich.
/* 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;
}
<div id="sidebar">
<h1>Projekte</h1>
<ul>
<li><a href="LINK" target="XYZ"><img src="grafiken/pfeil.gif" height="12" width="10"> LINK</a></li>
<li><a href="LINK" target="XYZ"><img src="grafiken/pfeil.gif" height="12" width="10"> LINK</a></li>
<li><a href="LINK" target="XYZ"><img src="grafiken/pfeil.gif" height="12" width="10"> LINK</a></li>
</ul></div>
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.
« Computerhilfen Gästebuch | Fehlender Scrollbalken (HTML) » | ||