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 Beitragsersteller 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 Beiträge

Transparente bilder in html css einfügen?

hallo wie kann ich diese Bild in html einfügen so das man die Kästchen nicht mehr sieht so das es transparent wird

...zum Beitrag

Kann jemand diesen Button in HTML CSS umwandeln?

Hallo,

schafft es jemand, mir diesen Button in HTML und CSS zu machen?

Border color ist #f5bf8c

Font color ist #363639

Gradient links ist #fdc591

Gradient recht ist #cd9969

Und dann ist da noch so ein kleiner Schatten nach außen (gold) und nach Innen ein kleiner, schwarzer Schatten

...zum Beitrag

Kann man mit html/ css eine Seite automatisch an den Bildschirm anpassen?

Hallo,

jede website die ich im Internet sehe passt sich ohne probleme an die Bildschirm größe automatisch an. Meine Seite tut das nicht ( bin neu in css und co). Gibt es eine Möglichkeit, dass sich mit css/html die Seite an jede Bildschirmgröße anpasst ? oder braucht man ein skript (JS oder PHP)? Irgendwie müssen es die anderen Websites ja schaffen ^^ Google hab ich übrigends rauf und runter durchsucht alle lösungen dort haben mir nicht geholfen.

Der HTML code lässt sich leider nicht einfügen.

LG Mares

...zum Beitrag

HTML/ Kann man nur in HTML eine Sternebewertung einfügen?

Also nur HTML (nicht CSS)

...zum Beitrag

HTML - Verlinkte Email-Adresse soll nicht blau sein/werden?

Ich habe ein blaues Feld, in dem im Editor meine E-Mail-Adresse so

<a href="mailto:testmail@gmail.com">testmail@gmail.com</a>

drin steht.

Der E-Mail-Adresse habe ich "yellow" zugewiesen,

testmail@gmail.com

aber sie ist blau wie bei einem angeklickten Link und somit unleserlich.

Wie kann ich das verhindern? Ich beherrsche nur HTML kein CSS.

...zum Beitrag

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.

...zum Beitrag

Bilder tabellarisch anordnen?

Hallo,

wie ordne ich Bilder (die ich über einen externen Link bekomme) tabellarisch an, dass ich immer z.B. 5 in einer Reihe habe? Mache ich das über HTML oder CSS und wenn ja, wie lauten die Befehle dafür? Eine Tabelle anlegen über HTML bringt ja nicht viel oder? Oder kann ich da den Link von dem ich die Bilder bekomme einbeziehen?

Danke schon mal im voraus

Liebe Grüße Irgendwer1501

...zum Beitrag

Wie kann ich ein kleines Bild in einem HTML Button einfügen?

Ich möchte gerne auf meinem Button ein kleines Bild in der rechten Ecke mittels HTML oder CSS einfügen aber nach lange suchen konnte ich nicht finden wie der richtige Code dafür ist?

So soll ungefähr der HTML Code aussehen aber ich bekomme das Bild nicht richtig auf dem Button drauf. Bitte um Hilfe ist sehr dringend!!!

...zum Beitrag

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.

...zum Beitrag

HTML+CSS leere Zeile einfügen?

Wie kann ich in meine HTML+CSS Seite eine leere Zeile einfügen?

Ich meine KEINE leere Zeile mit

"<p></p>" oder "<br>"

Sondern eine mit farbigem Hintergrund!

KANN AUCH GERNE MIT CSS BEFEHLEN SEIN, DIESE ABER DANN BITTE KURSIV,... MACHEN

VIELEN DANK SCHON IM VORRAUS

...zum Beitrag

HTML / CSS: Warum lässt sich das Bild nicht nach links bewegen?

HTML:

<div class="mittecrew_png">
  <img src="mittecrew.png" height="105"; widht="1505";>
  <a href="#"></a>
</div>

CSS:

.mittecrewpng {
  margin-left: 100px;
}

...zum Beitrag

Hintergrund HTML, CSS Bild?

Hallo zusammen,

ich will das auf meiner Webseite auf der rechten hälfte das Bild ist und auf der linken Seite eine Farbe z.B. Grau, wie kann ich's machen dass sich das rechte bild sich dann zur mitte in die Hintergrundfarbe verläuft?

Danke!

...zum Beitrag

Html und Css; Wieso wird der Text am Ende als Link dargestellt?

