Erweiterung des Menüs
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anbieter
bitten
code
copyright
ehemaligen fernsehserie
erstellen
erstellung
erweitern
frage
freuen
helfen
hilfe
impressum
jemand
kategorie
kontakt
layout
lernen
prinzip
url
-
Hallo
Seit längeren beschäftige ich mich schon mit dem Thema html und möchte nun gerne lernen ein Layout zu erstellen und möglichst mit html und css und würde mich freuen wenn mir jemand dabei helfen könnte.
Im prinzip kann ich das Grundgerüst schon wo es halt fehlt ist bei der Erstellung eines Layouts
Bei einem anderen Anbieter habe ich breits eine Fanpage zu einer ehemaligen Fernsehserie bvei dieser ich gerne das Menü erweitern möchte und hier bei möchte ich gerne um eure Hilfe bitten.
Das ihr wisst was ich meine habe ich den Quelltext mit hier eingefügt.
<html> <head> <title>CityNet-Online</title> <style type="text/css"> table { width:100%; } td { border:1px solid #000; vertical-align:top; overflow:hidden; } </style> </head> <body bgcolor="#66B200" text="#000000" link="#000000" vlink="#000000" alink="#000000"> <div id="header" style="inline; position:absolute; top:15px; width:900px"> <img src="Header.jpg" width="900" height="175" border="3"> </div> <div id="menu1" style="inline; position:absolute; background-color:#FFFFFF; border:solid 3px black; top:200px; width:300px; z-index:3"> <span style="font-size:1.5em; margin-left: 100"><a href="Homepage.html">Homepage</a></span> </div> <div id="menu2" style="inline; position:absolute; background-color:#FFFFFF; border:solid 3px black;top:200px; width:600px; z-index:2"> <span style="font-size:1.5em; margin-left: 400"><a href="TheTribe.html">TheTribe</a></span></div> <div id="menu3" style="inline; position:absolute; background-color:#FFFFFF; border:solid 3px black; top:200px; width:904px; z-index:1"> <span style="font-size:1.5em; margin-left: 700"><a href="http://www.1atools.eu/services/gallery/index.php?id=665">Gallery</a></span> </div> <div id="contents" style="inline; position:absolute; top:240px; width:900px; height:400px"> <iframe name=content src="wasistthetribe.html" style="inline; position:absolute; width:900px; height:400px"> </iframe> </div> <div id="footer" style="inline; position:absolute; top:640px; width:904px; height:10px" border:#FFFFFF"> <table border="2" bordercolor="#000000" bgcolor="#FFFFFF" style="position:absolute; top=10; width=904"> <tr><td> <center> Copyright© CityNet-Online - © Cloud9 (The Tribe) Ltd./Tribeworld.com - <a href="Impressum.htm">Kontakt und Impressum</a> </center> </td></tr> </table> </div> </body> </html>
Wie man sehen kann besteht das Menü aus drei kategorien aber ich möchte dieses Menü gerne mit 2 weiteren Menü erweitern und wollte euch fragen wie man das machen kann.
Beitrag zuletzt geändert: 23.5.2013 21:44:02 von hackyourlife -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Darf ich vorschlagen, daß Du Dir z.B. das Buch "HTML5 Handbuch" von Goll + Münz besorgst und Dich vernünftig in MODERNES CSS und HTML einarbeitest. Sachen wie <center> und Tabellen zum Layout haben heute auf keiner Webseite mehr etwas zu suchen, allein schon aus Rücksichtnahme auf Benutzer verschiedener Geräte ung ggf solcher mit Einschränkungen. Flexible Maße helfen da sehr (zahlreiche Webdesigner sind auf Fix-Grids und inflexible graphiken festgelegt)
Ansonsten nimm ein Template, es gibt genugend davon zum Runterladen, auch wenn es meist länger dauert zu verstehen was der Autor wollte als das man selber vernünftig schreibt. -
pierre-verley schrieb:
Hallo
Seit längeren beschäftige ich mich schon mit dem Thema html und möchte nun gerne lernen ein Layout zu erstellen und möglichst mit html und css und würde mich freuen wenn mir jemand dabei helfen könnte.
Im prinzip kann ich das Grundgerüst schon wo es halt fehlt ist bei der Erstellung eines Layouts
Bei einem anderen Anbieter habe ich breits eine Fanpage zu einer ehemaligen Fernsehserie bvei dieser ich gerne das Menü erweitern möchte und hier bei möchte ich gerne um eure Hilfe bitten.
Das ihr wisst was ich meine habe ich den Quelltext mit hier eingefügt.
<html> <head> <title>CityNet-Online</title> <style type="text/css"> table { width:100%; } td { border:1px solid #000; vertical-align:top; overflow:hidden; } </style> </head> <body bgcolor="#66B200" text="#000000" link="#000000" vlink="#000000" alink="#000000"> <div id="header" style="inline; position:absolute; top:15px; width:900px"> <img src="Header.jpg" width="900" height="175" border="3"> </div> <div id="menu1" style="inline; position:absolute; background-color:#FFFFFF; border:solid 3px black; top:200px; width:300px; z-index:3"> <span style="font-size:1.5em; margin-left: 100"><a href="Homepage.html">Homepage</a></span> </div> <div id="menu2" style="inline; position:absolute; background-color:#FFFFFF; border:solid 3px black;top:200px; width:600px; z-index:2"> <span style="font-size:1.5em; margin-left: 400"><a href="TheTribe.html">TheTribe</a></span></div> <div id="menu3" style="inline; position:absolute; background-color:#FFFFFF; border:solid 3px black; top:200px; width:904px; z-index:1"> <span style="font-size:1.5em; margin-left: 700"><a href="http://www.1atools.eu/services/gallery/index.php?id=665">Gallery</a></span> </div> <div id="contents" style="inline; position:absolute; top:240px; width:900px; height:400px"> <iframe name=content src="wasistthetribe.html" style="inline; position:absolute; width:900px; height:400px"> </iframe> </div> <div id="footer" style="inline; position:absolute; top:640px; width:904px; height:10px" border:#FFFFFF"> <table border="2" bordercolor="#000000" bgcolor="#FFFFFF" style="position:absolute; top=10; width=904"> <tr><td> <center> Copyright© CityNet-Online - © Cloud9 (The Tribe) Ltd./Tribeworld.com - <a href="Impressum.htm">Kontakt und Impressum</a> </center> </td></tr> </table> </div> </body> </html>
Wie man sehen kann besteht das Menü aus drei kategorien aber ich möchte dieses Menü gerne mit 2 weiteren Menü erweitern und wollte euch fragen wie man das machen kann.
<style type="text/css"> .menubar { top:200px; position:relative; } .menuitem { background-color:#FFFFFF; border:solid 3px black; float:left; position:relative; } .menuitem span{ display:block; text-align:center; width:150px; } </style> </head> <body bgcolor="#66B200" text="#000000" link="#000000" vlink="#000000" alink="#000000"> <div id="header" style="inline; position:absolute; top:15px; width:900px"> <img src="Header.jpg" width="900" height="175" border="3"> </div>
das nimmste nun für dein menu:
<div id="menubar" class="menubar"> <div id="menu1" class="menuitem"> <span><a href="Homepage.html">1</span></a> </div> <div id="menu2" class="menuitem"> <a href="TheTribe.html"> <span>2</span> </a> </div> <div id="menu3" class="menuitem"> <a href="http://www.1atools.eu/services/gallery/index.php?id=665"> <span>3</span> </a> </div> <div id="menu4" class="menuitem"> <a href="http://www.1atools.eu/services/gallery/index.php?id=665"> <span>4</span> </a> </div> <div id="menu5" class="menuitem"> <a href="http://www.1atools.eu/services/gallery/index.php?id=665"> <span>5</span> </a> </div> </div>
..........................................
viel spass
Beitrag zuletzt geändert: 30.5.2013 22:24:30 von n0tiert -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
