Beiträge von yeti66
-
-
Hi Ronald,
Es steht im XHTML,CSS & Co Edition W3C.de von Stefan Mintert. Eine Online Version findest Du unter:
http://www.edition-w3c.de
Konkret zu Tabellen findest Du den Text in der Anmerkung der Übersetzer wieder: http://www.edition-w3.de/TR/1999/REC-ht…uct/tables.htmlGruß yeti66
-
Zitat von Ronald
Falsch!
Bessere Lösungen:
eine Tabelle mit CSS auf 100% setzen und die Hintergrundgrafik als Tabellenhintergrund benutzen.
Da aber auch bei diesem User die DIVormie ausgebrochen zu sein scheint, halte ich mich mal lieber zurück.
Nur eine Frage noch: Wo lernt man das mit diesen endlosen und sinnlosen DIV-Tags eigentlich?
Fragt ...
Ronald
zu JS:
Naja mit JS die Bildschirmformat abzufragen und das Ergebnis in einer Weiche zu benutzen um seine Seite anzupassen war früher gängige Methode, heute wird das nicht mehr empfohlen, das ist schon richtig. Es ist aber eine Möglichkeit.
zu DIVormie:
..ja,ja ist schon recht. Ich sage auch nicht, das es optimal ist. Ich habe halt den navi-container von tebox der Einfachheit halber in meinen #nav gesetzt und den #container mache ich immer am Anfang. Das macht es für mich mit der Positionierung einfacher. Beides kann wegfallen, wenn der CSS-Code angepaßt wird. Ich wollte aber nicht soviel von tebox's Code ändern.
Der Königsweg ist die Vorgehensweise nicht, aber wer kann das von sich behaupten.yeti66
-
Oder, wenn man obiges Zitat umsetzt:
Code#container { text-align:left;margin:0 auto;position:relative;width: 1230px;height:100%;border:solid 0 }
-- >die Höhe in : height:2000px; ändern und ;Code#navi { position: absolute;top:138px; margin-left:3px;padding: 0px;width:180px; height:1200px;background-image:url(navigation-bg.gif);background-repeat:repeat-y;}
-- > die Höhe in 100% ändern.Und schon erfüllt man die Bedingungen aus obigen Zitat.
Gruß yeti66
-
Hitebox,
also mit der Höhenangabe in % ist das so eine Sache:
"Der Prozentwert wird realtiv zur Höhe des umschließenden Blocks der erzeugten Box berechnet. Wird die Höhen der umschließenden Box nicht explizit angegeben (das heißt, ist sie demnach von der Inhaltshöhe abhängig), wird der Wert als 'auto' interpretiert."---->Zitat aus XHTML,CSS & Co von S. MintertHTML
Alles anzeigen<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Versuchsfeld</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="style.css"> <style type="text/css"> #container { text-align:left;margin:0 auto;position:relative;width: 1230px;height:100%;border:solid 0 } #banner {position:relative;left:0px;top:0px;width: 1230px; height:138px;background: url(banner-top.gif);} #navi { position: absolute;top:138px; margin-left:3px;padding: 0px;width:180px; height:1200px;background-image:url(navigation-bg.gif);background-repeat:repeat-y;} #content { position:absolute;padding: 0px; width:1150px; left:183px; top: 138px;} </style> </head> <body> <div id="container"> <div id="banner"></div> <div id="navi"> <div id="nav-menu"> <ul> [*][url='#']Menüpunkt1[/url] [*][url='#']Menüpunkt2[/url] [*][url='#']Menüpunkt3[/url] [*][url='#']Menüpunkt4[/url] [*][url='#']Menüpunkt5[/url] [*][url='#']Menüpunkt6[/url] [*][url='#']Menüpunkt7[/url] [*][url='#']Menüpunkt8[/url] [/list] </div> </div> <div id="content">Lorem ipsum ............gekürzt wegen der Dastellung im Forum..........ipsum dolor sit ametur. </div> </div> </body> </html>
Will sagen hilf Dir mit einer absoluten Angabe.
Einzige absolute Lösung: mit JS das Bilschirmformat abfragen und übergeben.Gruß yeti66
P.S.: Habe Deinen Code etwas in Form gebracht. Deine navigation-bg.gif ist 3px zu schmal auf der linken Seite!!. -
Jepp oder so mit weniger Quellcode:
HTML
Alles anzeigen<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="generator" content="ist doch egal"> <title>Navigation</title> <style type="text/css"> <!-- #navlist{padding: 1px;margin-left: 0;font: bold 12px Verdana, sans-serif;border: 2px solid;border-color: #D94800;background: #660000; width: 193px; text-align:center;} #navlist li{ list-style: none;margin: 0;padding: 0.25em 1em;border: 1px solid;border-color: #FFF #FFF #B33B00 #FFF;text-align: center;} #navlist li a { text-decoration: none; } #navlist li a:link { color:#FFFF00; } #navlist li a:visited { color:#F70000; } --> </style> <script language="JavaScript1.1"> <!-- ref = new Image(1,1); ref.src = "http://www.countering.de/wcp2000/referrer.exe?a400803+"+document.referrer; //--> </script> </head> <body bgcolor="#660000"> <div id="navcontainer"> <ul id="navlist"> [*][url='../Bilder/Fotos/heidelberger-musikzug3.jpg'][img]../Bilder/Fotos/heidelberger-musikzug3.jpg[/img][/url] [*][url='Start.html']Startseite[/url] [*][url='aktuelles.html']Aktuelles[/url] [*][url='team.html']Das Team[/url] [*][url='undefined']Dein Link[/url] [*][url='undefined']Dein Link[/url] [*][url='undefined']Dein Link[/url] [*][url='undefined']Dein Link[/url] [*][url='undefined']Dein Link[/url] [*][url='undefined']Dein Link[/url] [*][url='undefined']Dein Link[/url] [*][url='undefined']Dein Link[/url] [*][url='undefined']Dein Link[/url] [*][url='http://www.countering.de/wcp2000/click.exe?a400803'][img]http://www.countering.de/wcp2000/counter.exe?a400803[/img][/url] [/list] </div> </body> </html>
Das Navilayout ist, das sei hier als Quellenangabe gesagt, aus / von List-O-Rama : siehe http://www.accessify.com/tools-and-wiza…s/list-o-matic/.
Gruß yeti66 -
Hi kuschelbaer-hd,
bei http://www.heidelberger-musikzug.de/ würde ich mir
die Navi nochmal zur Brust nehmen. Entweder über eine Tabelle oder CSS das obere Bild und die Navi in eine Breite und Flucht bringen - sieht gefälliger aus.Gruß yeti66
-
ups
da war jemand schneller
-
Nun ja die Momentan einzige saubere Lösung ist wohl die über die Grafik. Eine Formatierungsmöglichkeit mit html oder css gibt es nicht. Mit JS aber kann das wohl gelöst werden??!!.
ZUKUNFT CSS3:Bis jetzt kannst Du nur tricksen. Die Schwäche zeigt sich aber sofort bei schmalen Buchstaben:
HTML
Alles anzeigen<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Unbenanntes Dokument</title> <style TYPE="TEXT/CSS"> --> .vertikal-text { width: 5px; height:auto; text-align:center;} --> </style> </head> <body> <div class="vertikal-text">H o c h k a n t</div> </body> </html>
Gruß yeti66
-
Hi Mephos,
poste erst mal Deine "dropdown navi" und werden wir weitersehen. Mit CSS-Layout wäre es zwar mit Ebenen kein Problem, aber sicher keine Lösung.Gruß yeti66
-
Danke für
!!
Möglich wie gesagt ist alles. Die Frage ist doch auch zu welchem Zeitpunkt das Menü in den Grundzustand versetzt werden soll. Ich bin kein JS Spezi darum ist für mich die einfachste Lösung:
Code<dt onClick="javascript:montre('smenu2');">[url='#']Menu 2[/url]</dt> <dd id="smenu2"> <ul> [*][url='#']Sub Menu 2.1[/url] [*][url='#']Sub Menu 2.2[/url] [*][url='#']schließen[/url] [/list] </dd>
Die letzte Zeile wird zum Menü-schließen benutzt.
Eine andere Lösung wäre auch bei jedem Neuaufbau de Seite die Werte zurückzusetzen oder das Menü nach einem Countdown sich selbst schlißen zulassen. Mit einer anderen JS-Lösung wirst Du schon mal in das JS-Forum müssen. JS, welches ich, wenn auch ungern benutze übernehme ich komplett oder passe es an meine Bedürfnisse an. Das dauert aber entsprechend lange bei mir.
Gruß yeti66 -
Hmmmmmmmmm....................
Eigentlich ist ein Navigationsmenü zum navigieren durch die Webseiten gedacht. Ein Schließen des Menüs seiner selbst willen macht in meinen Augen keinen Sinn. Ein Submenü schließt sich doch, wenn ein anderes sich öffnet und ein offenes Submenü soll ja auch anzeigen wo sich der User auf Deiner Webseite befindet, als Orientierung gewissermaßen.
Darum kann ich keinen Sinn dahinter entdecken.Sorry.Gruß yeti66
-
Marianne,
"runde Tabele"???
Auf der oben genannten Seite wurde eine Grafik erstellt auseinanderdergeschnitten (slice) und mit Hilfe einer Tabelle wieder zusammengesetzt.
Du müßtest Dir also mit einem Grafikprogramm erst einmal einen Hintergrund erstellen und dann slicen. Verschiedene Grafikprogramme erstellen auch gleich eine Tabelle setzen die Darstellung in CSS um.Gruß yeti66
-
cookies,
So jetzt habe ich noch die Grafikversion fertig. Ich habe allerdings nicht Deine quietschbunten Button genommen.Das hier soll ja auch nur ein Beispiel sein und kein Fertiglayout für Deine Seite. So können andere User das Beispiel noch als Vorlage nehmen.
Einziges Manko: JavaScript!
Ein gleiches Ergebnis kann man auch nur mit CSS erzielen. Dann allerdings wäre für jede Seite mit sublinks eine angepasste Linkleiste zu programmieren.Gruß yeti66
-
Da war ich wohl wieder nicht angemeldet.So ein M......?
yeti66 -
Sorry, aber irgendwie habe ich die Frage erwartet.
Wenn ich jetzt sage mit CSS hilft Dir Das auch nicht weiter, oder?
Wenn ich es schaffe mach ich Dir ein Muster und poste es hier bis heute oder morgen Abend.Gruß yeti66
-
Zitat von Html-Neuling
ich will nicht mit JS coden...
und danke no0ob ... mir ist es jetzt ziemlich "egal"
Hey, was heißt hier egal. Ein Problem ist dazu da um gelöst zu werden. Webseitendesign sollte auch auf älteren Maschinen mit kleinem Equipment zum tragen kommen. Es wird heute sowieso sehr großzügig mit Ressurcen umgegangen. Als ich noch in 8Bit programmiert habe paßte ein ganzes Spiel auf eine Diskette - maximal zwei, da hieß es weniger ist mehr. Wie Du siehst gibt es immer neue Lösungen (siehe oben).
Gruß yeti66
-
Jepp, ist aber etwas kostspielig, aber sein Geld wert.
Hi supersass1,
Auf deiner HP wäre es nicht schlecht, wenn sich die geschwungene Form Deines headers in der Menüleiste und im content wiederfinden würde.
Gruß yeti66
So etwa: -
Ja cookies,
es ist möglich,oder besser nichts ist unmöglich. Hier eine Lösung von Raphaël GOETTER die Du nur noch mit Hilfe von CSS statt einer Hintergrundfarbe mit Bildern hinterlegen und in der Größe anpassen mußt.
Gruß yeti66
-
Hi BloodyMary,
Jepp wo Ronald recht hat hat er recht, das kann ich nur unterstreichen. Du erwartest doch auch eine rote "BloodyMary" und keine grüne "BloodyMary"im Glas und genauso ist es mit der intuitiven Bedienbarkeit des Rechners.
Gruß yeti66