Anfängerproblem - Webmasterwelt - Webmaster-Forum

markus123 · #1 14.01.2012, 11:39

Hallo zusammen, bin neu hier

Ich arbeite gerade an einer HP für einen kleinen Verein, ist meine erste Seite, lerne gerade HTML und CSS.

Ich habe schon losgelegt, das soll natürlich nicht die endgültige Seite sein, da sie schrecklich aussieht - ist nur eine Übung. Trotzdem komme ich nicht weiter. Der Punkt "Aktuelles" will einfach nicht auf die Navigationsleiste springen, und ich weiß einfach nicht weiter, vielleicht könnt ihr mir ja helfen.

1. ein Bild :
http://img7.imagebanana.com/img/dkwh4svl/problem.jpg

2. HTML Code

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
    <title>Titel</title>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />

    <link href="style.css" type="text/css" rel="stylesheet" />
</head>

<body>

<div id="kasten">

      <div id="navigation">
               <div id="startseite">
                              Startseite
               </div>
                            <div id="aktuelles">
                                   Aktuelles
                            </div>
      </div>

</div>



</body>
</html>

3. CSS-Code

Code:

body {
    background-color: #555555 ;

}

#kasten {

margin: 0 auto;
height:  900px;
width: 930px;
background-color:  #bbbbbb;

}

#navigation {

    background: url(leiste.jpg) repeat-x;

}

#startseite {
font-family: Arial;
    font-size: 55px;
    color:white;
    margin-left:10px;

}

#aktuelles {
    font-family: Arial;
    font-size: 55px;
    color:white;
    margin-left: 500px;
}

Internetxxl.com · #2 15.01.2012, 12:11

Warum mach Ihr euch das so kompliziert?

Es gibt Editoren genug mit denen jeder ohne Probleme seine Seiten in kürzerster Zeit gestalten kann.

Alles selbst machen mit Html ist Zeitaufwendig und vor allem kommen früher oder später solche Probleme.

Also lieber einfach statt schwer.

markus123 · #3 16.01.2012, 20:33

Hat noch jemand einen ernstgemeinten Rat ?

florianpetri · #4 20.01.2012, 10:47

Hallo

Ich versuche dir gerne weiter zu helfen, aber ich habe ehrlich gesagt noch nicht verstanden, was genau niht klappt. Was meinst du mit "auf die Startseite springen"?

Was möchtest du gerne machen?

Junior · #5 24.01.2012, 00:33

div ist ein Container.
Um eine Menüstruktur zu gestalten solltest du lieber Listenelemente nutzen und diese dann mit CSS formatieren.

<ul>
<li> Start </li>
<li> Aktuelles </li>
</ul>

<style>
ul{
list-style:none;
}

li{
float:left;
width:50px;
}

oder ähnlich
</style>

Internetxxl.com · #6 25.01.2012, 04:04

Mein Rat ist Ernstgemeint, das spart viel zeit und vor allem noch mehr Nerven, wenn das nichts ist?

Machts euch einfach das trägt zum Erfolg bei!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln