Scar4U.de Foren-Übersicht Scar4U.de
Scar4u.de Support Forum
 
 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

css wird nicht angewand?

 
Neues Thema eröffnen   Neue Antwort erstellen    Scar4U.de Foren-Übersicht -> ScarBook
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
MetalBerlin



Anmeldedatum: 02.03.2007
Beiträge: 3

BeitragVerfasst am: 02.03.2007, 16:38    Titel: css wird nicht angewand?

Hallo zusammen...

ich bin leider ein blutige Anfänger, also bitte nicht wundern, wenn ich n bissel blöde rüber komme!!

Mein Problem ist ein rein optisches! Ich möchte, dass mein Gästebuch in meine Website passt.
So sieht sie aus: www.algeta.de
In dem weißen Bereich soll quasie das Gästebuch.
Im Moment sieht es so aus: http://www.algeta.de/scarbook/scarbook.php

Wie mache ich das??

Hier der Code meiner index.htm
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="de">
<head>
  <meta content="en-us" http-equiv="Content-Language">
  <meta content="Microsoft FrontPage 5.0" name="GENERATOR">
  <meta content="FrontPage.Editor.Document" name="ProgId">
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="Content-Type">
  <title>Home</title>
  <link href="main.css" type="text/css"
 rel="stylesheet">
  <meta name="author" content="Matthias Jeutner">
  <script language="JavaScript">
<!-- Verstecke für ältere Browser --
var imagenumber = 10 ; //Anzahl der Grafiken
var randomnumber = Math.random() ;
var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1 ;
images = new Array
images[1] = "sicher/fotos/bilder/hoch/01.jpg"
images[2] = "sicher/fotos/bilder/hoch/02.jpg"
images[3] = "sicher/fotos/bilder/hoch/03.jpg"
images[4] = "sicher/fotos/bilder/hoch/04.jpg"
images[5] = "sicher/fotos/bilder/hoch/05.jpg"
images[6] = "sicher/fotos/bilder/hoch/06.jpg"
images[7] = "sicher/fotos/bilder/hoch/07.jpg"
images[8] = "sicher/fotos/bilder/hoch/08.jpg"
images[9] = "sicher/fotos/bilder/hoch/09.jpg"
images[10] = "sicher/fotos/bilder/hoch/10.jpg"
var image1 = images[rand1]
// -- Ende verstecken -->
<!-- Verstecke für ältere Browser --
var imagenumber = 10 ; //Anzahl der Grafiken
var randomnumber = Math.random() ;
var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1 ;
images = new Array
images[1] = "sicher/fotos/bilder/hoch/10.jpg"
images[2] = "sicher/fotos/bilder/hoch/09.jpg"
images[3] = "sicher/fotos/bilder/hoch/08.jpg"
images[4] = "sicher/fotos/bilder/hoch/07.jpg"
images[5] = "sicher/fotos/bilder/hoch/06.jpg"
images[6] = "sicher/fotos/bilder/hoch/00.jpg"
images[7] = "sicher/fotos/bilder/hoch/04.jpg"
images[8] = "sicher/fotos/bilder/hoch/03.jpg"
images[9] = "sicher/fotos/bilder/hoch/02.jpg"
images[10] = "sicher/fotos/bilder/hoch/01.jpg"
var image2 = images[rand1]
// -- Ende verstecken -->
  </script>
</head>
<body>
<div align="center">
<center>
<table style="border-collapse: collapse;" id="AutoNumber1"
 border="0" bordercolor="#111111" cellpadding="0"
 cellspacing="0" height="199" width="100%">
  <tbody>
    <tr>
      <td background="ban.jpg" height="169"
 valign="bottom" width="100%">
      <div align="left">
      <table
 style="border-collapse: collapse; width: 229px; height: 43px;"
 id="AutoNumber3" border="0" bordercolor="#111111"
 cellpadding="0" cellspacing="0">
        <tbody>
          <tr>
            <td height="48" width="229"><font
 face="Tahoma" size="6">&nbsp;&nbsp; Kulla<font
 color="#ff9900">kekse</font></font></td>
          </tr>
          <tr>
            <td height="19" width="229"></td>
          </tr>
        </tbody>
      </table>
      </div>
&nbsp;
      <div align="center">
      <center>
      <table style="border-collapse: collapse;"
 id="AutoNumber2" border="0" bordercolor="#111111"
 cellpadding="0" cellspacing="0" height="38"
 width="731">
        <tbody>
          <tr>
            <td align="justify" background="button.gif"
 height="38" valign="bottom" width="115">
            <p align="center"><a rel="me"
 href="index.htm">Home</a></p>
            </td>
            <td align="justify" background="button.gif"
 height="38" valign="bottom" width="115">
            <p align="center"><a rel="me"
 href="sicher/ereignisse.htm">Ereignisse</a></p>
            </td>
            <td align="justify" background="button.gif"
 height="38" valign="bottom" width="115">
            <p align="center"><a rel="me"
 href="sicher/Fotos/fotoalbum.htm">Fotos</a></p>
            </td>
            <td align="justify" background="button.gif"
 height="38" valign="bottom" width="115">
            <p align="center"><a rel="me"
 href="http://www.algeta.de/scarbook/scarbook.php">G&auml;stebuch</a></p>
            </td>
            <td align="justify" background="button.gif"
 height="38" valign="bottom" width="115">
            <p align="center"><a rel="me"
 href="kontakt.htm">Kontakt</a></p>
            </td>
            <td align="justify" background="button.gif"
 height="38" valign="bottom" width="115">
            <p align="center"><a rel="me"
 href="links.htm">Links</a></p>
            </td>
          </tr>
        </tbody>
      </table>
      </center>
      </div>
      </td>
    </tr>
    <tr>
      <td
 style="border-width: 1px; border-top-style: solid; border-bottom-style: solid;"
 background="nav.jpg" bgcolor="#f0f1ff" height="28"
 width="100%">&nbsp;</td>
    </tr>
    <tr>
      <td height="2" width="100%"></td>
    </tr>
  </tbody>
</table>
</center>
</div>
<center>
<div class="link2" align="center">
<table style="border-collapse: collapse; width: 100%; height: 383px;"
 id="AutoNumber4" border="2" bordercolor="#111111"
 cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td class="link1" id="body"
 style="width: 20%; vertical-align: top; height: 336px; background-color: rgb(113, 142, 214); text-align: center;">
      <p align="center"><font color="#ffffff"
 size="2"> </font></p>
      <script language="JavaScript">
<!-- Verstecken für ältere Browser --
document.write('<IMG SRC="' + image1 + '">')
// -- Ende verstecken -->
      </script>
      </td>
      <td style="width: 61%; vertical-align: top; height: 336px;">&nbsp;
Herzlich willkommen!!<br>
      <br>
&nbsp;Kullerkekse - <br>
      </td>
      <td
 style="width: 19%; vertical-align: top; height: 336px; background-color: rgb(113, 142, 214); text-align: center;">
      <p align="center"><font color="#ffffff"
 size="2"> </font></p>
      <script language="JavaScript">
<!-- Verstecken für ältere Browser --
document.write('<IMG SRC="' + image2 + '">')
// -- Ende verstecken -->
      </script>
      </td>
    </tr>
    <tr>
      <td colspan="3"
 style="border-width: 1px; border-top-style: solid; border-bottom-style: solid;"
 background="nav.jpg" height="28" width="100%">
      <p align="center"><font size="2">&copy;
2007 &nbsp;M.Jeutner</font><span
 style="text-decoration: underline;"></span></p>
      </td>
    </tr>
  </tbody>
</table>
</div>
</center>
</body>
</html>



Hoffe Ihr könnt mir helfen!!

Gruß

MB
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Christian
Scar4U


Anmeldedatum: 13.03.2006
Beiträge: 1018
Wohnort: Wiesbaden

