• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Style

Status
Für weitere Antworten geschlossen.
So das Gästebuch habe ich fertig.

Das Design auch nur ich verwende ich 2 .css.
Und der Standart.css ist von dem Gästebuch.

Und dort entsehen Gästebuch Styles Fehler Shcaut das.
Ich habe genau den gleichen Code wie dort.

Gästebuch
(old user) ~ Gästebuch


HTML:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>(old user) ~ News = Neue Textseite = Bilder</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="News = Neue Textseite = Bilder">
<meta name="keywords" content="(old user).Com News" />
<link href="screen.css" rel="stylesheet" type="text/css" media="screen" />
<style type="text/css">
a[title="Template master_green"] img {
border: 3px solid #ff0000;
}
a[title="Template master_green"] {
color: #ff0000;
}
 
</style>
<style type="text/css">
 
.BMlink {
 
vertical-align: bottom;
text-align: center;
}
.BMlink img {
border: 3px solid #ffffff;
}
.BMlink a:hover img {
border: 3px solid #6f92b4;
}
.BMlink a {
text-decoration: none;
 
}
.BMlink a:hover {
text-decoration: none;
color: #6f92b4;
}
 
</style>
</head>
<body class="page_bg">
<br />
<table width="632" height="156" border="0" align="center" cellpadding="0" cellspacing="0" class="header">
<tr> 
<td valign="top" height="156" width="630"> 
<table width="759" height="30" border="0" align="center" cellpadding="0" cellspacing="0">
<tr> 
<td align="left" valign="middle" width="197"> 
<form action="../planetsearch.php" method="post">
&nbsp;<input type="text" name="../search_exp" class="inputbox" size="20" value="suchen..." />
<input type="hidden" name="submit" value="Suche" /> 
</form>
</td>
<td align="left" valign="middle" width="559"> 
<p align="right">&nbsp;&nbsp; .: <a href="../ueber-mich.php">Ãœber 
Mich</a> .: <a href="../kontakt.php">Kontakt</a> .: <a href="../impressum.php">Impressum</a>&nbsp;&nbsp; 
</td>
<td align="right" valign="middle" width="1">
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="760" border="0" align="center" cellpadding="10" cellspacing="0" class="content">
<tr>
<td>
<table width="740" border="0" cellspacing="0" cellpadding="0" class="contenttable">
<tr>
<td>
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr> 
<td align="left">
(old user).Com </td> 
<td align="right"> 
<!--webbot bot="HTMLMarkup" startspan --><script language="JavaScript">
<!--
Wochentagname =
new Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag");
function ZeitAnzeigen()
{
var Jetzt = new Date(); var Tag = Jetzt.getDate();
var Monat = Jetzt.getMonth() + 1; var Jahr = Jetzt.getYear();
var Stunden = Jetzt.getHours(); var Minuten = Jetzt.getMinutes();
var Sekunden = Jetzt.getSeconds(); var WoTag = Jetzt.getDay();
var Vortag = ((Tag < 10) ? "0" : "");
var Vormon = ((Monat < 10) ? ".0" : ".");
var Vorstd = ((Stunden < 10) ? "0" : "");
var Vormin = ((Minuten < 10) ? ":0" : ":");
var Vorsek = ((Sekunden < 10) ? ":0" : ":");
var Datum = Vortag + Tag + Vormon + Monat + "." + Jahr;
var Uhrzeit = Vorstd + Stunden + Vormin + Minuten + Vorsek + Sekunden;
var Gesamt = Wochentagname[WoTag] + ", der " + Datum + " - " + Uhrzeit +" Uhr ";
if(document.all)
document.all.MicrosoftUhr.innerHTML = Gesamt;
else if(document.layers)
{
document.NetscapeUhr.document.open();
Gesamt = '<span class="Uhr")>' + Gesamt + '</span>';
document.NetscapeUhr.document.write(Gesamt);
document.NetscapeUhr.document.close();
}
window.setTimeout("ZeitAnzeigen()",1000);}
// -->
</script>
<div id="MicrosoftUhr" class="Uhr">
</div>
<layer id="NetscapeUhr">
</layer>
<script language="JavaScript">
<!--
window.setTimeout("ZeitAnzeigen()",1000);
// -->
</script>
<!--webbot bot="HTMLMarkup" endspan -->
</td> 
</tr>
</table>
</td>
</tr>
</table> 
<br />
<table width="740" border="0" cellspacing="0" cellpadding="0" height="267">
<tr> 
<td valign="top" height="267">
<table width="180" border="0" cellspacing="0" cellpadding="0" class="contenttable" height="1">
<tr>
<td valign="top" height="101" width="176"> 
<table cellpadding="0" cellspacing="0" class="moduletable" height="1">
<tr>
<th valign="top" height="1">
Menü </th>
</tr>
</table>.: <a href="../index.php"><font size="1">Startseite<br> 
</font></a><font size="1">.: <a href="../banner.php">Banner<br> 
</a>.: <a href="../bilder.php">Bilder</a> </font> <img src="http://www.unutamam-seni.de/new.gif" width="21" height="9"><br>
.: <a href="../chat.php">Chat</a><br> 
.: <a href="../downloads.php">Downloads</a><br> 
.: <a href="../gaestebuch.php"> Gästebuch</a><br> 
.: <a href="../homepage-hilfe.php"> Homepage Hilfe</a><br> 
.: <a href="../links.php"> Links</a><br> 
.: <a href="../news.php"> News</a><br> 
.: <a href="../newsletter.php"> Newsletter<br> 
</a>.: <a href="../schule.php">Schule</a> <br> 
.: <a href="../text-styler.php"> Text Styler</a> <img src="http://www.unutamam-seni.de/new.gif" width="21" height="9"><br> 
.: <a href="../umfrage.php"> Umfrage</a> 
</td>
</tr>
</table>
</td>
<td align="right" valign="top" height="267"> 
<table width="550" border="0" cellspacing="0" cellpadding="0" class="contenttable">
<tr>
<td align="left" valign="top"> 
<table class="blog" cellpadding="0" cellspacing="0" width="538">
<tr>
<td valign="top" width="536" colspan="3">
<table class="contentpaneopen">
<tr>
<td class="contentheading" width="100%" valign="middle">
<b>Gästebuch</b> </td> 
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" width="536" colspan="3">
</td>
</tr>
<tr>
<td valign="top" width="7" rowspan="2">
</td>
<td valign="top" width="531" colspan="2">
<!--webbot bot="HTMLMarkup"
startspan --><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Gästebuch</title>
<link href="standard.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
function DoSmilie(addSmilie)
{
document.neu.nachricht.value= document.neu.nachricht.value+addSmilie;
document.neu.nachricht.focus();
}
</script>
</head>
<body>
<h1 align="center">Gästebuch Lite </h1>
<table width="500" border="0" align="center" cellpadding="3" cellspacing="3">
<tr>
<td align="right"><a href="/gb/gaestebuch.php?aktion=lesen">Gästebuch lesen </a></td>
</tr>
<tr>
<td><form id="neu" name="neu" method="post" action="/gb/gaestebuch.php?aktion=neu">
<table width="100%" border="0" cellpadding="3" cellspacing="0" class="table">
<tr>
<td width="50%" colspan="2" class="haupt">Eintrag hinzuf&uuml;gen

Wurde abgekürzt
 
Zuletzt bearbeitet:
Die Smileys werden nicht angezeigt, hast du die auch richtig (in den richtigen ordner) hochgeladen?
 
Zuletzt bearbeitet:
Dann nimm aus der CSS-Datei vom Gästebuch einfach die Formatierungen von den Links raus, dann hast du da schonmal wieder deine eigenen und dann schaust du noch nach den Formatierungen für den normalen Text.

----------

Moved - CSS (Hat ja nicht wirklich was mit PHP zu tun...)
 
Dann nimm aus der CSS-Datei vom Gästebuch einfach die Formatierungen von den Links raus, dann hast du da schonmal wieder deine eigenen und dann schaust du noch nach den Formatierungen für den normalen Text.

----------

Moved - CSS (Hat ja nicht wirklich was mit PHP zu tun...)

Wie meinst du das jetzt?
Also wenn cih die Formatierung von dem Link raus hol.
Wo kriege ich das den für normalen Text.
Die .css datei ist nur für die Tabelen usw.

Wenn ich den Standart.css Datei da raushole.
Dann ist mein Style in Ordnung und der Gästebuch sieht aus wie jetzt, so wollte ich es ja haben.

Nur es hat keine Trennlienien, sodass man das es schwer zulesen ist welcher eintrag von welchem ist.
 
Zuletzt bearbeitet:
Poste mal die CSS-Datei...

Der Design!!!!
HTML:
/**
 design by masterhomepage.ch 2006
 the link to us "design by masterhomepage" must remain unchanged!
 Der Link "design by masterhomepage" darf nicht entfernt werden!
 */
 
