Ergebnis 1 bis 4 von 4

Thema: neues menü auf der rechten seite wie?

  1. #1
    matrixnet
    Gast

    Standard neues menü auf der rechten seite wie?

    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?

    Code:
    <html>
    <head>
    <meta name="author" content="J&uuml;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&uuml;ler,anf&auml;nger,alle">
    <meta name="robots" content="INDEX,FOLLOW">
    <link rel="stylesheet" type="text/css" href="format.css" >
    
    
    <script>
    <!--
    function BlurLinks&#40;&#41;&#123;
    lnks=document.getElementsByTagName&#40;'a'&#41;;
    for&#40;i=0;i<lnks.length;i++&#41;&#123;
    lnks&#91;i&#93;.onfocus=new Function&#40;"if&#40;this.blur&#41;this.blur&#40;&#41;"&#41;;
    &#125;
    &#125;
    
    onload=BlurLinks;
    -->
    </script>
    <SCRIPT LANGUAGE="JavaScript">
    
    function uhr &#40;&#41;
    
     &#123;
    
       var jahr;
       var monat;
       var tag;
       var stunden;
       var minuten;
       var sekunden;
    
    
           var AktuellesDatum=new Date&#40;&#41;;
    
           jahr=AktuellesDatum.getFullYear &#40;&#41;;
           monat=AktuellesDatum.getMonth &#40;&#41;+1;
           tag=AktuellesDatum.getDate &#40;&#41;;
           stunden=AktuellesDatum.getHours &#40;&#41;;
           minuten=AktuellesDatum.getMinutes &#40;&#41;;
           sekunden=AktuellesDatum.getSeconds &#40;&#41;;
    
           window.document.Datum.Date.value=tag+"."+monat+"."+jahr;
           window.document.zeit.Time.value=stunden+"&#58;"+minuten+"&#58;"+sekunden;
           window.setTimeout &#40;'uhr&#40;&#41;',1000&#41;;
    
    
     &#125;
    
    </SCRIPT>
    </head>
    <body bgcolor="#4E9A9A" onload="window.setTimeout &#40;'uhr&#40;&#41;',1000&#41;;"  >
    
    <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">[img]images/banner_schreibtisch.jpg[/img]</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&#58;0px;padding-top&#58;3px;" NAME="Datum"><INPUT SIZE=10 NAME="Date" style="height&#58;20px;font-size&#58;9pt;background-color&#58;#89a9b8;color&#58;white;padding&#58;2px"></FORM></td><td ></td><td valign="top"  ><FORM NAME="zeit" style="margin-bottom&#58;0px;padding-top&#58;3px;"><INPUT SIZE=10 NAME="Time" style="height&#58;20px;font-size&#58;9pt;background-color&#58;#89a9b8;color&#58;white;padding&#58;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&#58;4px"  background="images/balken.gif"  >Rubrik 1</td>
    </tr>
    <tr>
    <td   width="160"  background="images/back_button.jpg" >&raquo;Home</td>
    </tr>
    
    <tr>
    <td  width="160"  background="images/back_button.jpg">&raquo;Kontakt</td>
    </tr>
    <tr>
    <td   width="160"  background="images/back_button.jpg">&raquo;Impressum</td>
    </tr>
    <tr>
    <td   width="160"  background="images/back_button.jpg">&raquo;News</td>
    </tr>
    <tr>
    <td   width="160"  background="images/back_button.jpg">&raquo;Mehr Links</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&#58;4px" background="images/balken.gif" >Rubrik 2</td>
    </tr>
    <tr>
    <td   width="160"  background="images/back_button.jpg" >&raquo;G&auml;stebuch</td>
    </tr>
    
    <tr>
    <td  width="160"  background="images/back_button.jpg">&raquo;Forum</td>
    </tr>
    <tr>
    <td   width="160"  background="images/back_button.jpg">&raquo;Shop</td>
    </tr>
    <tr>
    <td   width="160"  background="images/back_button.jpg">&raquo;Angebote</td>
    </tr>
    <tr>
    <td   width="160"  background="images/back_button.jpg">&raquo;Mehr Links</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&#58;4px" background="images/balken.gif" >Rubrik 3</td>
    </tr>
    <tr>
    <td   width="160"  background="images/back_button.jpg" >&raquo;Partner 1</td>
    
    </tr>
    <tr>
    <td  width="160"  background="images/back_button.jpg">&raquo;Partner 2</td>
    </tr>
    <tr>
    <td   width="160"  background="images/back_button.jpg">&raquo;Mehr Links</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
    
    
    
    
    Info&#58;
    
    
    
    
    &raquo;Layout&#58;
    
    <ul>"My blue page".[/list]
    
    &raquo;Technik&#58; <ul>Tabellen-Konstruktion.
    
    
    
    
    Mit Javascriptanzeige&#58; Datum und Uhrzeit.
    
    
    
    
    Sowie Javascript&#58; Zur&uuml;ck-und Nach oben-Link plus Anzeige diesbez&uuml;glich in der Statuszeile.
    
    
    
    
    
    Oben ist Platz f&uuml;r einen beliebig grossen Banner bzw. Ihr Logo oder Titel als Text. Der Beispiel-Banner &#40;f&uuml;hrt &uuml;brigens zu einer meiner Seiten - der eigene Schreibtisch als Webseite sozusagen&#41; ist durch Ihr Logo zu ersetzen.
    
    [/list]
    
    
    &raquo;Aufl&ouml;sung&#58;
    <ul>"Es gibt 2 verschiedene Versionen, die sich unterschiedlich aufl&ouml;sen".
    
    
    
    
    Bei einer Monitor-Aufl&ouml;sung von 800x600 sind die Versionen 1 und 2 identisch.
    
    Bei einer Monitor-Aufl&ouml;sung von 1024x768 oder h&ouml;her ergeben sich die Unterschiede wie folgt&#58;
    
    
    
    Die Version 1 beh&auml;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&auml;lt den Wert 100% f&uuml;r die Kopfzeile, Fusszeile und den Inhaltsbereich mit Fliesstext, welcher sich auch automatisch anpasst.
    
    
    
    
    
    
    [*]Version 1&#58; &#40;index.html&#41;
    
    
    800x600
    
    [img]../shots/011_800.jpg[/img]
    
    
    
    1024x768
    
    
    [img]../shots/011_1024_vers1.jpg[/img]
    
    
    
    
    
    [*]Version 2&#58; &#40;index_vers2.html&#41;
    
    
    800x600
    
    [img]../shots/011_800.jpg[/img]
    
    
    
    1024x768
    
    [img]../shots/011_1024_vers2.jpg[/img]
    
    
    
    
    Wollen Sie die Version 2 verwenden, so l&ouml;schen Sie die Datei "index.html" und benennen Sie die Datei "index_vers2.html" um in "index.html".
    
    [/list]
    
    
    
    &raquo;Men&uuml;&#58; <ul>Textlinks.
    
    
    
    Beliebig erweiterbar.
    
    
    
    
    
    Die Beispiel-Links sind durch ihre Links zu ersetzen.
    
    
    
    Das heisst, es k&ouml;nnen innerhalb der jeweiligen Rubrik &#40;z.B. "Rubrik 1"&#41; beliebig weitere Links hinzugef&uuml;gt werden oder aber komplett neue Rubriken &#40;z.B. "Rubrik 4"&#41; mit weiteren Links erstellt werden.
    
    
    
    
    
    M&ouml;chten Sie kleinere Links, so dass die einzelnen Links und auch die Rubriken n&auml;her zusammenr&uuml;cken?
    
    
    So geht es&#58;
    
    
    &Auml;ndern Sie in der Datei format.css - dort bei /* menue links */ die "padding-Werte" oder die "font-size" oder beides.
    
    [/list]
    <hr noshade size="1"width="100%" height="1"></hr>
    
    
    
    Einstellungen&#58;
    
    
    
    
    
    So sehen die allgemeinen Links zur Zeit aus&#58;
    
    
    &#40;Fahre mit der Maus &uuml;ber den Link&#41;
    
    
    
    <ul>Beispiel-Link[/list]
    
    
    
    
    Dieser Link ist ohne Ziel und dient nur zur Darstellung der Link-Formatierung.
    
    
    
    
    
    Einstellungen oder &Auml;nderungen &#40;z.B. Schrift, Farbe, Linkunterstreichung, Hover-Mouseover&#41; zu den allgemeinen Links sind in der Datei "format.css" vorzunehmen.
    
    
    
    
    
    Einstellungen zum Hauptmen&uuml;  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&#58;8pt;" >www.ihre-webseiten-url.de</td><td  align="right"  >[img]images/back.gif[/img][img]images/top.gif[/img]</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>
    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&#58;4px" background="images/balken.gif" >Rubrik 3</td>
    </tr>
    <tr>
    <td   width="160"  background="images/back_button.jpg" >&raquo;Partner 1</td>
    
    </tr>
    <tr>
    <td  width="160"  background="images/back_button.jpg">&raquo;Partner 2</td>
    </tr>
    <tr>
    <td   width="160"  background="images/back_button.jpg">&raquo;Mehr Links</td>
    </tr>
    
    </table>
    </td>
    </tr></table>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Angehängte Grafiken Angehängte Grafiken

  2. #2
    Forum Guru
    Registriert seit
    28.12.2004
    Ort
    Ringgenberg(bei Interlaken) / Schweiz
    Beiträge
    4.787
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    einfach die td`s verschieben?!?! das sollte dir ja nicht schwer fallen, wen du das selbst geschrieben hast.

  3. #3
    Teeny
    Registriert seit
    13.07.2005
    Ort
    http://www.awebz.de/
    Beiträge
    21
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard lad dir doch einfach ein fertiges template wenn du damit

    probleme hast:

    http://www.mig-t.de/

    mfg
    basti

  4. #4
    Gast

    Standard

    wie meinst mit die td´s verschieben?

    kannst mir ein ansatz zeigen wie das geht?

    wie kann man das menü ausrichten das es dort sein soll wo rechts platz ist
    mit right usw gehts nichts oder mit definieren von maßen ann diese rechte seite?

Ähnliche Themen

  1. CSS:Bei allen Links immer auf der rechten Seite >> ein
    Von doom4 im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 20.08.2007, 22:23
  2. neues Fenster öffnet sich bei Klick im Menü - Fehler?
    Von CesareMontini im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 04.04.2007, 14:15
  3. Menü beim starten der Seite ausblenden
    Von im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 0
    Letzter Beitrag: 29.09.2006, 14:47
  4. Liste/Menü mit Links zur nächsten Seite
    Von Asteria im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 21.09.2006, 13:00
  5. Menü mit CSS auf jeder Seite darstellen möglich?
    Von dami im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 26.12.2005, 22:52

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •