hi
Ich habe ein porblem das ich nur auf der linken seite das menü haben will sondern auf der rechten seite ein gleiches menü wie links auber habe einiges porbiert ging nicht das mann menü nachts rechts ausrichten kann weitere
menüs nahc unten weiter machen aber nach rechts gings nicht!
Kann ich es ohne frameset machen?
HTML
<html>
<head>
<meta name="author" content="Jürgen Asendorf">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="keywords"
content="homepage">
<meta name="description"
content="homepage">
<title>homepagevorlagen</title>
<meta name="expires" content="20 days">
<meta name="revisit" content="after 21 days">
<meta name="page-type" content="beschreibung, anleitung,private homepage">
<meta name="audience" content="studenten,schüler,anfänger,alle">
<meta name="robots" content="INDEX,FOLLOW">
<link rel="stylesheet" type="text/css" href="format.css" >
<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>
<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 ();
window.document.Datum.Date.value=tag+"."+monat+"."+jahr;
window.document.zeit.Time.value=stunden+":"+minuten+":"+sekunden;
window.setTimeout ('uhr()',1000);
}
</SCRIPT>
</head>
<body bgcolor="#4E9A9A" onload="window.setTimeout ('uhr()',1000);" >
<div align="center"><table border="0" cellpadding="0" cellspacing="3" width="100%" >
<tr>
<td>
<table bgcolor="black" border="0" cellpadding="0" cellspacing="0" width="100%" >
<tr>
<td ><table border="0" cellpadding="2" cellspacing="1" width="100%">
<tr>
<td background="images/balken.gif" bgcolor="#4E6F81" ></td>
</tr>
<tr>
<td bgcolor="#587c92" height="62">[url='http://www.webdp.de/privat/schreibtisch/'][img]images/banner_schreibtisch.jpg[/img][/url]</td>
</tr>
<tr>
<td width="100%" background="images/balken.gif" bgcolor="#4E6F81"align="right">
<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"></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" ></FORM></td><td></td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" >
<table border="0" cellpadding="0" cellspacing="0" width="880">
<tr>
<td valign="top" height="870">
<table bgcolor="black" border="0" cellpadding="0" cellspacing="0" width="160" >
<tr>
<td valign="top" >
<table width="160" border="0" cellpadding="0" cellspacing="1" id="menu1" >
<tr>
<td bgcolor="#4E6F81" width="160" height=20 style="padding:4px" background="images/balken.gif" >Rubrik 1</td>
</tr>
<tr>
<td width="160" background="images/back_button.jpg" >[url='index.html']»Home[/url]</td>
</tr>
<tr>
<td width="160" background="images/back_button.jpg">[url='index.html']»Kontakt[/url]</td>
</tr>
<tr>
<td width="160" background="images/back_button.jpg">[url='index.html']»Impressum[/url]</td>
</tr>
<tr>
<td width="160" background="images/back_button.jpg">[url='index.html']»News[/url]</td>
</tr>
<tr>
<td width="160" background="images/back_button.jpg">[url='index.html']»Mehr Links[/url]</td>
</tr>
</table>
</td>
</tr></table>
<table bgcolor="black" border="0" cellpadding="0" cellspacing="0" width="160" >
<tr>
<td valign="top" >
<table width="160" border="0" cellpadding="0" cellspacing="1" id="menu1" >
<tr>
<td bgcolor="#4E6F81" width="160" height=20 style="padding:4px" background="images/balken.gif" >Rubrik 2</td>
</tr>
<tr>
<td width="160" background="images/back_button.jpg" >[url='index.html']»Gästebuch[/url]</td>
</tr>
<tr>
<td width="160" background="images/back_button.jpg">[url='index.html']»Forum[/url]</td>
</tr>
<tr>
<td width="160" background="images/back_button.jpg">[url='index.html']»Shop[/url]</td>
</tr>
<tr>
<td width="160" background="images/back_button.jpg">[url='index.html']»Angebote[/url]</td>
</tr>
<tr>
<td width="160" background="images/back_button.jpg">[url='index.html']»Mehr Links[/url]</td>
</tr>
</table>
</td>
</tr></table>
<table bgcolor="black" border="0" cellpadding="0" cellspacing="0" width="160" >
<tr>
<td valign="top" >
<table width="160" border="0" cellpadding="0" cellspacing="1" id="menu1" >
<tr>
<td bgcolor="#4E6F81" width="160" height=20 style="padding:4px" background="images/balken.gif" >Rubrik 3</td>
</tr>
<tr>
<td width="160" background="images/back_button.jpg" >[url='index.html']»Partner 1[/url]</td>
</tr>
<tr>
<td width="160" background="images/back_button.jpg">[url='index.html']»Partner 2[/url]</td>
</tr>
<tr>
<td width="160" background="images/back_button.jpg">[url='index.html']»Mehr Links[/url]</td>
</tr>
</table>
</td>
</tr></table>
</td>
<td ></td>
<td width="100%" valign="top" >
<table bgcolor="black" border="0" cellpadding="0" cellspacing="0" width="100%" >
<tr>
<td valign="top" height="100%"><table border="0" cellpadding="15" cellspacing="1" width="100%">
<tr>
<td valign="top" bgcolor="#89a9b8" height="870">
Hier steht der Inhalt ...
DIES IST DIE VERSION 2
[b]Info:[/b]
»Layout:
<ul>"My blue page".
[/list]
»Technik: <ul>Tabellen-Konstruktion.
Mit Javascriptanzeige: Datum und Uhrzeit.
Sowie Javascript: Zurück-und Nach oben-Link plus Anzeige diesbezüglich in der Statuszeile.
Oben ist Platz für einen beliebig grossen Banner bzw. Ihr Logo oder Titel als Text. Der Beispiel-Banner (führt übrigens zu einer meiner Seiten - der eigene Schreibtisch als Webseite sozusagen) ist durch Ihr Logo zu ersetzen.
[/list]
»Auflösung:
<ul>"Es gibt 2 verschiedene Versionen, die sich unterschiedlich auflösen".
Bei einer Monitor-Auflösung von 800x600 sind die Versionen 1 und 2 identisch.
Bei einer Monitor-Auflösung von 1024x768 oder höher ergeben sich die Unterschiede wie folgt:
Die Version 1 behält eine feste Pixel-Breite von ca. 760 Pixel. Die Seite wird zentriert, mit Rahmen links und rechts.
Die Version 2 passt sich komplett in der Breite an, sprich erhält den Wert 100% für die Kopfzeile, Fusszeile und den Inhaltsbereich mit Fliesstext, welcher sich auch automatisch anpasst.
[*]Version 1: (index.html)
800x600
[img]../shots/011_800.jpg[/img]
1024x768
[img]../shots/011_1024_vers1.jpg[/img]
[*]Version 2: (index_vers2.html)
800x600
[img]../shots/011_800.jpg[/img]
1024x768
[img]../shots/011_1024_vers2.jpg[/img]
Wollen Sie die Version 2 verwenden, so löschen Sie die Datei "index.html" und benennen Sie die Datei "index_vers2.html" um in "index.html".
[/list]
»Menü: <ul>Textlinks.
Beliebig erweiterbar.
Die Beispiel-Links sind durch ihre Links zu ersetzen.
Das heisst, es können innerhalb der jeweiligen Rubrik (z.B. "Rubrik 1") beliebig weitere Links hinzugefügt werden oder aber komplett neue Rubriken (z.B. "Rubrik 4") mit weiteren Links erstellt werden.
Möchten Sie kleinere Links, so dass die einzelnen Links und auch die Rubriken näher zusammenrücken?
So geht es:
Ändern Sie in der Datei format.css - dort bei [b]/* menue links */[/b] die "padding-Werte" oder die "font-size" oder beides.
[/list]
<hr noshade size="1"width="100%" height="1"></hr>
Einstellungen:
So sehen die allgemeinen Links zur Zeit aus:
(Fahre mit der Maus über den Link)
<ul>[url='#']Beispiel-Link[/url][/list]
Dieser Link ist ohne Ziel und dient nur zur Darstellung der Link-Formatierung.
Einstellungen oder Änderungen (z.B. Schrift, Farbe, Linkunterstreichung, Hover-Mouseover) zu den [b]allgemeinen Links[/b] sind in der Datei "format.css" vorzunehmen.
Einstellungen zum [b]Hauptmenü [/b] sind ebenfalls in der Datei "format.css" vorzunehmen.
</td>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table bgcolor="black" border="0" cellpadding="0" cellspacing="0" width="100%" >
<tr>
<td><table border="0" cellpadding="2" cellspacing="1" width="100%">
<tr>
<td width="100%" background="images/balken.gif">[img]images/space_trans.gif[/img]</td>
</tr>
<tr>
<td width="100%" bgcolor="#4E6F81" >
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="font-size:8pt;" >www.ihre-webseiten-url.de</td><td align="right" >[url='javascript:history.go(-1);'][img]images/back.gif[/img][/url][url='#'][img]images/top.gif[/img][/url]</td>
</tr>
</table>
</td>
<tr>
<td width="100%" background="images/balken.gif">[img]images/space_trans.gif[/img]</td>
</tr>
</tr>
</table></td>
</tr>
</table>
</td>
</tr>
</table></div>
</body>
</html>
Alles anzeigen
was müsste ich tun damit es auf rechts auch eine menü geht?
so kann ich eine neues menü adden aber nur auf linke seite:
Code
<table bgcolor="black" border="0" cellpadding="0" cellspacing="0" width="160" >
<tr>
<td valign="top" >
<table width="160" border="0" cellpadding="0" cellspacing="1" id="menu1" >
<tr>
<td bgcolor="#4E6F81" width="160" height=20 style="padding:4px" background="images/balken.gif" >Rubrik 3</td>
</tr>
<tr>
<td width="160" background="images/back_button.jpg" >[url='index.html']»Partner 1[/url]</td>
</tr>
<tr>
<td width="160" background="images/back_button.jpg">[url='index.html']»Partner 2[/url]</td>
</tr>
<tr>
<td width="160" background="images/back_button.jpg">[url='index.html']»Mehr Links[/url]</td>
</tr>
</table>
</td>
</tr></table>
Alles anzeigen