 Frameset, Tabelle, Hintergrundbild, Hintergrundbild mit mouseover Buttons ueberlagern |
|
Willkommen, Gast ( Anmelden | Registrierung )
HTML-Editor phase 5 Support > Fragen, Lösungen zu HTML-Problemen bzw. Webdesign-Fragen - Talk > HTML  |
 06.04.2006 - 0:49
Beitrag
#1
|
|
|
Rookie Gruppe: User Beiträge: 1 Mitglied seit: 06.04.2006 Mitglieds-Nr.: 5.943  |
Hallo,
ich stehe vor einem problem zu dem ich bis jetzt noch keine hinweise gefunden habe die ich verstehe. html ist fuer mich noch neuland, es macht mir aber freude mich hiermit zu befassen problem: framsetkonstruction, im auswahlframe moechte ich ein hintergrundbild das mit mouseover buttons ueberlagert ist aufbauen. zusatzanforderungen daran, hintergrundbild sollte in der groesse und position veraenderbar sein. mousover buttons sollten an entsprechende position gebracht werden ( genaue position) die zum hintergrundbild passt. kann mir jemand ein skipt gben das ich weiter ausarbeiten kann. die beispiele die ich im netzt mit style, table bilder ueberlagern fand brachten mich nicht weiter. folgendes skipt funktioniert bedingt. die groesse des bildes um die tabelle bzw. das frame auszufuellen geht nicht, die position der buttons laesst sich auch nur nach unten verschieben. lasse ich den hintergrund schwarz funktioniert alles. wie gesagt ich bin noch neuling habe aber den willen dahinter zu steigen wie ich etwas veraendern kann. ihr wuerdet mir mit entsprechendem tip oder der korrektur in dem skipt helfen. danke schon im voraus moskito <html> <HEAD> <link rel="stylesheet" type="text/css" href="menustyle.css" media="screen, print" /> <title> </title> <TITLE>Inhalt mitte links</TITLE> </head> <!--<Body bgcolor="#000000">--> <Body> <table border="0" cellpadding="20" cellspacing="0" bgcolor="#000000"></table> <background= <p> <table border="1" width="24%" height="231"> <tr> <td width="100%" background="bg1.gif" height="225"><br> <a href="Link 1" onmouseover="setOverImg('1','');" onmouseout="setOutImg('1','');" target="seite 1"><img src="buttons/button1up.png" border="0" id="button1" vspace="1" hspace="1" width="110" height="20"></a><br> <a href="Link 2" onmouseover="setOverImg('2','');" onmouseout="setOutImg('2','');" target="seite 2"><img src="buttons/button2up.png" border="0" id="button2" vspace="1" hspace="1" width="110" height="20"></a><br> <!-- gekuerzt, orginal ist laenger, sind insgesammt 7 links mit zwei unter sub-links--> </td> </tr> </table> </BODY> <script src="menuscript.js" language="javascript" type="text/javascript"></script> |
 |
 
