Noch nicht viel geschrieben
Hallo,
ich habe ein Problem, ich erlerne gerade css, aber ich komme einfach nicht weiter, mache wahrscheinlich immer den selben Fehler oder habe es irgendwie gar nicht richtig verstanden, vielleicht könnt ihr mir helfen.
Ich möchte das die Links (jetzt unten rechts) oben rechts neben dem Textcontainer stehen.
Meine css-Datei dazu schaut so aus:
Meine html dazu:
Ich würde mich freuen, wenn ich von euch einen Tipp bekommen könnte, was ich hier grundlegend falsch mache.
Freundliche Grüße
Hilderlein
ich habe ein Problem, ich erlerne gerade css, aber ich komme einfach nicht weiter, mache wahrscheinlich immer den selben Fehler oder habe es irgendwie gar nicht richtig verstanden, vielleicht könnt ihr mir helfen.
Ich möchte das die Links (jetzt unten rechts) oben rechts neben dem Textcontainer stehen.
Meine css-Datei dazu schaut so aus:
Code:
@charset "utf-8";
body {
font: 100% Verdana, Geneva, sans-serif;
color: #000000;
background: #ADA189;
margin: 0px;
padding: 0px;
}
#holder {
width: 740px;
margin: 0 auto 0 150px;
float: left;
background: #6E8B3D;
}
#nav {
width: 120px;
float: right;
padding: 15px 10px;
background: #9ACD32;
}
#content {
margin: 0 165px 0 0;
float: left;
padding: 15px;
border-left: 1px solid #90EE90;
background: #186135;
}
.callout {
font: bold 130% Verdana, Geneva, serif;
color: #000;
margin: 0;
padding: 20px 10 px;
}
#nav ul {
background-color: transparent;
list-style-type: none;
margin: 0;
padding: 0;
font-size: 90%;
}
#nav ul li {
padding: 0;
margin: 0;
}
#nav ul li a {
background-color: #FF7F24;
color: #FFF;
display: block;
padding: 4px 0 4px 0;
text-decoration: none;
height: 1%;
}
#nav a:hover, #nav a:focus {
color: #2515DA;
}
Meine html dazu:
HTML:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
<link href="test.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="holder">
<div id="content">
<h1 class="callout">Test</h1>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est
Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est
Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet.
</div>
<div id="nav">
<ul>
<li><a href="#"> Link 1 </a></li>
<li><a href="#"> Link 2 </a></li>
<li><a href="#"> Link 3 </a></li>
</ul>
</div>
</div>
</body>
</html>
Ich würde mich freuen, wenn ich von euch einen Tipp bekommen könnte, was ich hier grundlegend falsch mache.
Freundliche Grüße
Hilderlein
Zuletzt bearbeitet von einem Moderator: