• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Kleines Problem..

qina.

New member
Hallo. :)

Ich habe ein kleines problem mit meiner Homepage..
Also.. Ich habe hier den HTML Code:

Code:
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="expires" content="15 days">
<meta name="revisit" content="after 20 days">
<meta name="keywords"
content="homepage,webseite,page,internet,seite,webdokument,homepage webseite page internet seite webdokument ">
<meta name="description"
content="homepage, webseite, page, internet seite webdokument ">
<title>We rock this shit World</title>
<!-- Der Copyright-Hinweis ist nicht zu löschen. Ein Entfernen des Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen -->
<!-- (c)Copyright by S.I.S.Papenburg / www.easy-vorlagen.de
Lesen Sie auf der genannten Webseite bitte die Nutzungsbedingungen nach.
 -->


<script>
<!--
function BlurLinks(){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks[i].onfocus=new Function("if(this.blur)this.blur()");
}
}

onload=BlurLinks;
-->
</script>
<link rel="stylesheet" href="format.css" type="text/css">
<SCRIPT LANGUAGE="JavaScript">

function uhr ()

 {

   var jahr;
   var monat;
   var tag;
   var stunden;
   var minuten;
   var sekunden;


       var AktuellesDatum=new Date();

       jahr=AktuellesDatum.getFullYear ();
       monat=AktuellesDatum.getMonth ()+1;
       tag=AktuellesDatum.getDate ();
       stunden=AktuellesDatum.getHours ();
       minuten=AktuellesDatum.getMinutes ();
       sekunden=AktuellesDatum.getSeconds ();

if (stunden<10)
         {
           stunden="0"+String(stunden);
         }
       if (minuten<10)
         {
           minuten="0"+String(minuten);
         }
       if (sekunden<10)
         {
           sekunden="0"+String(sekunden);
         }
       if (tag<10)
         {
           tag="0"+String(tag);
         }
       if (monat<10)
         {
           monat="0"+String(monat);
         }

       window.document.Datum.Date.value=tag+"."+monat+"."+jahr;
       window.document.zeit.Time.value=stunden+":"+minuten+":"+sekunden;
       window.setTimeout ('uhr()',1000);


 }

</SCRIPT>
</head>
<body  topmargin="10" marginheight="10"  leftmargin="6" marginwidth="6"   onload="window.setTimeout ('uhr()',1000);" >



<table align="center" bgcolor="white"  cellspacing="0" cellpadding="0" border="0" width="728" >
<tr>
<td width="728" style="border:solid 1px #89A9B8;" ><table  cellspacing="0" cellpadding="0" border="0" >
<tr>
<td  bgcolor="#89A9B8"  style="border-top:solid 1px #ffffff;border-left:solid 1px #ffffff;border-right:solid 1px #ffffff;border-bottom:solid 1px #89A9B8"   align="right"    valign="bottom"  width="100%" height="30">
<table border="0" cellpadding="0" cellspacing="0"  width="100%" >
<tr>
<td align="right" width="100%"><FORM style="margin-bottom:0px;padding-top:3px;" NAME="Datum"><INPUT SIZE=10 NAME="Date" style="height:20px;font-size:9pt;background-color:#89a9b8;color:white;padding:2px;border:0px"></FORM></td><td > </td><td valign="top"  ><FORM NAME="zeit" style="margin-bottom:0px;padding-top:3px;"><INPUT SIZE=10 NAME="Time" style="height:20px;font-size:9pt;background-color:#89a9b8;color:white;padding:2px;border:0px" ></FORM></td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#6D94A7"  style="border-top:solid 1px white;border-left:solid 1px #ffffff;border-right:solid 1px #ffffff;border-bottom:solid 1px #6d94a7;" align="center" align="middle"    height="72">
<span style="color:#ffffff;font-size:11pt;letter-spacing:4px">we rock this fuck world.</span>
</td>
</tr>
<tr>
<td bgcolor="#ffffff"     valign="middle"   width="100%" height="18" align="center">
<!-- menü oben -->
<table bgcolor="white" width="726"  border="0" cellpadding="0" cellspacing="0">
<tr>
<td><table  width="726"  border="0" cellpadding="0" cellspacing="1" id="menu" >
<tr>
<td  width="121" align="center"   ><a href="index.html"  >wir.<3</a></td>
<td  width="121" align="center"  ><a href="index.html"  >Fotos</a></td>
<td  width="121" align="center" ><a href="index.html" >Videos</a></td>
<td  width="121" align="center" ><a href="index.html"  >on tour</a></td>
<td  width="121" align="center"  ><a href="index.html"  >in bearbeitung</a></td>
<td align="center"  width="121"  ><a href="index.html"  >in bearbeitung</a></td>
</tr>
</table> </td>
</tr>
</table>


