Homepage Menü Problem

~~Sky Vodka~~ · 08/15/2014, 18:14

Hallo habe eine Frage,

Hier der Fehler

Spoiler

Das kommt dann: das scrollbare:

Spoiler

Html abschnitt vom Menü
Index:
habs dort eingetragen meine menu.html

menu.html inhalt:

Spoiler

CSS abschnitt:

Spoiler

THX im Vorraus
Best Regards Sky Vodka

ThinSmoke · 08/15/2014, 18:34

Weiß der Geier wo jetzt dein Problem liegt.. Willst du die horizontale Scrollleiste weg haben? overflow-x:hidden;

~~Sky Vodka~~ · 08/15/2014, 18:56

Thx teste

~ JWonderpig ~ · 08/15/2014, 19:25

Mach es so:

HTML Code:

<ul>
    <li><a href="index.html">Menüpunkte</a></li>
</ul>

Zudem ist deine CSS Regel #menu nirgends in dem HTML Code zu sehen. Poste am besten mal den ganzen Code.

~~Sky Vodka~~ · 08/15/2014, 19:30

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Luki's Blockelemente</title>
<link rel="stylesheet" type="text/css" href="formate.css">
</head>

<div id="page">

<div id="header">
Ausrichtung von Block-Level-Elementen
</div>

<div id="menu">
<object data="menu.html" type="html" width="200" height="100" style="vertical-align:left;"></object>
</div>

<div id="news">
<p>Test alles weitere folgt noch!</p>
</div>

<div id="content">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,</p>
</div>

<div id="footer">
© Copyright by Lukas Göbel | All rights by Lukas Göbel
</div>

</div>
</html>

menu.html

<body>

<ul><a href="index.html">Startseite</a></ul>
<ul><a href="news.html">News</a></ul>
<ul><a href="contact.html">Kontakt</a></ul>
<ul><a href="impressum.html">Impressum</a></ul>
</body>

~ JWonderpig ~ · 08/15/2014, 20:11

HTML Code:

<div id="menu">
    <ul>
        <li><a href="index.html">Menüpunkt</a></li>
   </ul>
</div>

Wenn du später das Menü auslagern willst, mach es mit php und nicht mit <object>

und schau nochmal, dass alles was angezeigt werden soll in den body Tag kommt.

Mozo_ · 08/15/2014, 20:21

Die Anzeige sieht nach dem anklicken so komisch aus, weil er die jeweilige Seite in dem <object> ausgibt anstatt die ganze Seite zu ändern.

Trag die Navi am besten direkt in die index.html ein oder mach es wie caiv schon gesagt hat mit php.

So wäre ein ansatz:

index.php

Spoiler

menu.php

Spoiler

Habe es nur schnell aus deinen Sachen zusammenkopiert, möchte nicht alles perfekt vormachen, dann würdest du es auch nicht so gut lernen

Habs auch nicht getestet, falls was falsch gegangen ist hast du eine weitere Aufgabe zum lernen

~~Sky Vodka~~ · 08/15/2014, 20:27

Wollte htm sry

~~Sky Vodka~~ · 08/18/2014, 11:36

Pzsh

Mikesch01 · 08/18/2014, 20:10

Wenn du alles in HTML willst, dann musst du das Menü auf jeder HTML Seite immer wieder reinschreiben (das ist sehr redundant).

Deswegen gab es hier den Vorschlag mittels PHP, das Menü nur per "include" einzubinden.

~~Sky Vodka~~ · 08/18/2014, 22:22

Okay