Homepage Menü Problem

08/15/2014 18:14 Sky Vodka#1
Hallo habe eine Frage,

Hier der Fehler


Das kommt dann: das scrollbare:


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

menu.html inhalt:

CSS abschnitt:


THX im Vorraus
Best Regards Sky Vodka
08/15/2014 18:34 ThinSmoke#2
Weiß der Geier wo jetzt dein Problem liegt.. Willst du die horizontale Scrollleiste weg haben? overflow-x:hidden;
08/15/2014 18:56 Sky Vodka#3
Thx teste
08/15/2014 19:25 ~ JWonderpig ~#4
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.
08/15/2014 19:30 Sky Vodka#5
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>
08/15/2014 20:11 ~ JWonderpig ~#6
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.
08/15/2014 20:21 Mozo_#7
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

menu.php



Habe es nur schnell aus deinen Sachen zusammenkopiert, möchte nicht alles perfekt vormachen, dann würdest du es auch nicht so gut lernen :p Habs auch nicht getestet, falls was falsch gegangen ist hast du eine weitere Aufgabe zum lernen :D
08/15/2014 20:27 Sky Vodka#8
Wollte htm sry
08/18/2014 11:36 Sky Vodka#9
Pzsh
08/18/2014 20:10 Mikesch01#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.
08/18/2014 22:22 Sky Vodka#11
Okay