<!-- ende menü oben-->


</td>
</tr>


<tr>


<td valign="top" bgcolor="#ffffff"  width="100%" height="450" style="border-top:solid 1px #ffffff;border-left:solid 1px #ffffff;border-right:solid 1px #ffffff;border-bottom:solid 1px #89A9B8"  >
<br>
<table height="100%" border="0" cellpadding="0" cellspacing="0"  width="100%">
<tr>
<td valign="top" ><!-- beginn hauptinhaltstabelle--><table border="0" cellpadding="0" cellspacing="0"  width="100%" >
<tr>
<!-- abstand links vom inhalt-->  <td width="30" ><img src="images/space.gif" width="30" height="1" border="0" alt=""></td><!-- ende abstand links vom inhalt-->
<td valign="top" width="100%">
<b>wir.<3</b>
<br>
<br>

• <b>anti:</b>
<ul>in bearbeitung

</ul>

• <b>gina</b>:
<ul>in bearbeitung

</ul>

<!-- ende inhalt-->
<!-- abstand nach unten - mehr oder weniger <br>-->
<br>
<!-- ende abstand nach unten-->
</td><!-- abstand rechts vom inhalt--> <td width="30" ><img src="images/space.gif" width="30" height="1" border="0" alt=""></td><!-- ende abstand rechts vom inhalt-->
</tr>
</table><!--ende hauptinhaltstabelle-->
</td>
</tr>
<tr>
<td height="30" valign="bottom" align="center" ><table height="30" cellspacing="0" cellpadding="0" border="0" id="menu2" >
<tr>
<td>|<a href=""> Impressum </a></td>
<td>|<a href=""> Kontakt </a></td>
<td>|<a href=""> Gästebuch </a></td>
<td>|<a href=""> Service </a></td>
<td>|<a href=""> Home </a>|</td>
</tr>
</table>
<!-- ende menü --><br>
</td>
</tr>
</table>

</td>
</tr>
<tr>
<td bgcolor="#89A9B8" height="30"  align="center" style="border-top:solid 1px #ffffff;border-left:solid 1px #ffffff;border-right:solid 1px #ffffff;border-bottom:solid 1px white" > <span style="font-size:8pt;color:#ffffff;" >www.ihre-url.de</span></td>
</tr>
</table></td>
</tr>
</table>


</body>
</html>

und hier den CSS Code:


Code:
/* schriftstil,abstände */

body {margin-top: 10px; margin-left:6px; margin-right:6px;margin-bottom:10px; color: #000000;  background-color:#ffffff; font-family: verdana,arial; font-size: 10pt;}


table,tr,td { color:black;font-family: verdana,arial; font-size: 10pt}

/* scrolleiste internet explorer ab vers.5.5 */

body
{scrollbar-arrow-color: #5A8F75; scrollbar-base-color: #ffffff;
scrollbar-highlight-color : #2F2F2F; scrollbar-shadow-color : #2F2F2F;
SCROLLBAR-TRACK-COLOR: #cccccc;}




/* allgemeine links im text */

a:link{ color: black; text-decoration:underline; ;font-family: verdana; font-size: 10pt;}

a:visited{color:black;text-decoration:underline;font-family: verdana; font-size: 10pt;}

a:active{ color:black;text-decoration:underline;font-family: verdana; font-size: 10pt; }

a:hover{ color: #89A9B8;background-color:white;  text-decoration:none;font-family: verdana; font-size: 10pt; }



/* menue oben */

#menu a {display: block;
line-height:18px;
background-color:#89A9B8;
color:#ffffff;
text-decoration:none ;font-family:verdana, sans-serif;
font-size: 9pt;
width:121px;
padding-left: 2px; padding-bottom: 2px;   padding-top: 2px;margin: 0px auto;

}

#menu a:visited{
line-height:18px;
color:#ffffff;
background-color:#89A9B8;
text-decoration:none ;font-family:verdana, sans-serif;
font-size:9pt;
width:121px;
padding-left: 2px; padding-bottom: 2px;   padding-top: 2px;margin: 0px auto;

  }

#menu a:active{
background-color:#89A9B8;
color:#ffffff;
text-decoration:none ;font-family:verdana, sans-serif;
font-size: 9pt;
width:121px;
padding-left: 2px; padding-bottom: 2px;   padding-top: 2px;margin: 0px auto;

  }

#menu a:hover {
background-color:#5E879B;
color:white;
text-decoration:none ;font-family:verdana, sans-serif;
font-size: 9pt;
width:121px;
padding-left: 2px; padding-bottom: 2px;   padding-top: 2px;margin: 0px auto;
}

/* menue ûnten */

#menu2 a {
background-color:#ffffff;
color:#89A9B8
; text-decoration:none ;font-family:verdana, sans-serif; font-size: 9pt;
}

#menu2 a:visited{background-color:#ffffff;
color:#89A9B8;text-decoration:none;font-family:verdana, sans-serif; font-size: 9pt;
}

#menu2 a:active{background-color:#ffffff;
color:#89A9B8;text-decoration:none;font-family:verdana, sans-serif; font-size: 9pt;
}

#menu2 a:hover {background-color:#89A9B8;color:#ffffff;text-decoration:none ;font-family:verdana, sans-serif; font-size:9pt;
}


Hier noch der Link zu der Page:

We rock this shit World

Und jetzt yu meinem Problem

Wenn man "wir x3" anklikt kommt ja unten den Text..
und wenn man dann "Fotos" anklikt kommt der selbe Text wie bei "wir x3"

und wie geht das genau, dass ich dort einen anderen Text machen kann?

Waere froh um eine schnelle und klare Antwort :):)

mlg qina.
 
So auf den ersten Blick ist die Threadüberschrift falsch, denn Du hast offensichtlich ein größeres Problem:
SELFHTML: Navigationshilfen / Wie fange ich an?

Außerdem: Tabellen sind out für's Layout - schon lange:
CSS 4 You - The Finest in Stylesheets: Workshop: Layouten ohne Tabellen
intensivstation :: CSS Templates :: Templates

Dann jede Seite erst mal validieren, da fallen Dir schon mal einige Fehler auf:
The W3C Markup Validation Service

Die Sache mit dem selben Inhalt: Du hast eine index.html und sonst nichts.
Code:
<td  width="121" align="center"   ><a href="index.html"  >wir.<3</a></td>
<td  width="121" align="center"  ><a href="index.html"  >Fotos</a></td>
<td  width="121" align="center" ><a href="index.html" >Videos</a></td>
<td  width="121" align="center" ><a href="index.html"  >on tour</a></td>
<td  width="121" align="center"  ><a href="index.html"  >in bearbeitung</a></td>
<td align="center"  width="121"  ><a href="index.html"  >in bearbeitung</a></td>
Woher soll den der Inhalt für Fotos etc. kommen, wenn er nirgends existiert?
 
Du legst einfach mehrere Dateien an :)
also eine index.html, eine fotos.html u.s.w.
Als Grundlage kannst du deine jetzige index.html nehmen änderst jedoch immer den Inhalt
Diese legst du dann alle in den selben Ordner und gibst in dem Abschnitt den anna dir eben gezeigt hat jeweils den richtigen Dateinamen an.

Der Inhaltsbereich sollte etwa dieser sein:
HTML:
<b>wir.<3</b>
<br>
<br>

