Text soll nach oben geschoben werden

Computer: Software & Programmierung HTML & CSS
1

Wieso ist der Text ganz unten. Ich meine Noch einer kleiner Schritt ist inten wegen dem Navigation. Wie kann man das so machen dass der Text schon da oben anfängt

h1{font-family:Lucida Calligraphy,Script MT Bold,Monotype Corsiva,Blackadder IT;
color:maroon;
font-size:250%}

h2{font-family:Arial;
color:black;
font-size:120%}

h3{font-family:Arial;
color:black;
font-size:100%}
a:hover{color:blue;text-decoration:underline;}

#navigation {
background-color: #ebeae3;
width: 250px;
font-size: 0.8em;
border-top: 30px solid #dad6b1;
}

#navigation ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#navigation a {
text-decoration: none;
letter-spacing: 1px;
display: block;
padding: 5px 15px;
border-bottom: 1px solid white;
color: #565919;
}

#navigation a:hover, #navigation a:focus, #navigation a:active {
background-color: #e3e0cf;
color: #010101;
}

Noch ein kleiner Schritt…
Welcher Großraum?
Es gibt sechs Großräume:

Südeuropa

Alle Großräume sind hier vorhanden

2

Hast du einen Link zu der Seite, dann ist dir schnell geholfen.

3

file:///C:/Users/Sanusha/Pictures/Html/Nordeuropa.html

Hast du einen Link zu der Seite, dann ist dir schnell
geholfen.

4

Das ist ein Pfad zu deinem lokalen Verzeichnis. Darauf habe ich keinen Zugriff. Ist die Seite online bzw. kann man sie über einen Browser aufrufen?

Gebe der Klasse Navigation folgendes Attribut:

float:left;

also :

#navigation {
background-color: #ebeae3;
width: 250px;
font-size: 0.8em;
border-top: 30px solid #dad6b1;
float:left;
}

file:///C:/Users/Sanusha/Pictures/Html/Nordeuropa.html

Hast du einen Link zu der Seite, dann ist dir schnell
geholfen.

5

Hallo Neethan,

ich denke am einfachsten wird es sein, wenn du dein div wie folgt gestaltest:

Ich habe nur das style ergänzt. Dann sollte es (hoffentlich) wie gewünscht dargestellt werden.

Grüße
Thomas

7

Moin,

Dir fehlt ein float im navigation-Style.

Probier mal:
#navigation {
background-color: #ebeae3;
width: 250px;
font-size: 0.8em;
border-top: 30px solid #dad6b1;
float:left;
}

Das sollte funktionieren (zumindest im FF und IE).

TH

8

Da fehlt schlicht und einfach ein DIV das Deinem „Inhalt“, also Deinem Text und dem Bild sagt, wo es hin soll! Das hast Du bisher nämlich nur Deiner Navigation gesagt, nämlich links am Rand, oben an der Seite beginnen.

Ich hab den Quelltext mal verändert in dem ich ein DIV (inhalt) eingefügt hab, dass nun den Text mit Bild oben neben Deiner Navigation einfügt:

h1{font-family:Lucida Calligraphy,Script MT Bold,Monotype Corsiva,Blackadder IT;
color:maroon;
font-size:250%}

h2{font-family:Arial;
color:black;
font-size:120%}

h3{font-family:Arial;
color:black;
font-size:100%}
a:hover{color:blue;text-decoration:underline;}

#navigation {
background-color: #ebeae3;
width: 250px;
font-size: 0.8em;
border-top: 30px solid #dad6b1;
}

#navigation ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#navigation a {
text-decoration: none;
letter-spacing: 1px;
display: block;
padding: 5px 15px;
border-bottom: 1px solid white;
color: #565919;
}

#navigation a:hover, #navigation a:focus, #navigation a:active {
background-color: #e3e0cf;
color: #010101;
}

Noch ein kleiner Schritt…
Welcher Großraum?
Es gibt sechs Großräume:

Alle Großräume sind hier
vorhanden
 
 
Startseite

Mein Hobby

Südeuropa

 

/div>

Mußt halt selbst noch ganz genau ausrichten wo Du es haben willst.

Gruß
Karin

9

Hallo Neethan
Sorry die späte Antwort.
Ich empfehle dir einzelne DIV-Container anzulegen. Die kannst du frei positionieren. Dies macht es sehr einfach mit CSS komplexe Gebilde zu erstellen.
Viele Grüsse
Andreas