html frames alternative

Hallo...

Ich möchte eine Seite basteln auf der links durch Frame (o.ä.) eine Htmldatei liegt mit Links drin und im rechten Frame immer das Bild was hinter dem Link links steckt! Wie mache ich das? Habe gehört es geht auch mit CSS... aber wie? Und wie bekomme ich das Bild rechts, dessen zugehöriger Link links angeklickt wurde?

Bitte um schnelle Hilfe. Aber bitte nicht einfach Code einfügen. Ich möchte es auch verstehen ;)

5 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

Ergo0

22.04.2012, 15:14

Jup... CSS ist genau das, was du suchst. Lies dich am besten mal hier ein:

http://de.selfhtml.org/css/index.htm

Dort steht alles was du wissen musst und es wird auch für Anfänger gut erklärt.

madquad

22.04.2012, 15:19

war der von mir gesendete Link nicht identisch:-)

Ergo0

22.04.2012, 16:10

@madquad

jup war er... aber ich hab ihn zuerst gesendet ^^

haripatz

05.01.2016, 23:40

Schau dir mal dieses Menu an, das sind alles Grafiken die per java-script verbunden sind, wäre das eine brauchbare Funktion für dich?

Da braucht es keine Frames.

http://haripatz.lima-city.de/produkte/produkte.htm

mit meinen frames hab ich auch immer wieder probleme, aber meine seiten sind von 2008 ;-)

Equinoxe

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

22.04.2012, 17:12

Frames bzw. Framesets sind völlig antiquiert und es gibt keinen einzigen vernünftigen Grund, sie heute noch einzusetzen. Das kann man alles viel eleganter mit CSS und Div-Containern erledigen und falls man externe Inhalte einbinden möchte, so kann man das via Object oder iFrame lösen.

TrueColorGb

22.04.2012, 15:15

Frames sind deprecated bzw. ihrer Verwendung wird discouraged. Wenn du es dennoch so lösen möchtest, dann erstellst du für beide Abschnitte unabhängig voneinander die HTML-Dateien (eine für das Menü, und dann für jeden Inhalt eine), und fügst diese in einer weiteren HTML-Datei (der Frameset-Definition) zusammen. Dass die über den Link angewählte Seite in einem anderen Frame geöffnet wird, erreichst du über das target-Attribut des a-Elements.

madquad

Unternehmen, das auf gutefrage aktiv ist

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

22.04.2012, 15:17

Mach bloss keine Frames.. das ist uralter schiss und goggle mag so einen antiken kram überhaupt nicht.... Wenn Du meinst man könne hier das komplette CSS Prozedere einfach mit wenigen Worten philosophieren, dann sage ich einfach , ne das kann man nicht!

Wie wäre es mit etwas Eigenstudium.... z.b. hier http://de.selfhtml.org/css/index.htm

Ähnliche Fragen

HTML/CSS Bluefish?

Hey kennt sich jemand mit dem Programm Bluefish aus? Ich muss eine HTML und CSS Datei erstellen.

Die HTML Datei bekomme ich meiner Meinung nach hin aber wenn ich die passende CSS Datei erstellen will also auf Dialoge und Linkzu Stylesheet dann bei href gibt es den Link zu der HTMLDatei nicht.

...zur Frage

Wie füge ich eine SCSS Datei in HTML ein?

Hallo! Ich würde gerne meine Seite mit SCSS formatieren und nicht nur mit einfachem CSS. Leider habe ich Probleme eine SCSS Datei in meinen HTML Code einzufügen. Bei CSS sieht der Code zum einfügen ja so aus:

<link rel="stylesheet" type="text/css" href="[DATEIPFAD].css"/>

Wenn ich es nun aber mit einer SCSS Datei versuche klappt es nicht.

...zur Frage

HTML-Seite mit Frames: Link in Frame öffnen

Liebe Community, Ich verzweifle gerade an meinem Informatik-Abschlussprojekt! Wir sollen eine Website mit Framestruktur erstellen.

Nun gibt es links ein Menü mit verschiedenen Punkten, die jeweils zu einer neuen .html-Datei führen. Wird einer dieser Punkte angeklickt, öffnet sich die Seite in einem neuen Tab und nicht im mittleren Frame (hellblau)!

