Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > Iframe in Tabelle
Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > Iframe in Tabelle
Pages: [1]
| geschrieben von Patricia am 19.09.2006 - 16:35 |
Soderle
dank Kathrin habe ich ja nun endlich geschnallt, wie man IFrames in Tabellen einbaut, damit der IFrame bei jeder Auflösung an der selben Stelle sitzen bleibt.
Bei der Seite der WASG kein Problem, da es dort keine Layout Grafiken ( Für Hintergrund ect ) gibt. Sondern bloss Farbangaben für Hintergrund und Tabellenrand udn Hintergründe. Die Grafiken dort gehören nicht zum Layout.
Ich relaunche nun gerade die Piet-Petrol.de da es ein neue CD geben wird.
Hier auch IFrames - da hier das Layout grafisch aufgebaut ist und auch so bleiben soll.
Die alte Version, die noch online ist steckt in I Frames. Solange man 1024 mal 768 fährt ist alles wo es hingehört. Grössere Auflösung verschiebt sich logischer weise der Frame, da er über der Tabelle liegt, also stimmts Layout nicht mehr
Unter http://www.piet-petrol.de/inde.html das gleiche Problem ( das ist das neue Layout )
Dank Kathrins Hilfe beim Einbauen der IFrames in Tabellen habe ich das bei der neuen Piet Seite auch gemacht.
http://www.piet-petrol.de/indexxx.html
Problem nun: der Iframe bleibt zwar bei jeder Auflösung da, wo er hingehört, aber da die Grafik die via Imagemap die Navigation enthält und in der mittleren Zelle liegt - und der Iframe ben auch in derselben ( mittleren ) Zelle liegt, entsteht oberhalb der Grafik natürlich ein Mordsfreiraum, den ich aber so nicht will. Und man erst mal scrollen muss, bis man zur Grafik kommt. Ich möchte aber das Scrollen nach unten weitgehends vermeiden
Ich denke mal Grafik und IFrame in der selben Zelle funzt nicht??? Odre kann ich da via Z-Index was machen, das der obere Freiraum weg ist. Das es aussieht wie bei der inde.html , aber der Freiraum weg ist udn der Iframe in der Tabelle dafür sorgt das der IFrame bei jeder Auflösung bleibt wo er layout und visuell, grafisch hingehört.
Oder muss ich doch mit althergebrachten Framesets schaffen und die Grafiken dann slicen oder es wie bei xpression-music.de via Pop Up lösen? |
| geschrieben von weisnix am 19.09.2006 - 16:48 |
Hallo Patricia,
ich habe die ein Muster geschickt, da ist die Grafik als Hindergrundbild in der Tabelle. Es Wird kein I-Map verwendet, sondern ein Menübereich mit tranz. Grafik in der Größe der Schrift für die Links.
Das Layout müsste in allen Auflösungen gleich bleiben.
Gruß
|
| geschrieben von Patricia am 19.09.2006 - 19:21 |
DANKE KATHRIN!!!
Seite ist nun online
http://www.piet-petrol.de
Many Thanks für den Denkanstoss udn Hilfe 
Perfect! |
| geschrieben von weisnix am 19.09.2006 - 22:27 |
Du verwendest zwar jetzt ein Map, dann solltest du aber den Rahmen dort entfernen. Und das dummy.gif hochladen. 
das hier:
img {
border: 1px solid gray; /* Anweisung für Bilder ohne Rahmen zur einstellung des Menüs auf 1 setzen danach auf 0 */
}
verursacht den Rahmen um das Map.
Du kannst es aber auch direkt reinsetzen, da meine Version für mehrere Bilder gleichzeitig gedacht ist.
<img src="dummy.gif" border=”0” width="985" height="18" border="0" usemap="#Map">
Noch eins:
Wenn der Hintergrund erhalten bleiben soll, in den geladenen Seiten des Frame den Hintergrund auf background-color:transparent; setzen.
|
| geschrieben von Patricia am 20.09.2006 - 11:16 |
Jo an dem Rand bin ich am arbeiten das der weg geht, aber gestern schwirrten mir nur noch die Codes und Buchstaben vor den Augen und mein Kopf nahm nichts mehr auf und ich hab aufgehört, da auch mein Baby dann nur noch am Weinen war udn anhänglich an mir klebte und gar nix mehr ging.
am Rand gehts heute weiter, sobald ich wieder denken kann Habe ja den DW auf Code umgestellt
In den Frameunterseiten hab ich den Hintergrund gesliced. Muss noch an den Positionen arbeiten, weil die Hintergrundgrafik noch net 100% an Ort und Stelle ist.
Liebe Grüsse Patty |
| geschrieben von Patricia am 20.09.2006 - 12:20 |
scheuklappen
ich habe irgendwo scheuklappen...
In der Browser - Vorschau von DW sieht a unten...lles klasse aus. Kein Rand um das blinde transparente Navigif
Online dann in FF und IE dann der Rand und das Icon, das da eine Grafik ist...
wahhhhh
sowas hab ich doch früher mit links gemacht mit DW XL seit ich geuppt habe auf die 8 ist manches anders... Ich glaube ich gehe wieder auf meien XL runter.
Ich habe Deinen Vorschlag versucht umzusetzen, aber das haut bei mir nicht hin, deshalb habe ich ja meine eigene Transparente Grafik drübergelegt, da ich sowas ja früher schon erfolgreich umgesetzt habe.
Und nun klappt weder meien Version, noch Deine..
ich sitzt vorm Code,lese jede Zeiole interpretiere - umschalten auf Entwurf - alles klar, Vorschau im Browser alles klar
Auufem Server nix mehr klar...
Ich hab nen extrem blinden Punkt. Was habe ich denn verlernt? Ist das dafür, das ich 3 Jahre pausiert habe? Gibbts doch nicht. normalerweise kann ich das doch ;-(. Ist ja nicht meine erste Webseite... Hrmmpffff
Bin eben grafisch ausgerichtet - schon immer gewesen... und meine Layouts basieren auf der grafischen Basis, war schon immer so.
wahhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh!!!!
ich hab ne Krise!!!  |
| geschrieben von Patricia am 20.09.2006 - 22:27 |
koppklatsch
muss mal wieder ran 
heute nimmer, weil Hirn raucht )
Danke Kathrin, dass Du meinen blinden Fleck vertreibst )
und die eingerostete Patty ölst |
| geschrieben von Patricia am 20.09.2006 - 22:46 |
ich bin echt mim Latein am Ende
durchforste Quellcode Buchstabe für Buchstabe
gebe Grössenangaben ein usw
habe nun das dammy.gif eingebaut
nirgends mehr ein dummy ausser ich und trotzdem Rand...
kann doch net sein, dass mich son bissel Rand schafft? Son Peanut? |
| geschrieben von René am 21.09.2006 - 10:59 |
Hallo Pat,
Das dummy.gif ist nicht da wo es liegen sollte falls du unten die Navi meinst.
| HTML-Quelltext | 1:
| <img src="dummy.gif" width="985" height="21" border="0" usemap="#Map"> |
Müßte also so zuerreichen sein: http://www.piet-petrol.de/dummy.gif bzw. direkt im ROOT der HP liegen.
-----
Die Startseite mußte ich übergehen da die nicht fertig laden wollte für mich wars ne Ewigkeit. Am Hintergrund sieht man das er kachelt. Ladezeiten (ISDN) sind mir im allgemeinen zu lang. |
|