Ramka na div

pytanie zadane 28 października 2022 w HTML i CSS przez michalMonster Początkujący (390 p.)

Siemka, muszę zrobić, żeby po kliknięciu w tekst po lewj stronie odpalał się plik po prawej stronie w ramce. Totalnie tego nie rozumiem i zrobiłem coś takiego ale nie działa. Proszę o pomoc z tym.

Kod HTML:

<html>
    <head>
        <meta charset="utf-8">
        <title>Aplikacje internetowe</title>
        <link rel="icon" type="img/png" sizes="16x16" href="/img/favicon.png">
    <link rel="stylesheet" href="css/aplikacje.css">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        <div class="logo">
            <img src="img/logo_app.png" alt="logo"/>
        </div>
        <div class='banner'>
            <!--<img src="img/logo_app.png" alt="logo"/>-->
      <p><b>michalMonster</b></p>
    </div>
    <div class='menu'>
      <p><b>MENU</b></p>
         <ul>
           <li><a target="tresc">SVG</a></li>
         </ul>
    </div>
        <div class='tresc'>
            <p><b>Treść Zadania</b></p>
          <frameset cols="180,*">
            <frame name="tresc" src="aplikacje/svg.html">
          </frameset>
        </div>
        <div class='stopka'>
            <p><b>STOPKA</b></p>
        </div>
    </body>
</html>

1 odpowiedź

odpowiedź 28 października 2022 przez Comandeer Guru (608,860 p.)
wybrane 28 października 2022 przez michalMonster

Najlepsza

Powinieneś tutaj użyć ramki iframe, nie frame.

Dodatkowo linki potrzebuje atrybutu [href] wskazującego na plik ze stroną, którą chcemy wczytać do ramki. Samo [target] nie wystarczy – ono określa tylko, gdzie strona ma się wczytać (czyli w ramce), natomiast [href] określa, co się ma tam wczytać.

Przykład: https://codepen.io/Comandeer/pen/JjZdNxG