Was kann ich tun, damit im hellblauen Bereich die Seite geladen wird?

Ich hoffe auf hilfreiche Antworten und danke im Voraus.

...zur Frage

Wie lange dauert ein Frame bei 30 FPS?

Ich render mit 30 FPS, Die Einzelbilder will ich dann in einem Programm einfügen in dem ich die Länge der Frames manuell bestimmen muss. Zum Problem: Ich hab keine Ahnung wie man das nochmal umrechnet.

...zur Frage

HTML + CSS Website hat weisse Seite am rand?

Wenn ihr nach links scrollt auf https://islikers-baukunst.ch/FreshHp, seht ihr einen weissen Rand aber kein visuelles Element dass das verursacht. Könnt ihr mir da helfen? Leider kann ich nicht die Website hier rein kopieren, da diese sonst zu lang wäre. Aber ich habe hier einen DropBox-Link: Zu DropBox

...zur Frage

CSS Links Verschieben?

Hallo,

Ich erstelle eine webseite, auf dieser habe ich nun ein Link, dieser ist mir aber noch etwas zu hoch, ich möchte diesen nun etwas tiefer (formatieren). Wie würde das gehen?

...zur Frage

VS Code Link einfügen?

Hi habe eine frage zur "formatierung" von einem eingefügten Googlefont link.

Schaue grade ein Video und

So sollte es aussehen:

Aber bei mir sieht es leider nach str+v so aus:

Leider wird in dem Video nicht erklärt wie genau das gemacht wird.

Würde mich deshalb wenn jemand mit mehr Ahnung mir den Schritt erläutern könnte. Denke mal das es für jemand erfahreneren, ein Kinderspiel ist

Freue mich auch über Tipps zum lernen (HTML, CSS, JavaScript, VSCode, etc.)

Vielen lieben Dank!

...zur Frage

Wie fügt man Schriftarten in Atom ein (CSS)?

Hey Leute, ich weiß zwar wie man sie einfügt. Also die Anwendung dafür. Aber kann ich etwa nur über z.B. Google Fonts den CSS Link einfügen. Oder auch andere?

Von anderen Seiten b.z.w andere Schriftarten außer von Google Font.

...zur Frage

Button mittig unter Bild Zentrieren HTML/CSS?

Hallo erstmal, ich bin komplett neu hier also bitte entschuldigt, falls ich irgendwas nicht richtig beachte. Zu meiner Frage: Ich möchte für eine Portfolio Site Vorschaubilder einer Gallery haben und darunter einen Zentrierten Button für den Link zu der jeweiligen Seite. Mein Problem ist jetzt, dass der Button sich leider nicht zentrieren lässt sondern immer links gebunden ist.

Mein HTML Code:

<section id="content">
<div>
<div id="studio"> 
<img src="img/Gallery_Preview/Studio.jpg" alt="Studio Aufnahmen">
<p><a class="button1" href="Studio.html">Studio</a></p>
</div>
</div>
</section>

Mein Css Code:

#studio {
margin: 30px ;
padding:4px;

}
#studio img {
width: 23%;
height: auto;
}
.button1 {
text-align: center;
width: 100%; 
}

P.s. ich bin Anfänger

Danke schon mal

...zur Frage

html css webdesign: Bildwechsel per Links?

Hallo, ich bin in html und css ganz gut, aber hier enden meine Kenntnisse.

Was ich haben will:

ich möchte 5 Bilder zeigen. allerdings nicht alle auf einmal, sondern immer nur eins. Der User soll auf der website durch obenstehende Links durch die Bilder klicken können. Heißt ich habe oben anstehend 5 Links (Bild1, Bild2, Bild3, usw...) aber wie kriege ich das im Code hin, dass wenn ich auf Bild2-Button/Link drücke, dass mir unten Bild 2 angezeigt wird?

Ist das halbwegs verständlich? Ich hoffe.... Ohje, ...

Hoffe hier gibt es einen HTML oder CSS Noob der mir helfen kann. Würde gerne möglichst ohne Java Script arbeiten....

...zur Frage

Website HTML und CSS Fehler?

Hallo,

ich soll als Hausaufgabe eine Website (nur HTML und CSS) programmieren (wir haben bis jetzt nur die Basics gemacht).

Ich habe nun die Grundstruktur in HTML so gemacht, wie ich es brauche und bin nun beim CSS Teil angekommen, welcher mir etwas Kopfschmerzen bereitet.

Ich habe mal Screenshots vom bisherigen Code eingefügt (Die Website soll laut Lehrer ganz einfach sein, das Impressum muss nur einen Beispieltext enthalten und den Code für den footer aus der Landingpage habe ich noch nicht an die anderen Seiten angepasst, da ich noch mit CSS am experimentieren war).

Falls der Code an sich besser weiterhilft, habe ich hier noch den Dropbox Link:
https://www.dropbox.com/scl/fi/fgwyg3w7m4hfqdnbl3f3n/Website.zip?rlkey=1ea3d4quzggbn8xgnk9x9gvk3&dl=0

Nun habe ich folgende Probleme/Dinge, die ich auf der Website haben möchte, aber nicht hinbekomme:

Ich möchte einen festen Header haben (wie der auf gutefrage), bei welchem die anderen Seiten mittig angeordnet sind
Der footer soll wie bei Amazon ganz unten sein und auch in einem farbigen Kasten, welcher sich über den ganzen Bildschirm zieht
Die Texte im Footer sollen einmal links(2023), mittig(impressum) und rechts(Namen) ausgerichtet sein (irgendwie konnte ich den Link zum Impressum nicht verschieben)
Die Seite muss nicht 100% responsible sein, sondern soll sich nur an verschiedene Browser anpassen (Laut Lehrer mit Hilfe von prozentualen Werten anstatt Pixeln)
Auf der Landingpage möchte ich das Hintergrundbild haben und der Text (welchen ich noch hinzufügen muss) soll erst nach dem Bild kommen, wenn man runter scrollt
Auf der Impressum Seite soll der Beispieltext zum Uhrheberrecht nicht von ganz links nach ganz rechts auf dem Bildschirm gehen, sondern nur bis zu etwa der Mitte und dann einen Zeilenumbruch (soll sich nicht verschieben, wenn ich es mit anderem Browser benutze)

Ich habe schon selbst versucht, die oben genannten Dinge irgendwie zu fixen, aber entweder klappt es nicht oder meine Website stellt sich einmal auf den Kopf. Da wir auch erst die Basics in CSS hatten, weiß ich leider nicht mehr, als das, was ich schon gemacht habe.

Es wäre sehr hilfreich, wenn mir einer, der sich damit auskennt, weiterhelfen könnte und mir erklären kann, wie ich die oben genannten Kriterien umsetzen kann.

Ich bedanke mich schonmal sehr bei euch.

Grüße Alex

...zur Frage

Sony Vegas pro 16?

Wie kann ich mit einer 60% Tastatur frames nach rechts oder links gehen. Also ein Klick= 1 Frame nach einer Richtung?

...zur Frage

Dropdown Menü mit Links - HTML?

Ich möchte gerne ein Dropdown Menü auf meiner Webseite einfügen, in den man verschiedene links in den "Auswahlfeldern" hat.

Gemeint:

[Dropdown Menü]
[Link 1]
[Link 2]
[Link 3]
[Link 4]
[Link 5]

Wie kann ich es machen das diese Links funktionieren?

Könnt ihr mir eine Beispiele Code zeigen?

Geht das in HTML?

...zur Frage

Informatik HTML/CSS Bildlink Umrandung entfernen?

Im Rahmen des Informatikunterrichts sollten wir eine Website mit HTML erstellen.Fürs Layout sollten wir eine externe CSS-Datei nutzen. Ich habe mich dazu entschieden die Website der Schule in dem Logo zu verlinken <a href="..."><img src="logo.img" alt= "Schule"></a>. Im internen Broser von HTML Phase 5 Editor wird um den Link die eingestellt Linkfarbe Blau dargestellt (eingestellt für die ganze Website). Wie schaffe ich es die Farbe bei dem Bild/ die Umrandung zu entfernen/anpassen ohne das die anderen Links auch keine Farbe mehr hatten. Dies soll in der CSS-Datei geschehen.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen