XHTMLforum

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)

grazioli 29.07.2005 00:06

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

Swoop 29.07.2005 00:09

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

grazioli 29.07.2005 00:18

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

RoToRa 29.07.2005 12:38

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

IChao 29.07.2005 12:52

@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?

RoToRa 29.07.2005 13:18

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

IChao 29.07.2005 13:24

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/


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:51 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2021, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2020