body {
 margin: 0px 0px 0px 0px;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #FFFFFF;
 background: #232323;
 scrollbar-arrow-color: #008000;
scrollbar-base-color: #000000;
scrollbar-track-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #008000;
scrollbar-darkshadow-color: #008000;
}
.sitename {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 14pt;
 color: #47C01B;
 font-weight: bolder;
 text-align: left;
 padding: 15px;
 margin-bottom: 32px;
 width: 555px;
}
h1{
 font-size: 14px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #FFFFFF;
 padding: 2px;
 width: 100%;
}
h2{
 font-size: 12px;
 font-weight: bold;
 margin-bottom: 3px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 padding-top: 0px;
 padding-bottom: 2px;
 margin-top: 0px;
}

.date{
 font-size: 10px;
 color: #6C3C00;
 float: right;
 padding: 7px 3px 2px 0px;
}
.header      { background-image: url('images/header_leer.jpg'); height: 155px; width: 760px; 
               padding: 0px }
.content     { background-image: url('images/bgcontent.jpg'); width: 760px }
.contenttable {
  border: 1px solid;
 border-color: #666666;
 background-color: #232323;
 padding:5px;
}
.banner{
 float: right;
 margin-top: 20px;
 margin-right: 2px;
 background-color: #D2B400;
 border: 1px solid #A28A00;
 height: 64px;
 width: 472px;
}
.user1{
 margin: 0px 2px 2px 0px;
 padding: 2px;
}
.user2{
 margin: 0px 0px 2px 2px;
 padding: 2px;
}
.menu {
 border: 4px solid;
 border-color: #47C01B;
 background-color: #232323;
 padding:5px;
 width: 160px;
}
.page_bg     { background-image: url('images/bg.jpg'); border-style: none; border-width: 0px; 
               margin: 0px }
.menuright {
 border: 4px solid;
 border-color: #47C01B;
 background-color: #232323;
 padding:5px;
 width: 160px;
}
.main {
 border: 4px solid;
 border-color: #47C01B;
 background-color: #232323;
 padding: 5px;
 text-align: left;
 font-weight: normal;
 float: left;
 width: 590px;
}
.footer      { background-image: url('images/footer.jpg'); background-repeat: no-repeat; 
               text-align: center; font-family: 
               Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; 
               color: #333333; width: 760px; height: 13px; margin-top: 
               5px 0px 0px 0px; padding: 5px; background-position: top 50% }
.copy {
 margin-top: 5px;
 padding: 1px;
 text-align: center;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 9px;
}
ul#mainlevel-nav
{
 list-style: none;
 padding: 0;
 margin: 0;
 font-size: 11px;
}
ul#mainlevel-nav li
{
 background-image: none;
 padding-left: 0px;
 padding-right: 0px;
 float: right;
 margin: 0;
 font-size: 11px;
 line-height: 21px;
 white-space: nowrap;
 border-left: 1px solid #333333;
}
ul#mainlevel-nav li a
{
 display: block;
 padding-left: 10px;
 padding-right: 10px;
 text-decoration: none;
 color: #47C01B;
 background: transparent;
}
#buttons>ul#mainlevel-nav li a { width: auto; }
 ul#mainlevel-nav li a:hover
{
 color: #fff;
}
table.content_table {
  width: 100%;
 padding: 0px;
 margin: 0px;
}
table.content_table td {
 padding: 0px;
 margin: 0px;
 width: 100%;
}
.back_button {
   float: right;
 text-align: center;
 font-size: 11px;
 font-weight: bold;
 border: 1px solid #47C01B;
 width: auto;
 background: #232323; 
 padding: 0px 10px;
 line-height: 20px;
 margin: 1px;
}
.pagenav {
  color: #47C01B;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  border: 1px solid #47C01B;
  width: auto;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}
.pagenavbar {
 margin-right: 10px;
}
ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
li{
 line-height: 15px;
 padding-left: 15px;
 padding-top: 0px;
}