BeitragVerfasst am: 04.03.2007, 19:59    Titel:

- in einer reinen *.html datei kann man maximal ein IFrame einbauen und darin das scarbook anzeigen.

- man kann aber auch einfach das gesamte "drum-herum" in die zwei templates im scarbook einbinden

- oder eine php datei erstellen und dort mit include() das scarbook einbinden, siehe: http://faq.scar4u.de/index.php/ScarBook_v1.3#NONE-Frame_-_Seiten.2C_include.28.29.3B
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
MetalBerlin



Anmeldedatum: 02.03.2007
Beiträge: 3

BeitragVerfasst am: 12.03.2007, 21:54    Titel:

Hey ... danke für deine schnelle Antwort ... hatte leider zur Zeit keine Zeit um weiter an meiner Hp zu bauen .... hab gerade mir deinen Link angesehn ... sorry, aber ich versteh das ganze nich ...
Ich arbeite mit dem NVU ... dort gestallte ich mir meine Seiten ... der Quelltext wird automatisch dementspechend erstellt ... ich wollte dort einfach in die mitlere Tabelle das Gästebuch haben, doch leider kann man keine 2 css zusammen in einer html datei haben ...
du hattets mir zwar zwei möglichkeiten genannt, aber leider fehlt mir das wissen, wie ich das ganze anstelle ...

Danke im Voraus
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Christian
Scar4U


Anmeldedatum: 13.03.2006
Beiträge: 1018
Wohnort: Wiesbaden

BeitragVerfasst am: 13.03.2007, 15:59    Titel:

NVU kommt nicht mit der smarty-template-engine klar. zumindest war das bisher bei einigen anderen anwendern der fall.

man kann soviele css-angaben in einer datei hinterlegen, wie man möchte, da gibt es keine limits.

iframes sind die einfachste lösung, siehe: http://de.selfhtml.org/html/frames/eingebettete.htm
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
MetalBerlin



Anmeldedatum: 02.03.2007
Beiträge: 3

BeitragVerfasst am: 13.03.2007, 16:24    Titel:

hey ... danke !!

Hab das auch noch anders hinbekommen ....
ich hab die gaestebuch.htm datei in gaestebuch.php geändert und diese in ein e meiner leeren Vorlagen an endsprechender stelle mit <?php include ('scarbook.php'); ?> eingebunden.

Funktioniert super!!

Aber danke für die Hilfe !!

LG
MB
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Christian
Scar4U


Anmeldedatum: 13.03.2006
Beiträge: 1018
Wohnort: Wiesbaden

BeitragVerfasst am: 13.03.2007, 20:04    Titel:

das ist dann praktisch die dritte variante Wink
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Sashman



Anmeldedatum: 08.05.2007
Beiträge: 2

BeitragVerfasst am: 09.05.2007, 03:43    Titel: Verstehe ich nicht...

Hallo Scar...
Ich hab da auch mal eine Frage...
Ich verstehe immer noch nicht so genau, wie ich das hin bekomme, das der Style des GB`s genau so aussieht, wie der von der HP!!! kann mit dem FAQ leider nix anfangen... ( ick bin Blöd, oder???)
der Style soll so aussehen, wie die seite: www.tsc-blau-rot-siegburg.de

aba wie machen???

Hoffe, die Frage ist nicht zu dämlich, und ich bekomme ein bissl hilfe...
Danke schon mal im Vorraus
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Christian
Scar4U


Anmeldedatum: 13.03.2006
Beiträge: 1018
Wohnort: Wiesbaden

BeitragVerfasst am: 09.05.2007, 10:59    Titel:

das gesamte layout wird im html angepasst. viel erklären kann man daher nicht so wirklich. schon folgendes gelesen?

siehe: http://faq.scar4u.de/index.php/ScarBook_v1.3#Templates_.2F_Layout
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Sashman



Anmeldedatum: 08.05.2007
Beiträge: 2

BeitragVerfasst am: 14.05.2007, 10:36    Titel: Hintergrund ändern???

Ja, hab ich gelesen, kann damit aber leider nix anfangen...
Habe einen code,
Code:

#logo {
   background: url(resources/_wsb_logo.jpg) no-repeat;
}
#key_visual {
   background: url(resources/_wsb_keyvisual.JPG) no-repeat;
}
#slogan {
  font-family: arial, verdana, tahoma, sans-serif;
  font-style: normal;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #c6b3b3;
}
#main_nav_list a.main_nav_active_item {
  background: url(images/dynamic/buttonset5/n1activeitem.gif) no-repeat;
  font-family: arial, verdana, tahoma, sans-serif;
  font-style: normal;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}
#main_nav_list a.main_nav_item {
  background: url(images/dynamic/buttonset5/n1.gif) no-repeat;
  font-family: arial, verdana, tahoma, sans-serif;
  font-style: normal;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}
#main_nav_list a.main_nav_item:hover {
  background: url(images/dynamic/buttonset5/n1hover.gif) no-repeat;
  font-family: arial, verdana, tahoma, sans-serif;
  font-style: normal;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
}
.sub_nav_list a.sub_nav_active_item {
  background: url(images/dynamic/buttonset5/subnav1active.gif) no-repeat;
  font-family: arial, verdana, tahoma, sans-serif;
  font-style: normal;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}
.sub_nav_list a.sub_nav_item {
  background: url(images/dynamic/buttonset5/subnav1.gif) no-repeat;
  font-family: arial, verdana, tahoma, sans-serif;
  font-style: normal;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  color: #fff;
}
.sub_nav_list a.sub_nav_item:hover {
  background: url(images/dynamic/buttonset5/subnav1hover.gif) no-repeat;
  font-family: arial, verdana, tahoma, sans-serif;
  font-style: normal;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}
#content_container h1 {
  font-family: arial, verdana, tahoma, sans-serif;
  font-style: normal;
  font-size: 28px;
  font-weight: normal;
  text-decoration: none;
  color: #b7d1e2;
}
#content_container h2 {
  font-family: arial, verdana, tahoma, sans-serif;
  font-style: normal;
  font-size: 24px;
  font-weight: normal;
  text-decoration: none;
  color: #b7d1e2;
}
#content_container h3 {
  font-family: arial, verdana, tahoma, sans-serif;
  font-style: normal;
  font-size: 20px;
  font-weight: normal;
  text-decoration: none;
  color: #b7d1e2;
}
#content_container, #content_container p {
  font-family: arial, verdana, tahoma, sans-serif;
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #FFFFFF;
}
#content_container a:visited {
  font-family: arial, verdana, tahoma, sans-serif;
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
  color: #1455e0;
}
#content_container a:link {
  font-family: arial, verdana, tahoma, sans-serif;
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
  color: #3366CC;
}
#content_container a:hover {
  font-family: arial, verdana, tahoma, sans-serif;
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
  color: #3366CC;
}
#content_container a:active {
  font-family: arial, verdana, tahoma, sans-serif;
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
  color: #3366CC;
}
#footer_text {
  font-family: arial, verdana, tahoma, sans-serif;
  font-style: normal;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #fff;
}



den habe ich in den template von dem scarbook eingefügt, also in den scarbook.css!
Aber es bleibt dann alles beim alten!!!
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Christian
Scar4U


Anmeldedatum: 13.03.2006
Beiträge: 1018
Wohnort: Wiesbaden

BeitragVerfasst am: 14.05.2007, 11:31    Titel:

warum die gewählten css eigenschaften nicht zur anwendung kommen sind aber reine html/css-probleme. sie haben nichts mit dem scarbook selbst zu tun. wenn die defintionen in der bestehenden css eingebunden wurde, werden die eigentschaften wohl einfach nicht im layout angewendet.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    Scar4U.de Foren-Übersicht -> ScarBook Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de
 
Scar4U.de | Impressum | BackTix - Textlink Marktplatz