• <b>anti:</b>
<ul>in bearbeitung

</ul>

• <b>gina</b>:
<ul>in bearbeitung

</ul>

<!-- ende inhalt-->

Falls du die Zeichen da drinne auch nicht verstehst lese erstmal die Grundlagen zu (X)HTML: Einführung in XHTML, CSS und Webdesign !
 
Also, ich habe jetzt eine "fotos.html" Datei gemacht, und einbisschen etwas anderes geschrieben.

bei der Navigation:

Code:
<td  width="121" align="center"   ><a href="index.html"  >wir.<3</a></td>
<td  width="121" align="center"  ><a href="[B]fotos[/B].html"  >Fotos</a></td>
<td  width="121" align="center" ><a href="index.html" >Videos</a></td>
<td  width="121" align="center" ><a href="index.html"  >on tour</a></td>
<td  width="121" align="center"  ><a href="index.html"  >in bearbeitung</a></td>
<td align="center"  width="121"  ><a href="index.html"  >in bearbeitung</a></td>

aber wenn ich das dann anklike, passiert nix..
 
Kannst du deine Veränderung bitte online stellen?
An deinem (HTML)Ausschnitt sehe ich erstmal keinen Fehler...
 
Code:
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="expires" content="15 days">
<meta name="revisit" content="after 20 days">
<meta name="keywords"
content="homepage,webseite,page,internet,seite,webdokument,homepage webseite page internet seite webdokument ">
<meta name="description"
content="homepage, webseite, page, internet seite webdokument ">
<title>We rock this shit World</title>
<!-- Der Copyright-Hinweis ist nicht zu löschen. Ein Entfernen des Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen -->
<!-- (c)Copyright by S.I.S.Papenburg / www.easy-vorlagen.de
Lesen Sie auf der genannten Webseite bitte die Nutzungsbedingungen nach.
 -->


<script>
<!--
function BlurLinks(){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks[i].onfocus=new Function("if(this.blur)this.blur()");
}
}

onload=BlurLinks;
-->
</script>
<link rel="stylesheet" href="format.css" type="text/css">
<SCRIPT LANGUAGE="JavaScript">

function uhr ()

 {

   var jahr;
   var monat;
   var tag;
   var stunden;
   var minuten;
   var sekunden;


       var AktuellesDatum=new Date();

       jahr=AktuellesDatum.getFullYear ();
       monat=AktuellesDatum.getMonth ()+1;
       tag=AktuellesDatum.getDate ();
       stunden=AktuellesDatum.getHours ();
       minuten=AktuellesDatum.getMinutes ();
       sekunden=AktuellesDatum.getSeconds ();

if (stunden<10)
         {
           stunden="0"+String(stunden);
         }
       if (minuten<10)
         {
           minuten="0"+String(minuten);
         }
       if (sekunden<10)
         {
           sekunden="0"+String(sekunden);
         }
       if (tag<10)
         {
           tag="0"+String(tag);
         }
       if (monat<10)
         {
           monat="0"+String(monat);
         }

       window.document.Datum.Date.value=tag+"."+monat+"."+jahr;
       window.document.zeit.Time.value=stunden+":"+minuten+":"+sekunden;
       window.setTimeout ('uhr()',1000);


 }

</SCRIPT>
</head>
<body  topmargin="10" marginheight="10"  leftmargin="6" marginwidth="6"   onload="window.setTimeout ('uhr()',1000);" >



