kostenloser Webspace werbefrei: lima-city

frames

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

background base bildergalerie body design display explorer format fragen fram highlight information inhalt margin men mitte none ordner right startseite
  1. Autor dieses Themas

    vinothek

    vinothek hat kostenlosen Webspace.

    10:13, 3.8.2005
    Hell?! ich hab da mal ne frage zu frames. was ich bisher geh?rt hab macht man eine framepage oder so und da kommt, je nach dem, eine seite und noch mindestens eine rein und zusammen kann man die dann nebeneinander setzten und dann hat man nen frame oder wie? kann mir das mal jemand erkl?ren und ein paar befehle dazu aschreiben
    Danke Vinothek


    EDIT 0-checka:
    Verschoben ins passende Forum




    Beitrag ge?ndert am 1.02.2006 10:45 von 0-checka

  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. a******9

    10:26, 3.8.2005
    Bitte verschieben
    Klaro!
    Das ganze ist in HTML.
    Ganz einfach w?re das hier:


    <html>
    <head>
    <title>Text</title>
    </head>
    <frameset cols="250,100">
    <frame src="verweise.htm" name="Navigation">
    <frame src="startseite.htm" name="Daten">
    <noframes>
    Ihr Browser kann diese Seite leider nicht anzeigen!
    </noframes>
    </frameset>
    </html>

    damit w?rdest du eine Frameseite aufmachen.
    Auf der Frameseite sind die Folgenden Frames:
    Navigation [mit der verweise.htm]
    Daten [mit der startseite.htm]

    An Hand des beispeils siehst du noch die Zeile
    <frameset cols="250,100">
    Die bedeutet folgendes:
    das frame wird durch den frameset 'TAG' ge?ffnet.
    mit cols="250,100" Werden spalten erzeugt.
    W?rdest du stattdessen
    <frameset rows="250,100">
    benutzen, w?ren es spalten.

    Weitere Sachen findest du hier:
    http://de.selfhtml.org/html/frames/


    Und wenn du wieder ne HTML Frage hast guck erstmal hier:
    http://de.selfhtml.org/


    :biggrin:

  4. w****e

    10:27, 3.8.2005
    das hier w?re z.B.
    erstell einfach mal folgende Dateien in ein und dem selben Ordner

    index.html
    [/code]
    <html>

    <head>
    <title>Design "green in green"</title>
    <meta http-equiv="Content-Type"
    content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="format.css" >
    </head>

    <frameset rows="64,*,30" framespacing="0" border="0" frameborder="0">
    <frame name="ban" scrolling="no" noresize target="Inhalt" src="oben.html">
    <frameset cols="208,*">
    <frame name="menue" target="main" src="menue.html" scolling="no">
    <frame name="main" src="inhalt.html">
    </frameset>
    <frame name="foot" scrolling="no" noresize target="Inhalt" src="unten.html">
    <noframes>
    <body>

    <p>Diese Seite verwendet Frames. Frames werden von Ihrem Browser aber nicht
    unterst?tzt.</p>

    </body>
    </noframes>
    </frameset>

    </html>
    [/code]

    oben.html
    <html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="format.css" >

<script>
<!--
function BlurLinks(){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks[i].onfocus=new Function("if(this.blur)this.blur()");
}
}

onload=BlurLinks;
-->
</script>
<base target="Inhalt">
</head>
<body  bgcolor="#a9c4b5" text="#000000" topmargin="0" marginheight="0"  leftmargin="0" marginwidth="0" scroll=no>
<table border="0" cellpadding="0" cellspacing="0"  width="100%">
<tr>
<td align="center" width="100%" height="41"><br>
<span >&nbsp;<b >:::</b>&nbsp;&nbsp;Name der Homepage&nbsp;&nbsp;<b   >:::</b>&nbsp;</span></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0"  width="100%">
<tr>
<td>
</td>
</tr>
</table>
</body>
</html>


    menue.html
    <html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="format.css" >

<script>
<!--
function BlurLinks(){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks[i].onfocus=new Function("if(this.blur)this.blur()");
}
}

onload=BlurLinks;
-->
</script>
<base target="main">
</head>
<body  bgcolor="#a9c4b5" text="#000000" topmargin="0" marginheight="0"  leftmargin="0" marginwidth="0" >

