Anfängerfragen

lovetechno · 17 Mai 2009

Moin moin ich mach mal eben schnell ein zweites thema auf =)

ich sende euch mal eben hier meinen html code

Code:

<html>
    <head>
<title>Kims-Kleine-Welt</title>
    <style>

body {
  background-color:#FF0000 ;
}

                ul#navigation li {
                  float: left;
                }
                ul#navigation li {
                  list-style-type: none;
                }

</style>
    </head>
<body>

            <ul id="navigation">
              <li><a href="">Die Familie</a></li>
              <li><a href="">Ich </a></li>
              <li><a href="">Impressum</a></li>
            </ul>


<center>
    <p><b>Happy Birthday</b></p>
    <p>Alles gute zum Geburtstag</p>
    <p>Ich hoffe die Seite gefällt dir </p>
    <p>Sie ist natürlich veränderbar</p>
    <p>Alles Liebe und Gute</p>
    <p>Timo</p>
</center>

ich habe die css daten gleich mir reingepackt !!
so bloß wie bekomme ich das menü über den Text ????
und kann mir nochmal schnell einer sagen wie inen kasten um jedeneinzelnen menü punkt bekomme und das die menü punkte nciht so aneinder hocken ?? =)

Lg timo

sp einen kasten ahbe ich hinbekommen aber wie bekomme ich das ganze größer un diwe geasgt über den text ??

SOOO sogar größer habe ich es jetzt und ein kasten doch wie bekomme ich es mittig über den text ??

mal eben schnell der neue code Farben und so sind alles nur test xD

Code:

<html>
    <head>
<title>Kims-Kleine-Welt</title>
    <style>

body {
  background-color:#FF0000 ;
}

                ul#navigation li {
                  float: left;
                }
                ul#navigation li {
                  list-style-type: none;
                }

    ul#navigation li  {
  border-width: thin;
  border-style: solid;
  border-color: blue;
}

ul#navigation li  {
  height: 30px;
  width: 80px;
  border: 1px solid black;
  background: orange;
}




</style>
    </head>
<body>

            <ul id="navigation">
              <li><a href="">Die Familie</a></li>
              <li><a href="">Ich </a></li>
              <li><a href="">Impressum</a></li>
            </ul>


<center>
    <p><b>Happy Birthday</b></p>
    <p>Alles gute zum Geburtstag</p>
    <p>Ich hoffe die Seite gefällt dir </p>
    <p>Sie ist natürlich veränderbar</p>
    <p>Alles Liebe und Gute</p>
    <p>Timo</p>
</center>

Mod-Edit: Dreifachpost zusammengefasst - Sowas gabs auch noch nie... (XraYSoLo)

thuemmy · 17 Mai 2009

Mit

PHP:

#navigation 
{
margin: 0 auto;
}

zentrierst Du die Navigation.

Aber was mir noch aufgefallen ist, in Deinem HTML-Code stehen noch Design-Tags (<center> und <b>). Das kannst Du auch noch über CSS machen.

Gruß thuemmy

lovetechno · 17 Mai 2009

komisch geht i-wie nciht =)
aber ncoh eine frage wie kann man den rext posirtionieren mit

.text1 {
position: absolute;
left: 50px;
top: 50px;
}

geht das i.wie nicht =(
habe auch extra jedem p den class zugewiesen doch danns chreibt der alles überinander zwar an der stelle aber trodzffdme mülöl !!

hab es jetzt einfach so gemacht !!!

Code:

#navigation {
position: absolute;
left: 350px;
top: 100px;
}

hehe doch wie beim text ?

Mod-Edit: Doppelpost zusammengefasst - Was soll das eigentlich? (XraYSoLo)

Anfängerfragen

lovetechno

Neues Mitglied

thuemmy

Aktives Mitglied

lovetechno

Neues Mitglied

Neueste Beiträge