CSS wirkt nicht korrekt im Frameset

[Himbeer]

ein Codefundstück, das ich nun gerne nutzen würde:

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
visibility: hidden;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 20;
left: 0px; /*position where enlarged image should offset horizontally */
}

eingefügt in meine passende html:

[URL='https://finale.freesoft-board.to/start.html']target="mainFrame" border="0" onfocus="if (this.blur) this.blur()" title="Welcome">
Mainpage
[IMG]https://finale.freesoft-board.to/bw.png[/IMG][/URL]

jetzt wäre es wahrscheinlich auch möglich den style Kram des "p" Elements in die css zu schreiben, oder?

naja eigentlich habe ich ein Frameset, wobei der Code oben einen Menüpunkt darstellt

nun ist jedoch mein Bild mit 150 Pixeln zu groß für den Frame mit 70 Pixeln... circa 20 werden noch unterhalb des Navigationspunktes angezeigt
kann ich es schaffen, dass das popup-Bild beim Überfahren des Links über dem anderen Frame liegt? das Bild also zur Gänze sichtbar wird?

 

[Ari85]

Hallo Himbeer,

dein Bild hat die Größe von 150 Pixel.

Der Frame, in dem es liegt hat eine Höhe von 70 Pixel, da bleiben aber nach Adamriese 80 Pixel und nicht 20 Pixel über.

Einzige Möglichkeit ist, dass das Bild in die zwei Frames einzubinden ist, in dem du es zerschneidest.
Es geht natürlich auch über CSS Tricks, aber das würde zu weit führen.

Ist Frameset zwingend erforderlich?
Kann man sich das Ganze im Web anschauen oder kannst du es per PM senden?

Gruß
Ari

 

[Himbeer]

vielen Dank für den Hilfeansatz

nach einigen Tagen ohne Rückmeldung hätte ich wohl selbst einen Link zur grafischen Verdeutlichung eingebaut

Test

dort ist nun eine so modellierte Seite zu sehen
deutlich klappt es ja mit dem 1. Link, wo es dann im zentralen Frame angezeigt wird


meine Kentnisse bewegen sich gegen 0 bzw. bleiben auf theoretischem Niveau stehen, das sich kurz vor der Umsetzung verabschiedet...
daher ist der Inhalt meiner .css nicht völlig genutzt, sondern erstmal nur zusammenkopiert... verzeihe bitte diese Vorgehensweise

eine Möglichkeit sehe ich noch per Tabellen anstelle des Framesets, doch auch dann bleibt ja so eine Vorschau in ihrem Zellkästechen, oder nicht?
hätte darauf die Höhenangabe (z Index) einen Einfluss, der im css gegeben ist? sodass dann das Bild vor anderen Zellen schweben könnte?


andernfalls würde ich meine Seite natürlich auch komplett umstellen, sofern mir das etwaige spätere Anpassungen erlauben würde
momentan ist es ja ziemlich steif und unflexible


und schließlich ist auch gegen

nichts einzuwenden, sofern es verständlich erklärt wird

 

[Shadowww]

Klar funktioniert der Link.
Vielleicht kann sich ja Himbeer noch dazu entschließen, den Code-Befehl rauszulöschen, dann könnte man das ganz einfach anklicken.

Was ich nicht weiß... Wie SOLL es denn aussehen? Willst du die Bilder in der Menüleiste auch komplett sehen wie im unteren Bereich? Dann musst du einfach den oberen Frame entsprechend vergrößern.
Also in der Zeile <frameset rows="70,654,* .... die 70 entsprechend vergrößern bis es reinpasst.

 

[Himbeer]

vorher war das ne tinyurl... egal

das wäre die einfachste Möglichkeit, wenn ich den frame vergrößere, allerdings sähe das furchtbar aus, schließlich kommen dadrunter nur bilder hin
lieber wäre es mir, wenn die Vorschaubilder über dem mittleren Frame erscheinen

zur Verfügung steht mir allerdings bloß css, html und javascript, das möchte ich irgendwie zurechtbasteln


du bist ganz schön fließig, lieber Shadowww

 

[Shadowww]

Ja, mir war heute etwas langweilig...

Muss das Ganze eigentlich unbedingt ein Frameset sein? Vielleicht wäre es einfacher, das Layout per CSS zu definieren. Dann könnten die Bilder einfach über ihren Bereich "drüberlaufen" wenn sie zu groß sind.

 

[Himbeer]

wie gesagt auch dagegen habe ich nichts einzuwenden
doch dann müsste ich mich wohl mit Klassen auseinadersetzen, die dann stellvertretend meine Bereiche kennzeichnen und formatieren?
all das ist Neuland für mich und auch mit selfhtml Hilfe bin ich nicht in der Lage diese Sprache zu erlernen
eigentlich kann ich eben nur Code sammeln und irgendwie verbinden.....

bin für jede erklärte Hilfe dankbar
sofern sie es ermöglicht, meine Optik der Seite beizubehalten


nachtrag:

was bedeutet eigentlich Layout per css ?
brauche ich da nicht dennoch Tabellen zur Strukturierung?
denn ich möchte ja drei waagerechte Bereiche haben...

 

[Shadowww]

Per CSS kannst du einfach für jedes Element - Texte, Bilder, etc. - auf deiner Seite einen Bereich festlegen - und das wesentlich flexibler als mit einer Tabelle.

Für die Grundlagen würde ich dir unter anderem doch das von dir schon erwähnte SelfHTML empfehlen. Genauer gesagt das hier: http://de.selfhtml.org/css/layouts/index.htm
Und die Beispiele dort kannst du auch als Codeschnipsel zusammenbasteln.

 

[Himbeer]

ja danke für den Hinweis, momentan wird erstmal am Blog gewerkelt, daher sei dieses Projekt zurückgestellt

doch eine grundsätzliche Frage drängt sich mir auf:
ob bei einer css-basierten Navigation die gesamte Seite neugeladen werden muss?
momentan läuft nämlich im "Fuß"frame ein Mediaplayer, der durch das neuladen=folgen eines Navigationslinkes ja wieder neu geladen würde...

 

[Shadowww]

Das ist richtig, in dem Falle würde es neu geladen. Allerdings müsste es auch mit einem Inline-Frame (i-Frame) funktionieren. Bin mir aber nicht sicher, ich hab das noch nie ausprobiert.

 

[sergNN]

Inhalt in einem i-Frame anzuzeigen - eine gute Idee,
in diesem Fall wird wahrscheinlich etwa einfache die Navigation nicht nur "css"-basierend, sondern "css+JavaScript"-basierend entwickeln: irgendwas nur dem Frame zuweisen ohne die gesamte Seite neuezuladen.