<table border="0" cellpadding="0" cellspacing="0"  width="208">
<tr>
<td valign="top"  width="208">

<!-- beginn kopf-->
<table  border="0" cellpadding="0" cellspacing="0"  width="208" height="89"  >
<tr>
<td valign="top" height="37" ></td>
</tr>
<tr>
<td valign="top" height="19" >
  <p align="center">Men&uuml;</td>
</tr>
</table>
</td>
<!-- ende men? kopf -->
</tr>

<tr>
<td width="208">
>
<table bgcolor="#bacec2" width="208" border="0" cellpadding="0" cellspacing="0"   >
<tr>
<td bgcolor="a9c4b5" width="30" >&nbsp;</td>
<td width="165" >
<table width="165"  bgcolor="#bacec2" id="menu1" border="0" cellpadding="0" cellspacing="0"  >
<tr>
<td ><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Startseite</a></td>
</tr>
<tr>
<td><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Bildergalerie</a></td>
</tr>
<tr>
<td><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Informationen &uuml;ber ...</a></td>
</tr>
<tr>
<td><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Weitere Links</a></td>
</tr>
<tr>
<td><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Weitere Links</a></td>
</tr>
<tr>
<td><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Weitere Links</a></td>
</tr>
<tr>
<td><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Impressum</a></td>
</tr>

</table>


</td><td bgcolor="a9c4b5" width="10" >&nbsp;</td>
</tr>
</table>
</td>
<!-- ende men? mitte -->
</tr>
<tr>
<!-- men? fuss -->
<td valign="top" width="208">

<table border="0" cellpadding="0" cellspacing="0"  width="208">
<tr>
<td  ></td>
</tr>
</table>

</td>
<!-- ende fuss -->


</tr>
</table>
</body>
</html>


    inhalt.html
    <html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="format.css" >

<script>
<!--
function BlurLinks(){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks[i].onfocus=new Function("if(this.blur)this.blur()");
}
}

onload=BlurLinks;
-->
</script>
</head>
<body  style="background-color:#b9cdc1" bgcolor="#b9cdc1" text="#000000" topmargin="0" marginheight="0"  leftmargin="0" marginwidth="0">

<p align="center">&nbsp;</p>
<p align="center">Diese Seite ist die Startseite</p>









</body>
</html>


    unten.html
    <html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="format.css" >
<script>
<!--
function BlurLinks(){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks[i].onfocus=new Function("if(this.blur)this.blur()");
}
}

onload=BlurLinks;
-->
</script>
<base target="Inhalt">
</head>
<body  bgcolor="#a9c4b5" text="#000000" topmargin="0" marginheight="0"  leftmargin="0" marginwidth="0">
<table border="0" cellpadding="0" cellspacing="0"  width="100%">
<tr>
<td align="center"  width="100%" style="font-size:7pt" >&nbsp;www.ihreseite.de</td>
</tr>
</table>

</body>
</html>


    format.css
    /* schriftstil,abst?nde */

body
{color: #000000; background-color:#a9c4b5; font-family: verdana,arial; font-size: 10pt;}

table,tr,td
{margin-top: 0px; margin-left: 0px; margin-right: 0px; color: #000000 ;font-family: verdana,arial; font-size: 10pt; }

/* scrolleiste internet explorer ab vers.5.5 */

body
{scrollbar-arrow-color: white; scrollbar-base-color: #a9c4b5;
scrollbar-highlight-color : white; scrollbar-shadow-color :#ffffff;
SCROLLBAR-TRACK-COLOR: #a9c4b5;}



/* menue linke seite */

#menu1 a {display:block;color:black;
text-decoration:none ;font-family:verdana, sans-serif;
font-size: 10pt;
width:168px;
background-color:#BCC5C1;
border-top:solid 1px #bacec2;
border-bottom:solid 1px #bacec2;
}

#menu1 a:visited{ ;color:black;
text-decoration:none;font-family:verdana, sans-serif;
font-size: 10pt;
width:168px;

background-color:#BCC5C1;
border-top:solid 1px #bacec2;
border-bottom:solid 1px #bacec2;
}


#menu1 a:active{ color:black;text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt; width:168px;
background-color:#BCC5C1;
border-top:solid 1px #bacec2;
border-bottom:solid 1px #bacec2;
}

#menu1 a:hover {
 color: white;  text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;
width:168px;
background-color:#B3CEBA;
border-top:solid 1px #ffffff;
border-bottom:solid 1px #ffffff;
}


/* allgemeine links im text */

a:link{ color: black; text-decoration:underline; ;font-family: verdana; font-size: 10pt; }

a:visited{color: black;text-decoration:underline;font-family: verdana; font-size: 10pt; }

a:active{ color:black;text-decoration:underline;font-family: verdana; font-size: 10pt; }

a:hover{ color: #ffffff;  text-decoration:underline;font-family: verdana; font-size: 10pt; }


    mfg
    web4me

  5. w****e

    10:35, 3.8.2005
    das hier w?re z.B.
    erstell einfach mal folgende Dateien in ein und dem selben Ordner

    index.html
    [/code]
    <html>

    <head>
    <title>Design "green in green"</title>
    <meta http-equiv="Content-Type"
    content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="format.css" >
    </head>

    <frameset rows="64,*,30" framespacing="0" border="0" frameborder="0">
    <frame name="ban" scrolling="no" noresize target="Inhalt" src="oben.html">
    <frameset cols="208,*">
    <frame name="menue" target="main" src="menue.html" scolling="no">
    <frame name="main" src="inhalt.html">
    </frameset>
    <frame name="foot" scrolling="no" noresize target="Inhalt" src="unten.html">
    <noframes>
    <body>

    <p>Diese Seite verwendet Frames. Frames werden von Ihrem Browser aber nicht
    unterst?tzt.</p>

    </body>
    </noframes>
    </frameset>

    </html>
    [/code]

    oben.html
    <html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="format.css" >

<script>
<!--
function BlurLinks(){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks[i].onfocus=new Function("if(this.blur)this.blur()");
}
}

onload=BlurLinks;
-->
</script>
<base target="Inhalt">
</head>
<body  bgcolor="#a9c4b5" text="#000000" topmargin="0" marginheight="0"  leftmargin="0" marginwidth="0" scroll=no>
<table border="0" cellpadding="0" cellspacing="0"  width="100%">
<tr>
<td align="center" width="100%" height="41"><br>
<span >&nbsp;<b >:::</b>&nbsp;&nbsp;Name der Homepage&nbsp;&nbsp;<b   >:::</b>&nbsp;</span></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0"  width="100%">
<tr>
<td>
</td>
</tr>
</table>
</body>
</html>


    menue.html
    <html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="format.css" >

<script>
<!--
function BlurLinks(){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks[i].onfocus=new Function("if(this.blur)this.blur()");
}
}

onload=BlurLinks;
-->
</script>
<base target="main">
</head>
<body  bgcolor="#a9c4b5" text="#000000" topmargin="0" marginheight="0"  leftmargin="0" marginwidth="0" >

<table border="0" cellpadding="0" cellspacing="0"  width="208">
<tr>
<td valign="top"  width="208">

<!-- beginn kopf-->
<table  border="0" cellpadding="0" cellspacing="0"  width="208" height="89"  >
<tr>
<td valign="top" height="37" ></td>
</tr>
<tr>
<td valign="top" height="19" >
  <p align="center">Men&uuml;</td>
</tr>
</table>
</td>
<!-- ende men? kopf -->
</tr>

<tr>
<td width="208">
>
<table bgcolor="#bacec2" width="208" border="0" cellpadding="0" cellspacing="0"   >
<tr>
<td bgcolor="a9c4b5" width="30" >&nbsp;</td>
<td width="165" >
<table width="165"  bgcolor="#bacec2" id="menu1" border="0" cellpadding="0" cellspacing="0"  >
<tr>
<td ><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Startseite</a></td>
</tr>
<tr>
<td><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Bildergalerie</a></td>
</tr>
<tr>
<td><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Informationen &uuml;ber ...</a></td>
</tr>
<tr>
<td><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Weitere Links</a></td>
</tr>
<tr>
<td><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Weitere Links</a></td>
</tr>
<tr>
<td><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Weitere Links</a></td>
</tr>
<tr>
<td><a href="inhalt.html" target="main">&nbsp;&raquo;&nbsp;Impressum</a></td>
</tr>

