Hello,
HTML
<html>
<head>
<title> Two-column, fixed-width layout </title>
<style type = "text / css">
body {
color: black; background-color: white;
font-size: 100.01%;
font-family: Helvetica, Arial, sans-serif;
margin: 0; padding: 1em 0;
https://ometv.onl https://chatroulette.top https://omegle.wtf https://bazoocam.cam
text-align: center; / * Centering in Internet Explorer * /
}
div # page {
text-align: left; / * Align page content to the left again * /
margin: 0 auto; / * standard-compliant horizontal centering * /
width: 760px;
padding: 0.5em;
border: 2px ridge silver;
}
ul # navigation {
font-size: 0.91em;
float: left; width: 22em;
margin: 0; padding: 0;
border: 1px dashed silver;
}
ul # navigation li {
list-style: none;
margin: 0; padding: 0.5em;
}
ul # navigation a {
display: block;
padding: 0.2em;
font-weight: bold;
}
ul # navigation a: link {
color: black; background-color: #eee;
}
ul # Navigation a: visited {
color: # 666; background-color: #eee;
}
ul # navigation a: hover {
color: black; background-color: white;
}
ul # Navigation a: active {
color: white; background-color: gray;
}
div # content {
margin-left: 22em;
padding: 0 1em;
border: 1px dashed silver;
}
div # content h1 {
font-size: 1.5em;
margin: 0 0 1em;
}
div # content h2 {
font-size: 1.2em;
margin: 0 0 1em;
}
div # content p {
font-size: 1em;
margin: 1em 0;
}
</style>
</head>
<body>
<div id = "page">
<ul id = "Navigation">
<li> <a href="einfuehrung.htm"> Introduction to CSS-based layouts </a> </li>
<li> <a href="multi-column.htm"> multicolumn CSS-based layouts </a> </li>
<li> <a href="fix areas.htm"> Fixed areas with CSS-based layouts </a> </li>
<li> <a href="navigationsbaren.htm"> CSS-based navigation bars </a> </li>
<li> <a href="browserhaben.htm"> CSS browser switches </a> </li>
</ul>
<div id = "content">
<h1> CSS-based layouts </h1>
<h2> Fixed width page </h2>
<p> This page has a fixed width of 760px and is centered. </p>
<p> The width is chosen so that in 800px wide windows it is not horizontal
has to be scrolled and a printout should not cause any problems. </p>
</div>
</div>
</body>
</html>
Alles anzeigen
how are the connections there with all the ids?
something here for example
div # page why is there something # in there
What is
margin-left: 22em;
padding: 0 1em;
border: 1px dashed silver;
what does the em = stand for?
thank you for your help
thanks
alexsunny