|
|
06.04.2006 - 20:41
Beitrag
#2
|
|
|
Anwärter auf W3.org Mitgliedschaft  Gruppe: User Beiträge: 550 Mitglied seit: 28.11.2001 Wohnort: Berlin Friedrichshain Mitglieds-Nr.: 107 |
Hallo
ZITAT(mskito @ 06.04.2006 - 0:49)  framsetkonstruction, im auswahlframe moechte ich ein hintergrundbild das mit mouseover buttons ueberlagert ist aufbauen. zusatzanforderungen daran, hintergrundbild sollte in der groesse und position veraenderbar sein. mousover buttons sollten an entsprechende position gebracht werden ( genaue position) die zum hintergrundbild passt. Über Sinn und Unsinn von Framesets wird ja nun schon seit Jahren fabuliert. ich spare mir deshalb weitere Worte dazu. Ich vermute mit "Auswahlframe" meinst du einen Frame, der (nur?) die Navigation beinhaltet. Wenn du dort die Position des Hintergrundbildes beeinflussen möchtest, kannst du es nicht dem <body> der Datei zuweisen. Dort würde es flächendeckend gekachelt (wiederholt) werden. Du musst es einem Blockelement innerhalb des <body> zuweisen, welches du dann per CSS beliebig positionieren kannst. Dort herinnen kannst du die Links absolut positionieren, sodass sie in Bezug zum Elternelement, und somit zu dessen Hintergrundbild, immer an der gleichen Stelle stehen. ZITAT(mskito @ 06.04.2006 - 0:49) kann mir jemand ein skipt gben das ich weiter ausarbeiten kann. die beispiele die ich im netzt mit style, table bilder ueberlagern fand brachten mich nicht weiter. Was meinst du in diesem Zusammenhang mit "Skript"? HTML ist kein Skript. ZITAT(mskito @ 06.04.2006 - 0:49) QUELLTEXT <html> <HEAD> <link rel="stylesheet" type="text/css" href="menustyle.css" media="screen, print" /> Meinst du, irgendwer würde deine Navigation ausdrucken wollen? ZITAT(mskito @ 06.04.2006 - 0:49) QUELLTEXT <title> </title> <TITLE>Inhalt mitte links</TITLE> Zwei <title>s? ZITAT(mskito @ 06.04.2006 - 0:49) QUELLTEXT <table border="0" cellpadding="20" cellspacing="0" bgcolor="#000000"></table> <background= <p> Dies hier ist Unfug. Eine Tabelle, die keine ist, und ein Rest(?) von irgendwas. ZITAT(mskito @ 06.04.2006 - 0:49) QUELLTEXT </BODY> <script src="menuscript.js" language="javascript" type="text/javascript"></script> Frage an alle: Darf Das Skript nach dem Schließen des Elements <body> notiert werden? Ich gehe jetzt davon aus, dass das Javascript ansich funktioniert und lasse die Tabelle selbst mal weg. Es geht erstmal nur darum, dass die Links (und somit die Bilder) an der richtigen Stelle über dem Hintergrundbild angezeigt werden. 1. Möglichkeit: Es bedarf, wie oben schon erwähnt, eines Blockelements im <body>. Dieses wird per CSS mit den nötigen Dimensionen und dem Hintergrundbild versehen. Wenn du es absolut positionierst, kannst du die Links zu Blockelementen machen, und somit ebenfalls dimensionieren und absolut positionieren. Somit verändern sie ihre Position mit dem Elternelement, wenn du dieses an eine andere Stelle rückst. 2. Möglichkeit: Eine Tabelle mit Breite und Höhe (entweder über HTML-Attribute oder CSS-Angaben) und darin ein Wust aus Tabellenzellen, die, ebenfalls mit Breite und Höhe versehen, dafür sorgen, dass die Links in der richtigen Position gefangen werden. 3. Möglichkeit: Schmeiß deinen Ansatz mit Frames etc. weg, und beschäftige dich (intensiv) mit dem Möglichkeiten (und auch den Beschränktheiten) von CSS, um Gruppen von Elementen bestimmte Räume, Farben, Hintergrundbilder etc. pp. zuzuweisen. Dies erfordert einerseits eine umfangreiche Einarbeitung, die nicht mit ein paar Experimenten erledigt ist, erschließt dir andererseits schlussendlich völlig neue Möglichkeiten der Gestaltung (auch und insbesondere) in Hinsicht auf die Anordnung von Hintergrundbildern (Anzeige nur senkrecht, waagerecht, einzeln (beliebig positioniert), mitscrollend oder fest positioniert etc.). Um dir einen Einblick in die flexible Gestaltung einer Navigation zu zeigen, empfehle ich dir Listamatic. Es handelt sich dabei um verschiedene CSS-Formatierungen ein und desselben HTML-Quelltextes. Tschö, Auge Tschö, Auge |
|
|
|
|
07.04.2006 - 10:03
Beitrag
#3
|
|
|
Weiss zuviel!!  Gruppe: Mods Beiträge: 668 Mitglied seit: 19.04.2002 Wohnort: Grimmen Mitglieds-Nr.: 385 |
Hallo,
ZITAT(Auge @ 06.04.2006 - 20:41) Frage an alle: Darf Das Skript nach dem Schließen des Elements <body> notiert werden? Da es sich bei Scripten nicht um HTML-Auszeichnungen handelt, die an die Scriptengine weitergeleitet werden müssen statt durch den Parser geschickt, können sie wohl überall im Dokument stehen, solange sie zwischen <html> ... </html> stehen, damit sie als dem Dokument zugehörig betrachtet werden. Für den "guten Stil" würde ich sie aber wohl eher in den Head-Bereich einordnen, damit es eine gewisse "Ordnung" hat. Vorschriften habe ich in den Recommendations nicht gefunden.
|
|
|
|
| Google Bot |
Beitrag
#
|
 Google Ads |
|
|
|
|
|
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:
|
Vereinfachte Darstellung | Aktuelles Datum: 23.04.2024 - 21:37 |