Ein paar Fragen zur positionierung !

Niklas · 7 Oktober 2009

Hallo,

Normal habe ich damit jetzt keine Probleme mehr mit positionierungen nur noch mit dem Nebeneinander positionieren ich möchte das so haben BeschreibungIBrowsergameIVideo nur ich weiß nicht wie,dass in der Mitte könnte man Zentrieren nur wie bekommt man eins davor und eins dahinter ?

Meine zweite Frage ich habe ein bisschen Angst das das jetzt in anderen Browsern oder anderen Pc´s verrutscht oder so ist sowas zuverlässich ?

Hier nochmal die Code´s

index.html

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">


<html>
<head>
<title>Welt der Browsergames</title>
<link rel="stylesheet" type="text/css" href="style/style.css" /> 
</head>
<body>
<div id="wrapper">
<h1 class="klasse"><a href="http://welt-der-browsergames.de">Welt der Browsergames </a></h1>
<h1 class="klasse1"><a href="kleine-stadt/beschreibung.html">Beschreibung</a></h1><h1 class="klasse2"><a href="http://www.kleine-stadt.com/">Kleine Stadt</a></h1><h1 class="klasse3"><a href="kleine-stadt/beschreibung.html">Video</a></h1>
</div>
</body>
</html>

style.css

Code:

.klasse {
font-size: 50pt;
font-align: center;
color: red;
border: 5px solid red;
background-color: black;
padding: 25px;
margin: 30px 60px 0px 60px;
border-width: 6px 6px 3px 6px;
}
.klasse1 {
font-size: 20pt;
font-align: center;
color: red;
border: 5px solid red;
background-color: black;
padding: 10px;
margin: 0px 345px 0px 345px;
border-width: 3px 3px 3px 6px;
}
.klasse2 {
font-size: 20pt;
font-align: center;
color: red;
border: 5px solid red;
background-color: black;
padding: 10px;
margin: 0px 345px 0px 345px;
border-width: 3px 3px 3px 3px;
}
.klasse3 {
font-size: 20pt;
font-align: center;
color: red;
border: 5px solid red;
background-color: black;
padding: 10px;
margin: 0px 345px 0px 345px;
border-width: 3px 6px 3px 3px;
}

Info: Klasse: Welt der Browsergames Klasse1: Beschreibung Klasse2: Browsergame Klasse 3: Video

Die Zahl · 7 Oktober 2009

h1 ist nur eine Überschrift (einzigartig, dafür gibt es h1-8).

Ein Menu ist in der Regel eine Liste, das könnte so aussehen:

HTML:

<ul id="navi">
<li><a href="#">Menulink1</a></li>
<li><a href="#">Menulink2</a></li>
</ul>

usw...

Nebeneinander, also die Positionierung machst du mit CSS.

Zb vielleicht so:

Code:

#navi li {
padding: 15px;
float: left;
list-style-type:none;
}

Also durch den FLOAT bekommst du es nebeneinander, statt untereinander. (clearen später nicht vergessen).
Ob das nun die "Richtige" CSS Art ist, weis ich nicht. Aber den Grundsatz könntest du dir ja "ergooglen".

Mfg

Ein paar Fragen zur positionierung !

Niklas

Neues Mitglied

Die Zahl

Neues Mitglied

Neueste Beiträge