<table align="center" bgcolor="white"  cellspacing="0" cellpadding="0" border="0" width="728" >
<tr>
<td width="728" style="border:solid 1px #89A9B8;" ><table  cellspacing="0" cellpadding="0" border="0" >
<tr>
<td  bgcolor="#89A9B8"  style="border-top:solid 1px #ffffff;border-left:solid 1px #ffffff;border-right:solid 1px #ffffff;border-bottom:solid 1px #89A9B8"   align="right"    valign="bottom"  width="100%" height="30">
<table border="0" cellpadding="0" cellspacing="0"  width="100%" >
<tr>
<td align="right" width="100%"><FORM style="margin-bottom:0px;padding-top:3px;" NAME="Datum"><INPUT SIZE=10 NAME="Date" style="height:20px;font-size:9pt;background-color:#89a9b8;color:white;padding:2px;border:0px"></FORM></td><td > </td><td valign="top"  ><FORM NAME="zeit" style="margin-bottom:0px;padding-top:3px;"><INPUT SIZE=10 NAME="Time" style="height:20px;font-size:9pt;background-color:#89a9b8;color:white;padding:2px;border:0px" ></FORM></td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#6D94A7"  style="border-top:solid 1px white;border-left:solid 1px #ffffff;border-right:solid 1px #ffffff;border-bottom:solid 1px #6d94a7;" align="center" align="middle"    height="72">
<span style="color:#ffffff;font-size:11pt;letter-spacing:4px">we rock this fuck world.</span>
</td>
</tr>
<tr>
<td bgcolor="#ffffff"     valign="middle"   width="100%" height="18" align="center">
<!-- menü oben -->
<table bgcolor="white" width="726"  border="0" cellpadding="0" cellspacing="0">
<tr>
<td><table  width="726"  border="0" cellpadding="0" cellspacing="1" id="menu" >
<tr>
<td  width="121" align="center"   ><a href="index.html"  >wir.<3</a></td>
<td  width="121" align="center"  ><a href="fotos.html"  >Fotos</a></td>
<td  width="121" align="center" ><a href="index.html" >Videos</a></td>
<td  width="121" align="center" ><a href="index.html"  >on tour</a></td>
<td  width="121" align="center"  ><a href="index.html"  >in bearbeitung</a></td>
<td align="center"  width="121"  ><a href="index.html"  >in bearbeitung</a></td>
</tr>
</table> </td>
</tr>
</table>


<!-- ende menü oben-->


</td>
</tr>


<tr>


<td valign="top" bgcolor="#ffffff"  width="100%" height="450" style="border-top:solid 1px #ffffff;border-left:solid 1px #ffffff;border-right:solid 1px #ffffff;border-bottom:solid 1px #89A9B8"  >
<br>
<table height="100%" border="0" cellpadding="0" cellspacing="0"  width="100%">
<tr>
<td valign="top" ><!-- beginn hauptinhaltstabelle--><table border="0" cellpadding="0" cellspacing="0"  width="100%" >
<tr>
<!-- abstand links vom inhalt-->  <td width="30" ><img src="images/space.gif" width="30" height="1" border="0" alt=""></td><!-- ende abstand links vom inhalt-->
<td valign="top" width="100%">
<b>wir.<3</b>
<br>
<br>

• <b>anti:</b>
<ul>in bearbeitung

</ul>

TEST

</ul>

<!-- ende inhalt-->
<!-- abstand nach unten - mehr oder weniger <br>-->
<br>
<!-- ende abstand nach unten-->
</td><!-- abstand rechts vom inhalt--> <td width="30" ><img src="images/space.gif" width="30" height="1" border="0" alt=""></td><!-- ende abstand rechts vom inhalt-->
</tr>
</table><!--ende hauptinhaltstabelle-->
</td>
</tr>
<tr>
<td height="30" valign="bottom" align="center" ><table height="30" cellspacing="0" cellpadding="0" border="0" id="menu2" >
<tr>
<td>|<a href=""> Impressum </a></td>
<td>|<a href=""> Kontakt </a></td>
<td>|<a href=""> Gästebuch </a></td>
<td>|<a href=""> Service </a></td>
<td>|<a href=""> Home </a>|</td>
</tr>
</table>
<!-- ende menü --><br>
</td>
</tr>
</table>

</td>
</tr>
<tr>
<td bgcolor="#89A9B8" height="30"  align="center" style="border-top:solid 1px #ffffff;border-left:solid 1px #ffffff;border-right:solid 1px #ffffff;border-bottom:solid 1px white" > <span style="font-size:8pt;color:#ffffff;" >www.ihre-url.de</span></td>
</tr>
</table></td>
</tr>
</table>


</body>
</html>

soo..
 
Zurück
Oben