</table>


</td><td bgcolor="a9c4b5" width="10" >&nbsp;</td>
</tr>
</table>
</td>
<!-- ende men? mitte -->
</tr>
<tr>
<!-- men? fuss -->
<td valign="top" width="208">

<table border="0" cellpadding="0" cellspacing="0"  width="208">
<tr>
<td  ></td>
</tr>
</table>

</td>
<!-- ende fuss -->


</tr>
</table>
</body>
</html>


    inhalt.html
    <html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="format.css" >

<script>
<!--
function BlurLinks(){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks[i].onfocus=new Function("if(this.blur)this.blur()");
}
}

onload=BlurLinks;
-->
</script>
</head>
<body  style="background-color:#b9cdc1" bgcolor="#b9cdc1" text="#000000" topmargin="0" marginheight="0"  leftmargin="0" marginwidth="0">

<p align="center">&nbsp;</p>
<p align="center">Diese Seite ist die Startseite</p>









</body>
</html>


    unten.html
    <html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="format.css" >
<script>
<!--
function BlurLinks(){
lnks=document.getElementsByTagName('a');
for(i=0;i<lnks.length;i++){
lnks[i].onfocus=new Function("if(this.blur)this.blur()");
}
}

onload=BlurLinks;
-->
</script>
<base target="Inhalt">
</head>
<body  bgcolor="#a9c4b5" text="#000000" topmargin="0" marginheight="0"  leftmargin="0" marginwidth="0">
<table border="0" cellpadding="0" cellspacing="0"  width="100%">
<tr>
<td align="center"  width="100%" style="font-size:7pt" >&nbsp;www.ihreseite.de</td>
</tr>
</table>

</body>
</html>


    format.css
    /* schriftstil,abst?nde */

body
{color: #000000; background-color:#a9c4b5; font-family: verdana,arial; font-size: 10pt;}

table,tr,td
{margin-top: 0px; margin-left: 0px; margin-right: 0px; color: #000000 ;font-family: verdana,arial; font-size: 10pt; }

/* scrolleiste internet explorer ab vers.5.5 */

body
{scrollbar-arrow-color: white; scrollbar-base-color: #a9c4b5;
scrollbar-highlight-color : white; scrollbar-shadow-color :#ffffff;
SCROLLBAR-TRACK-COLOR: #a9c4b5;}



/* menue linke seite */

#menu1 a {display:block;color:black;
text-decoration:none ;font-family:verdana, sans-serif;
font-size: 10pt;
width:168px;
background-color:#BCC5C1;
border-top:solid 1px #bacec2;
border-bottom:solid 1px #bacec2;
}

#menu1 a:visited{ ;color:black;
text-decoration:none;font-family:verdana, sans-serif;
font-size: 10pt;
width:168px;

background-color:#BCC5C1;
border-top:solid 1px #bacec2;
border-bottom:solid 1px #bacec2;
}


#menu1 a:active{ color:black;text-decoration:none;font-family:verdana, sans-serif; font-size: 10pt; width:168px;
background-color:#BCC5C1;
border-top:solid 1px #bacec2;
border-bottom:solid 1px #bacec2;
}

#menu1 a:hover {
 color: white;  text-decoration:none ;font-family:verdana, sans-serif; font-size: 10pt;
width:168px;
background-color:#B3CEBA;
border-top:solid 1px #ffffff;
border-bottom:solid 1px #ffffff;
}


/* allgemeine links im text */

a:link{ color: black; text-decoration:underline; ;font-family: verdana; font-size: 10pt; }

a:visited{color: black;text-decoration:underline;font-family: verdana; font-size: 10pt; }

a:active{ color:black;text-decoration:underline;font-family: verdana; font-size: 10pt; }

a:hover{ color: #ffffff;  text-decoration:underline;font-family: verdana; font-size: 10pt; }


    mfg
    web4me

  6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

Login zum Webhosting ohne Werbung!

Hast Du schon kostenlosen Webspace oder bist Du auf der Suche nach WordPress-Hosting mit Staging-Funktion und wp-cli? Jetzt günstige Prepaid Domains registrieren!