XHTMLforum - Hilfe --> Frameseiten mit CSS zusammenbau

XHTMLforum (http://xhtmlforum.de/index.php)

- CSS (http://xhtmlforum.de/forumdisplay.php?f=73)

- - Hilfe --> Frameseiten mit CSS zusammenbau (http://xhtmlforum.de/showthread.php?t=36302)

Hilfe --> Frameseiten mit CSS zusammenbau

Hallo,

ich arbeite mich heute zum ersten mal in CSS!!

Ich habe zwei FrameSeiten aufgebaut (topFrame und leftFrame). Eine Css-Datei Namens grw.css mit folgendem Code:

Code:

body {

        font-family: Geneva, Arial, Helvetica, sans-serif;

        font-size: 8px;

        font-style: normal;

        font-weight: normal;

        font-variant: normal;

        color: #FFFFCC;



}



td {

        font-family: Arial, Helvetica, sans-serif;

        font-size: 16px;

        font-style: normal;

        font-weight: normal;

        font-variant: normal;

        color: #0000FF;



}



th {

        font-family: Geneva, Arial, Helvetica, sans-serif;

        font-size: 18px;

        font-style: normal;

        font-weight: normal;

        font-variant: normal;

        color: #33FF00;



}

wobei ich nicht weis für was der 'Body' und der 'th' ist!

Beide Frames greifen auf grw.css zu!
Nun habe ich im "leftFrame" nicht die gleiche Schrift wie im "topFrame" wie kann ich das jetzt unter einen Hut in einer CSS-Datei bringen?

Danke und Gruss

also durch deinen code kann man nur erraten, was du genau erstellen willst..

Zitat:

font-style: normal;
font-weight: normal;
font-variant: normal;

überflüssig, da standard..

zeig doch mal etwas mehr code, damit man sich ein Bild machen kann..

body ist quasi der "Körper" der eine Webseite umgibt und th ist der der tabellenkopf..

->http://de.selfhtml.org/navigation/su...frage=%3Cth%3E

Also:

leftFrame:

Code:

<LINK href="grw.css" type=text/css rel=stylesheet>

<body>





</p>

<table width="100%" border="0" id="leftFrame_Tab">

  <tr> 

    <td>

<div align="center">

        <table width="100%" border="0" align="center">

          <tr> 

            <td onMouseOver="this.style.backgroundColor='#DBDBDB'; this.style.cursor='pointer';" onMouseOut="this.style.backgroundColor='#FFFFFF'" 

                                  onclick="window.location.href='home.htm'" height="40" valign="middle"><div align="center"><font color="#DBDBDB"> 

                        Home</font></div></td>

          </tr>

          <tr> 

            <td onMouseOver="this.style.backgroundColor='#DBDBDB'; this.style.cursor='pointer';" onMouseOut="this.style.backgroundColor='#FFFFFF'" 

                                  onclick="window.location.href='home.htm'" height="40" valign="middle"><div align="center"><font color="#DBDBDB">  

                <a href="http://www......ch/ueberuns.htm">&Uuml;ber 

                uns</a></font></div></td>

          </tr>

          <tr> 

            <td onMouseOver="this.style.backgroundColor='#DBDBDB'; this.style.cursor='pointer';" onMouseOut="this.style.backgroundColor='#FFFFFF'" 

                                  onclick="window.location.href='home.htm'" height="40" valign="middle"><div align="center"><font color="#DBDBDB"> 

                L&ouml;sungen</font></div></td>

          </tr>

          <tr> 

            <td onMouseOver="this.style.backgroundColor='#DBDBDB'; this.style.cursor='pointer';" onMouseOut="this.style.backgroundColor='#FFFFFF'" 

                                  onclick="window.location.href='home.htm'" height="40" valign="middle"><div align="center"><font color="#DBDBDB">  

                Kontakt</font></div></td>

          </tr>

          <tr> 

            <td onMouseOver="this.style.backgroundColor='#DBDBDB'; this.style.cursor='pointer';" onMouseOut="this.style.backgroundColor='#FFFFFF'" 

                                  onclick="window.location.href='home.htm'" height="40" valign="middle"><div align="center"><font color="#DBDBDB"> 

                Referenzen</font></div></td>

          </tr>

          <tr> 

            <td onMouseOver="this.style.backgroundColor='#DBDBDB'; this.style.cursor='pointer';" onMouseOut="this.style.backgroundColor='#FFFFFF'" 

                                  onclick="window.location.href='home.htm'" height="40" valign="middle"><div align="center"><font color="#DBDBDB"> 

                Links</font></div></td>

          </tr>

        </table>

      </div></td>

  </tr>

</table>





</p>

</body>

</html>

und topFrame

Code:

<LINK 

href="grw.css" 

type=text/css rel=stylesheet>

<body>

<p class="grw">

<table width="100%" border="0">

  <tr> 

    <td width="40%" align="center" valign="middle"><div align="center">[img]../bilder/Logo.gif[/img]</div></td>

    <td width="60%" align="center" valign="middle"><table width="80%" border="0">

        <tr> 

          <td height="25%"><div align="center">Appertweg 7</div></td>

          <td height="25%"><div align="center">Telefon: 076/462'96'09</div></td>

        </tr>

        <tr> 

          <td height="25%"><div align="center">8853 Lachen-SZ</div></td>

          <td height="25%"><div align="center">Fax: 055/442'26'77</div></td>

        </tr>

        <tr> 

          <td height="25%"><div align="center">www.grazioli-web.ch</div></td>

          <td height="25%"><div align="center"></div></td>

        </tr>

      </table></td>

  </tr>

</table>





</p>

</body>

</html>

Ich hoffe Euch nützten diese zwei Codes!

Gruss Simon

Also zunächst solltest gar nicht erst mit Frames anfangen. Google mal nach "frames are evil" für unzählige Dokumente, die die Probleme von Frames erläutern.

Dann solltest du bevor du mit CSS anfängst erstmal die Grundlagen von HTML lernen, wenn du nicht mal weißt was der "body" ist. Auch dein HTML-Code deutet da auf Lücken hin.

Robin

@Robin: Vielleicht solltern wir uns darauf beschränken, Anfängern hilfreiche, praktikable Informationen zu geben.

Erster Tag mit CSS, ist doch grandios.

Angefangen habe ich auch mal mit frames und Tabellen und 1px spacer gifs.

Und meine erste Frage an css-d handelte über Probleme mit dem NN4.7 (das war 2004, glaube ich. Ja, die reden immer noch mit mir.)

Also: was schlägt man hier absolute beginners vor? Selfhtml? Oder was?

Zitat:

Zitat von IChao

@Robin: Vielleicht solltern wir uns darauf beschränken, Anfängern hilfreiche, praktikable Informationen zu geben.

Hmm, ich kam doch etwas zu hart rüber. Ich wollte eigentluc nur ausdrucken, das ohne fest HTML-Grundlage CSS nix bringt.

Warscheinlich ist selfhtml als Basis das beste der Fokus ist zwar immer noch auf Präsentation mit HTML als auf CSS, aber die wichtigsten Grundlagen (Was sind Elemente? Was ist die grundlegene Struktru von HTMl? Was ist der BODY? Infos über den DOCTYPE.) sind da.

Vielleicht hat mich auch dieser JavaScript/Navigations-Monstrum geschockt ;)

Robin

Zitat:

Zitat von RoToRa

Vielleicht hat mich auch dieser JavaScript/Navigations-Monstrum geschockt ;)
Robin

Ja, das ist erschreckend. Vor diesem Knoten kann man schon mal das Schwert zücken :shock:

@grazioli: also mal los zu http://de.selfhtml.org/