• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

externe css datei einbinden

Status
Für weitere Antworten geschlossen.
G

Gelöschtes Mitglied 2559

Guest
hi
hab jetzt schon recht viel gefunden wie man eine externe css datei im head bereich ein fügen kann bräuchte aber eine css datei für ein menü ein gefügt
das nicht im header sitzt
geht das ?
klein-ich
 
Werbung:
Nun deine Frage verwirrt etwas: :shock:

Hast du schon mal mit CSS gearbeitet?

Du kannst mit externen CSS-Dateien arbeiten, du musst diese dann als link im head angeben und kannst sie dann für die gesamte Seite verwenden.

Wenn du zum Beispiel unterschiedliche Schrifttypen verwenden möchtest dann definierst du Klassen.

Am Besten konkretisier deine Frage noch mal, oder wenn du noch keine Ahnung von CSS hast, dann lies dir zumindest eine Einführung, zum Beispiel auf SelfHTML, dazu durch!!!

MfG.

aliboy
 
Werbung:
also..
viel hatte ich mit css noch nicht zu tun aber ich bin grad beim lerning by doing
also ich habe ein css/java-script menü in dem ich den die einzälden menüpunkte
auslagern will damit ich nicht in jeder datei das menü ändern muss
hoffe das war verständlicher
 
das wuste ich vorher auch das es im head bereich geht das menü ist aber nicht im header
der teil den ich gerne auslagern wollte ist der hier:
Code: 
<div class="menu">
</br>
<ul>
[*][url="diesv.html"]Die SV[/url] <ul style="display: none;" id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
[*][url="steckbriefe.html"]Steckbriefe[/url]
[*][url="ziele.html"]Ziele[/url]
[*][url="index.html"]Startseite[/url]
[*][url="schule.html"]Die Schule[/url]
[/list]

</div>
 
Werbung:
Werbung:
damit kann ich doch nur ganze dateien einfügen oder??
oder stehe ich grad auf dem schlauch?
:|
 
Du kannst menu.php includen und in der Datei steht dann dein Menü, welches du einbinden willst. Es muss sich dabei nicht unbedingt um ein vollständiges Dokument handeln...
 
es darf sich dabei gar nicht um ein vollständiges dokument handeln da man sonst ein doppeltes grundgerüst hat was zu darstellungsfehlern führt
 
Werbung:
ihrgendwie kommt da einen fehlermeldung:
  • Warning: main(): Failed opening '' for inclusion (include_path='.:') in /usr/export/www/vhosts/funnetwork/hosting/sv1/index.php on line 28
 
Werbung:
hier soll das menü rein:
Code: 
<html>
<head>
<title>SV HES</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {font-family: arial, sans-serif, helvetica, geneva;}
</style>

<script type="text/javascript">
<!--
  function montre(id) {
	  if (document.getElementById) {
		  document.getElementById(id).style.display="block";
		} else if (document.all) {
		  document.all[id].style.display="block";
		} else if (document.layers) {
		  document.layers[id].display="block";
		} } 

 function cache(id) {
	  if (document.getElementById) {
		  document.getElementById(id).style.display="none";
		} else if (document.all) {
		  document.all[id].style.display="none";
		} else if (document.layers) {
		  document.layers[id].display="none";
		} } 

//-->
</script>
<style type="text/css">
<!--
body {margin: 10px; padding: 0; font: 14px Verdana, sans-serif;}

ul, li {
list-style-type: none;
margin: 0;
padding: 0;
}

div.menu {
position: absolute;
width: 600px;
top: 10px;
z-index: 3;
}
div.menu li {
float: left;
width: 120px;
}

div.menu a {
margin: 0 2px;
height: 20px;
display: block;
text-align: center;
font-weight: bold;
border: 0px solid gray;
text-decoration: none;
color: black;
background:images/buttonhg.jpg;
}

div.menu a:hover {
background:images/buttonhg.jpg;
border: 0px solid gray; 
}

#smenu1, #smenu2, #smenu3, #smenu4 {
display: none;
float: left;
width: 120px;
font-size: 12px;
background-image:url(images/menu.jpg);
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a {
font-weight: normal;
border-top: 0 none;
}
.site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
padding: 5px;
border: 1px solid gray; 
}

.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
a {text-decoration: none;
color: #222;
}

-->
</style>

</head>
<body bgcolor="#bbbbbb">
<p align="center">

<table width="760" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<td width="760" colspan="6">[img]images/header.jpg[/img]</td>
</tr>
<tr valign="top">
<td width="138" style="background: url(images/zwhg.jpg) repeat-x; height: 29px;">

</td>
<td width="121" style="background: url(images/buttonhg.jpg) no-repeat; height: 29px;">
<p align="center" style="padding-top: 3px;">
<div class="menu">
</br>
</br>
</br>
</br>

<ul>
<?php
include($_GET['menu.html']);
?> 
[/list]

</div>
</p>
</td>
<td width="121" style="background: url(images/buttonhg.jpg) no-repeat; height: 29px;">
<p align="center" style="padding-top: 3px;">
<div class="menu">
</br>
</br>
</br>
</br>

<ul>[*][url="spass.html"]Spaß[/url]	<ul style="display: none;" id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">

	
[*][url="spiele.html"]Spiele[/url]
	[*][url=""]Forum[/url]
	[*][url="bilder.html"]lustige Bilder[/url]
[/list]
[/list]
</p>
</td>
<td width="121" style="background: url(images/buttonhg.jpg) no-repeat; height: 29px;">
<p align="center" style="padding-top: 3px;">

<div class="menu">
</br>
</br>
</br>
</br>


<ul>[*][url="sonstige.html"]Sonstiges[/url]	<ul style="display: none;" id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
	
[*][url="fotoalbum.html"]Fotoalbum[/url]
	[*][url="svteam.html"]SV-Team Bereich[/url]
	[*][url="downloads.html"]Downloads[/url]
        [*][url="links.html"]Links[/url]
[/list]
[/list]

</p>
</td>
<td width="121" style="background: url(images/buttonhg.jpg) no-repeat; height: 29px;">
<p align="center" style="padding-top: 3px;">

<div class="menu">
</br>
</br>
</br>
</br>

<ul>[*][url="kontakt.html"]Kontakt[/url]	<ul style="display: none;" id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
	
[*][url="impressum.html"]Impressum[/url]
	[*][url="team.html"]Webseiten Team[/url]
	[*][url="fragen.html"]Fragen an die SV[/url]

        [*][url="email.html"]E-mail Adressen[/url]	

</p>
</td>
<td width="138" style="background: url(images/zwhg.jpg) repeat-x; height: 29px;">

</td>
</tr>
<tr valign="top">
<td width="760" style="background: #993333 url(images/suchehg.jpg) no-repeat right; height: 28px;" colspan="6"> 

<p style ="text-align: right"> [url="suche.html"]Suchen[/url] </p>

</td>

</tr>
<tr valign="top">
<td width="760" style="background-color: #993333;" colspan="6">
<div style="margin: 10px; padding: 10px; background-color: #dddddd;">

</br>
</br>
</br>
</br>
</br>
</br>
</br>
</div>
</td>
</tr>
</table>
</p>
</body>
</html>
und das ist das menü:
Code: 
<html>
<script type="text/javascript">
<!--
  function montre(id) {
	  if (document.getElementById) {
		  document.getElementById(id).style.display="block";
		} else if (document.all) {
		  document.all[id].style.display="block";
		} else if (document.layers) {
		  document.layers[id].display="block";
		} } 

 function cache(id) {
	  if (document.getElementById) {
		  document.getElementById(id).style.display="none";
		} else if (document.all) {
		  document.all[id].style.display="none";
		} else if (document.layers) {
		  document.layers[id].display="none";
		} } 

//-->
</script>
<style type="text/css">
<!--
body {margin: 10px; padding: 0; font: 14px Verdana, sans-serif;}

ul, li {
list-style-type: none;
margin: 0;
padding: 0;
}

div.menu {
position: absolute;
width: 600px;
top: 10px;
z-index: 3;
}
div.menu li {
float: left;
width: 120px;
}

div.menu a {
margin: 0 2px;
height: 20px;
display: block;
text-align: center;
font-weight: bold;
border: 0px solid gray;
text-decoration: none;
color: black;
background:images/buttonhg.jpg;
}

div.menu a:hover {
background:images/buttonhg.jpg;
border: 0px solid gray; 
}

#smenu1, #smenu2, #smenu3, #smenu4 {
display: none;
float: left;
width: 120px;
font-size: 12px;
background-image:url(images/menu.jpg);
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a {
font-weight: normal;
border-top: 0 none;
}
.site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
padding: 5px;
border: 1px solid gray; 
}

.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
a {text-decoration: none;
color: #222;
}

-->


<ul>
[*][url="diesv.html"]Die SV[/url] <ul style="display: none;" id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
[*][url="steckbriefe.html"]Steckbriefe[/url]
[*][url="ziele.html"]Ziele[/url]
[*][url="index.html"]Startseite[/url]
[*][url="schule.html"]Die Schule[/url]
[/list]

</html>
 
$_GET['menu.html'] <-- gibt es in deiner url auch wirklich die variable : menu.html? ich vermute du willst mehr das hier ver such mal: include('menu.html');
 
so richtig gehen tut es nicht das menü wird zwar importiert aber es ist ein riesen streifen frei
oder das menmü ist um 5-10 cm nach unten verschoben ;ugl
 
Werbung:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben