Eingeschoben?
Ja...
Linksbündig mit dem Rand habe ich es jetzt... margin: 0;
Aber wie bekomme ich es an den oberen rand?
CSS
#Menu_Liste li{
position : absolute;
top : -10px;
left : 0px;
height : 100px;
width : 100px;
color : #575757;
margin: 0;
}
Habs
margin-top:0px;
Manchmal ist es einfacher als ich denke
'Shit... ich bekomme es doch nicht hin... könnt Ihr mir bitte helfen?
Ich möchte die Aufzählung in der oberen linken Ecke haben, und die drei elemente untereinander mit einem Anstand von 5px...
HTML:
<ul class="Schrift" id="Menu_Liste">
<li>Coffee</li>
<li>tee</li>
<li>wasser</li>
</ul>
CSS?
#Menu_Liste{
????
}
#Menu_Liste li{
?????
}
Hallo,
meinst du so:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8"><!-- Schließende Slashes sind unter HTML5 nicht erforderlich, aber erlaubt -->
<title>Obere linke Ecke</title>
<meta name="description" content="HTML5, CSS3">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Um alte IE HTML5-tauglich zu machen -->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Internes CSS ("type="text/css" ist unter HTML5 nicht erforderlich) -->
<style>
@media all {
/* Neue HTML5-Elemente für ältere Browser als Block-Elemente übergeben */
header, nav, main, aside, footer, section, article, figure, figcaption, audio, video {
display: block;
}
* {
box-sizing: border-box;
}
html {
font-size: 120%;
line-height: 0.8;
}
body {
margin: 0;
}
ul {
height : 50px;
width : 100px;
color : #575757;
margin: 0;
padding: 0;
}
ul li {
list-style-type: none;
padding: 0 0 5px 0;
}
}
</style>
</head>
<body>
<ul>
<li>Coffee</li>
<li>tee</li>
<li>wasser</li>
</ul>
</body>
</html>Verzichte auf "position: absolute;" und negative Abstandswerte - da kommt nur Stress rüber.
Gruss
MrMurphy
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!