Hallo,

es geht um folgenden Code:

<!doctype html>
<html lang="de">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="widt=device-width, initale-scale=1">
        <meta name="description" content="Beschreibung">
        <title>Test html Grundgeruest</title>
    </head>
    <body>
    </body>
</html>

</br>
</br>
</br>

ERSTELLUNG EINES LINKS</br>
<a href="irgendwohin.html">Hier Klicken</a>
Nach "href=" steht die Datei, die aufgerufen werden soll, diese muss in Gänsefüsschen stehen.</br>
"Hier Klicken" ist der für den Benutzer sichtbare Text, der angeklickt </br>
werden soll. Achtung Attribute wie href stehen immer nur im Start-Tag, nie im End-Tag.</br>
</br>
</br>
</br>

EINFÜGEN VON BILDERN</br>
<img src="https://localhost/Schulung_Html_und_Css/Html/Vorgang_02_HTML_Grundgeruest/Bilder/test.jpeg" alt="kurzbeschreibung" width="50px" height="50px">
</br>
</br>



    <!--
    - Beachte dass das Bild im selben Ordner liegen muss oder ein eindeutiger Link erzeugt werden muss.
    Wobei darauf zu achten ist, in welche die "/" schauen.
    -->
</br>
</br>
</br>
</br>



<p> Hier kann ein Text dargestellt werden </P>
<p> Hier kann ein weiterer Text dargestellt werden </p>
    <!--
    - Hat den Vorteil dass mit einem Stylesheet alle mit <p> gekennzeichneten "Container" mit einer Eingabe oder Umstellung Formatiert werden können.
    -->



<ul>
    <li><a href="https://www.google.com/">Google</></li>
    <li><a href="https://www.youtube.com/">Youtube</></li>
    <li><a href="https://www.bing.com/">Bing</></li>
    <li><a href="https://www.y-informer.com">y-informer.com</></li>
</ul>    

</br>
</br>
</br>

<p> Dies ist die Xampp installation</p>


    <!-- so wird ein Kommentar eingefügt. Dieser ist für den Besucher der Webseite nicht lesbar.
        Innerhalb des kommentars können auch html Befehle  eingegeben werden. Diese sollen zumindest
        keine auswirkungen auf die Eingabe haben.
        
        - Fehler der mir unterlaufen ist. Beim Einfügen von Bildern, sofern dieser im selben Ordner liegt muss hinter dem
        <img src noch ein "=" Zeichen. Wenn das Bild in einem leserlichen Format ist klappt es.
        -- Sofern das Bild an einem anderen Ort liegt, klappt es aber nicht, an der Lösung wird noch gearbeitet.
        
        Beachte:
        - Dateifadsangaben im internet -> "/"
        - Dateifadsangaben im Betriebssystem -> "\"
        - Die Angabe "localhost" beinhaltet bereits die "htdocs" entsprehcend ist im weiteren nur noch der Projektordner anzugeben.
        
        Merke: bei dem eigentlichen Turtorial:
        - Die Xamp Installation und Konfiguration durchgehen
        - kurze einführung wie das funktioniert mit dem Webspace -> PC -> Server -> Webspace -> Domain und so weiter.
        
    -->

Wenn ich mir den Code im Browser ansehe wird der Teil unten:


<p> Dies ist die Xampp installation</p>

als Link dargestellt wieso ist das so?

...zum Beitrag

Navbar in Css und Html drehen?

Ich möchte die Navigationsleiste drehen, damit sie wie auf diesem Bild aussieht. Der Titel „SafenSound“ sollte in der oberen linken Ecke sein, die „Künstler“ sollten in der oberen rechten Ecke um 90 Grad gedreht sein, die „Info“ sollte in der unteren linken Ecke um -90 Grad gedreht sein und die „Tickets“ sollten wieder normal in der unteren rechten Ecke sein. Und ich möchte auch, dass die Navigationsleiste fixiert wird, damit die Navigationsleiste beim Scrollen immer noch da ist

Derzeit sieht mein CSS so aus:

.StartseiteNav{

position:fixed;

}

.ArtistsNav{

position:fixed;

display:block;

width: 60px;

transform: rotate(90deg);

}

.InfoNav{

position:fixed;

display:block;

width: 60px;

transform: rotate(-90deg);

}

.TicketsNav{

position:fixed;

}

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen