Hallo zusammen,
ich bin wirklich ein Frischling was Programmierung angeht und versuche mich gerade einzuarbeiten. Ich habe folgendes Problem:
Ich habe 2 verschiedene html vorlagen erworben und auf meinem Webspace eingerichtet. Alles funktioniert wunderbar. Die eine Vorlage dient als Hauptseite und liegt direkt auf dem Webspace, die 2. Vorlage liegt in einem Unterordner und ich habe sie von der Hauptseite aus verlinkt. Ich möchte aber gerne von der 2. Vorlage (im Unterordner) zurück auf meine Hauptseite verlinken. Aus diesem Grund habe ich mit href="... ganz unten einen link zurück gesetzt, der auch funktioniert. Nun möchte ich aber oben innerhalb der Navigationsleiste einen Text Home einfügen der auch auf die Hauptseite zurück verweist. Wenn ich darauf klicke passiert aber nichts. Klicke ich mit der rechten Maustaste darauf und sage öffnen in nuem tab, dann geht es. Es liegt irgendwie daran, dass die anderen Links der Navigation nur Verweise innerhalb der Seite sind... denke ich zumindest. Wie bekomme ich es hin, dass bei klick auf Home sich die index.html der Hauptseite öffnet??? Hab schon soviel recherchiert und versucht, komme aber nicht weiter...
Hier die Programmierung der index.html des unterordners:
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<!--[if ie]><meta http-equiv="X-UA-Compatible" content="IE=Edge" ><![endif]-->
<title>S und J - Seite </title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/master.css">
<!-- custom font -->
<link href='http://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister' rel='stylesheet' type='text/css'>
<!-- Paste Fontdeck custom font here -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<link rel="stylesheet" href="css/ie7.css">
<![endif]-->
<script src="js/jquery.js"></script>
<script src="js/jquery.customslider.js"></script>
<script src="js/jquery.scrollTo-min.js"></script>
<script src="js/jquery.krioImageLoader.js"></script>
<!-- fancybox -->
<script src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script src="fancybox/jquery.easing-1.3.pack.js"></script>
<script src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script src="js/main.js"></script>
</head>
<body id="index">
<!-- #main -->
<div id="main">
<!-- #Container -->
<div id="container">
<h1>S und J Seite</h1>
<!-- Navigation -->
<nav>
<div class="before"></div>
<ul>
<li><a href="../index.html">Home</a></li> der Home Button wird auf der Homepage angezeigt, auch unten im Firefox zeigt er mir die richtige url an. Klickt man passiert aber nix!!!
<li><a href="#about_us">Ueber uns</a></li>
<li><a href="#wedding_party">Trauung</a></li>
<li><a href="#photos">Fotos</a></li>
<li class="last"><a href="#contact">Kontakt</a></li>
</ul>
<div class="after"></div>
</nav>
<!-- END Navigation -->
Und hier die master CSS Datei:
/* -- NAVIGATION -- */
nav {
background: url('../images/nav_bg.png') 50% 50% repeat-x transparent;
font-size: 1.4em;
line-height: 40px;
height: 38px;
text-align: center;
text-transform: uppercase;
margin-bottom: 46px;
padding: 7px 0 8px 0;
position: relative;
width: auto;
}
nav .before {
background: url('../images/nav_before_bg.png') 0 0 no-repeat transparent;
width: 66px;
left: -66px;
top: 1px;
}
nav .after {
background: url('../images/nav_after_bg.png') 0 0 no-repeat transparent;
width: 61px;
right: -61px;
top: 1px;
}
nav li {
display: inline;
margin: 0 17px 0 0;
}
nav li.last {
margin: 0;
}
nav li:after {
color: #597278;
content: "♥";
margin-left: 17px;
}
nav li.last:after {
content: "";
}
nav a {
color: #ffffff;
text-decoration: none;
-webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out;
}
nav a:hover {
color: #ffe8b0;
}
So, wie bekomme ich es hin, dass ich auf Home klicke und sich die index.html die im Hauptverzeichnis meines webspaces liegt im selben Fenster öffnet??? Worauf muss ich achten?
Bin euch über wirklich jeden Tipp dankbar...
Viele Grüße
Joel
ich bin wirklich ein Frischling was Programmierung angeht und versuche mich gerade einzuarbeiten. Ich habe folgendes Problem:
Ich habe 2 verschiedene html vorlagen erworben und auf meinem Webspace eingerichtet. Alles funktioniert wunderbar. Die eine Vorlage dient als Hauptseite und liegt direkt auf dem Webspace, die 2. Vorlage liegt in einem Unterordner und ich habe sie von der Hauptseite aus verlinkt. Ich möchte aber gerne von der 2. Vorlage (im Unterordner) zurück auf meine Hauptseite verlinken. Aus diesem Grund habe ich mit href="... ganz unten einen link zurück gesetzt, der auch funktioniert. Nun möchte ich aber oben innerhalb der Navigationsleiste einen Text Home einfügen der auch auf die Hauptseite zurück verweist. Wenn ich darauf klicke passiert aber nichts. Klicke ich mit der rechten Maustaste darauf und sage öffnen in nuem tab, dann geht es. Es liegt irgendwie daran, dass die anderen Links der Navigation nur Verweise innerhalb der Seite sind... denke ich zumindest. Wie bekomme ich es hin, dass bei klick auf Home sich die index.html der Hauptseite öffnet??? Hab schon soviel recherchiert und versucht, komme aber nicht weiter...
Hier die Programmierung der index.html des unterordners:
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<!--[if ie]><meta http-equiv="X-UA-Compatible" content="IE=Edge" ><![endif]-->
<title>S und J - Seite </title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/master.css">
<!-- custom font -->
<link href='http://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister' rel='stylesheet' type='text/css'>
<!-- Paste Fontdeck custom font here -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<link rel="stylesheet" href="css/ie7.css">
<![endif]-->
<script src="js/jquery.js"></script>
<script src="js/jquery.customslider.js"></script>
<script src="js/jquery.scrollTo-min.js"></script>
<script src="js/jquery.krioImageLoader.js"></script>
<!-- fancybox -->
<script src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script src="fancybox/jquery.easing-1.3.pack.js"></script>
<script src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script src="js/main.js"></script>
</head>
<body id="index">
<!-- #main -->
<div id="main">
<!-- #Container -->
<div id="container">
<h1>S und J Seite</h1>
<!-- Navigation -->
<nav>
<div class="before"></div>
<ul>
<li><a href="../index.html">Home</a></li> der Home Button wird auf der Homepage angezeigt, auch unten im Firefox zeigt er mir die richtige url an. Klickt man passiert aber nix!!!
<li><a href="#about_us">Ueber uns</a></li>
<li><a href="#wedding_party">Trauung</a></li>
<li><a href="#photos">Fotos</a></li>
<li class="last"><a href="#contact">Kontakt</a></li>
</ul>
<div class="after"></div>
</nav>
<!-- END Navigation -->
Und hier die master CSS Datei:
/* -- NAVIGATION -- */
nav {
background: url('../images/nav_bg.png') 50% 50% repeat-x transparent;
font-size: 1.4em;
line-height: 40px;
height: 38px;
text-align: center;
text-transform: uppercase;
margin-bottom: 46px;
padding: 7px 0 8px 0;
position: relative;
width: auto;
}
nav .before {
background: url('../images/nav_before_bg.png') 0 0 no-repeat transparent;
width: 66px;
left: -66px;
top: 1px;
}
nav .after {
background: url('../images/nav_after_bg.png') 0 0 no-repeat transparent;
width: 61px;
right: -61px;
top: 1px;
}
nav li {
display: inline;
margin: 0 17px 0 0;
}
nav li.last {
margin: 0;
}
nav li:after {
color: #597278;
content: "♥";
margin-left: 17px;
}
nav li.last:after {
content: "";
}
nav a {
color: #ffffff;
text-decoration: none;
-webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out;
}
nav a:hover {
color: #ffe8b0;
}
So, wie bekomme ich es hin, dass ich auf Home klicke und sich die index.html die im Hauptverzeichnis meines webspaces liegt im selben Fenster öffnet??? Worauf muss ich achten?
Bin euch über wirklich jeden Tipp dankbar...
Viele Grüße
Joel
