Beiträge von pazi

pazi · 14. März 2008

Hallo,
habe mir folgendes Menü für meine HP ausgesucht.
Da ich (versuche) diese mit css zu realisieren, muss ich, so weit ich das herausgefunden habe, das Menü in jede der einzelnen Seiten mit einbinden.
Dass das natürlich zu Problemen führt wenn ich was am Menü ändern will ist klar. Deshalb mein Wunsch das Menü z.T. auszulagern.
Ich habe schon ein paar Sachen ausprobiert, es aber nicht hinbekommen. Vielleicht kann mir von euch jemand einen Tipp geben?

Hier das Menü, dass ich verwenden möchte: http://www.dynamicdrive.com/dynamicindex1/slashdot.htm

Hier ein Auszug daraus:

HTML

<html>
<head>
<link rel="stylesheet" type="text/css" href="sdmenu/sdmenu.css" />
<script type="text/javascript" src="sdmenu/sdmenu.js">
/***********************************************
* Slashdot Menu script- By DimX
* Submitted to Dynamic Drive DHTML code library: http://www.dynamicdrive.com
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script type="text/javascript">
// <![CDATA[
var myMenu;
window.onload = function() {
myMenu = new SDMenu("my_menu");
myMenu.init();
};
// ]]>
</script>
</head>




<body>




<div id="my_menu" class="sdmenu">
<div>




*Diesen Teil möchte ich auslagern...




<span>Online Tools</span>
<a href="http://tools.dynamicdrive.com/imageoptimizer/">Image Optimizer</a>
<a href="http://tools.dynamicdrive.com/favicon/">FavIcon Generator</a>
<a href="http://www.dynamicdrive.com/emailriddler/">Email Riddler</a>
<a href="http://tools.dynamicdrive.com/password/">htaccess Password</a>
<a href="http://tools.dynamicdrive.com/gradient/">Gradient Image</a>
<a href="http://tools.dynamicdrive.com/button/">Button Maker</a>
</div>
<div>
<span>Support Us</span>
<a href="http://www.dynamicdrive.com/recommendit/">Recommend Us</a>
<a href="http://www.dynamicdrive.com/link.htm">Link to Us</a>
<a href="http://www.dynamicdrive.com/resources/">Web Resources</a>
</div>
<div class="collapsed">
<span>Partners</span>
<a href="http://www.javascriptkit.com">JavaScript Kit</a>
<a href="http://www.cssdrive.com">CSS Drive</a>
<a href="http://www.codingforums.com">CodingForums</a>
<a href="http://www.dynamicdrive.com/style/">CSS Examples</a>
</div>
<div>
<span>Test Current</span>
<a href="?foo=bar">Current or not</a>
<a href="./">Current or not</a>
<a href="index.html">Current or not</a>
<a href="index.html?query">Current or not</a>
</div>
</div>




*Auslagern bis hier hin...




</body>
</html>

Alles anzeigen

Wie gesagt, leider funktioniert mein Vorhaben nicht so recht. Habe es schon mit php probiert, bis ich herausgefunden habe, das mein Server kein php macht. Dann bin ich auf das

Code

<!--#include virtual="menu.html" -->

gestoßen. Das müsste eigenlich gehen, tuts aber irgendwie nicht.

Gruß Pazi

pazi · 11. März 2008

Hallo,
habe für den Navi-Bereich wie vorgeschlagen position:absolute genommen. Offensichtlich hat sich da leider nicht viel geändert. Mein grundlegendes Problem ist, wie bringe ich das Menü css und das Seiten-Layout css so zusammen, dass eine funktionierende Seite dabei raus kommt. Mittlerweile habe ich es zumindest geschafft, dass beides irgendwie auf einer Seite erscheint. Allerdings sind die verschiedenen Abschnitte nicht so positioniert wie ich es gerne hätte bzw. sie machen nicht das was ich von ihnen will.
Ich habe im Augenblick einfach die beiden css-Dateien in eine zusammengefasst, d.h. nacheinander zusammengeschrieben. Ob dass so richtig ist??? Es ist ja alles drauf auf der Seite, nur halt nicht richtig. Es scheint, als würden sich die beiden Layouts vermischen.

Gruß Pazi

Hier das traurige Ergebnis: http://home.arcor.de/opazdera/

pazi · 11. März 2008

Hallo zusammen,
bin absoluter Neuling in Sachen Webseiten und hoffe meine Frage wird euch nicht langweilen.

Ich möchte gerne meine HP mit einem Menü ausstatten:
http://www.dynamicdrive.com/dynamicindex1/slashdot.htm

Da ich keine Frames verwenden möchte (wie auf allen Seiten in denen ich dieses Menü wiedergefunden habe) möchte ich auch den Rest mit css gestalten. Mein Problem ist, ich weiß nicht wie... In den Zahlreichen Grundlagenkursen die ich gefunden habe steht das was ich vorhabe leider nicht so drin, oder ich konnte es einfach nicht herauslesen.
Jedenfalls habe ich der Einfachheit halber etwas widerlich zweckmäßiges gefunden, mit dem ich die Seite so aufbauen kann wie ich das möchte:

HTML

<!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">
<head>
<meta name="generator" content="http://www.html-seminar.de/css-layout-generator.php" />
<!-- 
Empfehlung: das CSS unbedingt auslagern, die entsprechende Datei wird dann eingebunden mit:
<link rel="stylesheet" type="text/css" href="design.css" />  
-->
<style type="text/css">
<!--
body {
  font: 100.01% Verdana, Arial, Helvetica, sans-serif;
}




* {
  margin:0;
  padding:0;
}




#seite {
  width:100%;
  margin: 0 auto;
}




#kopfbereich {
  padding: 20px;
  background-color:lightblue;
}




#inhalt {
  background-color: lightgreen;
  margin-left: 202px;
  padding: 20px;
}




#steuerung {
  float: left;
  width:200px;
  padding: 20px;
  background-color: #EEEEEE;
  border: 1px solid black;
}




#fussbereich {
  clear: both;
  padding: 20px;
  background-color:lightblue;
}
-->
</style>




</head>
<body>
<div id="seite">
  <div id="kopfbereich">
    Kopfbereich - ihr Namen oder so
  </div>




  <div id="steuerung">
    Bereich Steuerung
  </div>




  <div id="inhalt">
     hier kommt nun der Inhalt Ihrer Website
  </div>




  <div id="fussbereich">
    <!-- Bitte einen Link auf die Seite von uns setzen,
    bzw. folgenden Link uebernehmen - Danke -->
    Design <a href="http://www.html-seminar.de/css-layout-generator.php" 
    target="_blank">CSS-Layout-Generator</a>




  </div>
</div>
</body>
</html>

Alles anzeigen

Meine Frage konkret lautet:
Wie kann ich das Menü so in den obigen Code einbinden, das es im Bereich der "Steuerung" erscheint und im Bereich "Inhalt" die eingetragenen Links des Menüs angezeigt werden.

Ich hoffe jemand von euch kann mir das sagen, ich kenn nämlich keinen der mir sowas zeigen kann.

Gruß Pazi

Beiträge von pazi

Menü auslagern

Einbinden eines css Menüs

Einbinden eines css Menüs