td {
 font-size: 11px;
}
a:link, a:visited {
 color: #47C01B; text-decoration: none;
 font-weight: bold;
 font-size: 10px;
}
a:hover {
 color: #FFFFFF; text-decoration: none;
 font-weight: bold;
}
table.contentpaneopen {
  width: 100%;
}
table.contentpaneopen td {
}
table.contentpaneopen td.componentheading {
 width: 100%;
}
table.contentpane {
}
table.contentpane td {
}
table.contentpane td.componentheading {
 width: 100%;
}
table.contentpaneopen fieldset {
 border: 0px;
 border-bottom: 1px solid #47C01B;
}
.button {
 color: #47C01B;
 font-family: Arial, Hevlvetica, sans-serif;
 text-align: center;
 font-size: 10px;
 font-weight: bold;
 padding: 2px;
 border: solid 1px #47C01B;
 background-color: #232323;
 line-height: 16px !important;
 line-height: 14px;
 height: 24px !important;
 height: 20px;
 margin: 1px;
}
.inputbox {
 padding: 2px;
 color: #FFFFFF;
 border: 1px solid;
 border-color: #333333;
 background-color: #232323;
}
.componentheading {
 height: 20px;
 border-bottom: 1px solid;
 
 color: #47C01B;
 font-weight: bold;
 font-size: 13px;
 padding: 0px 0px 0px 10px;
}
.contentcolumn {
 padding-right: 5px;
}
.contentheading {
 height: 20px;
 border-bottom: 1px solid;
 border-color: #47C01B;
 font-weight: bold;
 font-size: 13px;
 padding: 0px 0px 0px 4px;
}
.contentpagetitle {
 font-size: 13px;
 font-weight: bold;
 color: #cccccc;
 text-align:left;
}
table.searchinto {
 width: 100%;
}
table.searchintro td {
 font-weight: bold;
}
table.moduletable {
 width: 100%;
 margin-bottom: 5px;
 padding: 0px;
}
div.moduletable {
 padding: 0;
 margin-bottom: 2px;
 width: 100%;
}
table.moduletable th, div.moduletable h3 {
 border-bottom: 1px solid;
 border-color: #47C01B;
 text-align: left;
 padding-left: 4px;
 height: 21px;
 line-height: 21px;
 font-weight: bold;
 font-size: 10px;
 text-transform: uppercase;
 margin: 0 0 2px 0;
}
table.moduletable td {
 font-size: 10px;
 padding: 0px;
 margin: 0px;
 font-weight: normal;
}
table.pollstableborder td {
  padding: 2px;
  background-color: transparent;
}
.sectiontableheader {
  font-weight: bold;
  background: #232323;
  padding: 4px;
}
.sectiontablefooter {
}
.sectiontableentry1 {
 background-color : #232323;
}
.sectiontableentry2 {
 background-color: #232323;
}
.small {
 color: #FFFFFF;
 font-size: 9px;
}
.createdate {
 height: 15px;
 padding-bottom: 9px;
 color: #FFFFFF;
 font-size: 9px;
}
.modifydate {
 height: 15px;
 padding-top: 9px;
 color: #FFFFFF;
 font-size: 9px;
}
table.contenttoc {
  border: 1px solid #47C01B;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}
table.contenttoc td {
  padding: 2px;
}
table.contenttoc th {
    border-bottom: 1px solid;
 border-color: #47C01B;
 text-align: left;
 padding-top: 2px;
 padding-left: 4px;
 height: 21px;
 font-weight: bold;
 font-size: 10px;
 text-transform: uppercase;
}
a.mainlevel:link, a.mainlevel:visited {
 display: block;
 font-size: 11px;
 font-weight: bold;
 color: #47C01B;
 text-align: left;
 padding-top: 4px;
 padding-left: 4px;
 line-height: 15px;
 text-decoration: none;
}
a.mainlevel:hover {
 text-decoration: none;
 color: #FFFFFF;
}
a.mainlevel#active_menu {
 color: #FFFFFF;
 font-weight: bold;
}
a.mainlevel#active_menu:hover {
 color: #FFFFFF;
}
a.sublevel:link, a.sublevel:visited {
 padding-left: 15px;
 vertical-align: top;
 font-size: 11px;
 font-weight: bold;
 color: #FD0002;
 text-align: left;
 height: 15px;
}
a.sublevel:hover {
 color: #900;
 text-decoration: none;
}
a.sublevel#active_menu {
 color: #333;
 text-decoration: bold;
}
.highlight {
 background-color: Yellow;
 color: Blue;
 padding: 0;
}
.code {
 background-color: #ddd;
 border: 1px solid #bbb;
}
form {
 margin: 0;
  padding: 0;
}
div.mosimage {
  border: 1px solid #CCCCCC;
}
.mosimage {
  border: 1px solid #CCCCCC;
  margin: 5px
}
.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  text-transform: normal;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

Der Style des Gästebuchs
HTML:
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #ooffoo;
}
body {
background-url: http://www.(old user).com/Bilder2/hgrund.bmp;
}
a:link, a:active, a:visited {
color: #FF6600;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.haupt {
background-color: #000000;
color: #FFFFFF;
font-weight: bold;
border: 1px solid #FFFFFF;
}
.table {
border: 1px solid #000000;
}
.neben1 {
background-color: #E2E2E2;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
}
.neben2 {
background-color: #FFFFFF;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
}
.red {
color:red;
}
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben