Da ich kein neues Thread auf machen möchte Poste ich meine frage hier rein.
Ich möchte am rand der seite ein Bild rein machen und zwar links und rechts nur weiß ich nicht wie dies geht, oben und unten wahr ganz einfach.
ein mal htm
PHP:
!--!header-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//DE">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>{title}</title>
<link href='templates/Feuer.css' rel='stylesheet' type='text/css'>
{headscript}{script}
</head>
<body bgcolor='#000000' text='#CCCCCC'>
<table border='0' cellpadding=4 cellspacing=0 width='100%'>
<tr>
<td colspan=2 class='pageheader' valign='top'> <img src='' align='right'><span class='pagetitle'><br>
{title} </span></td>
</tr>
<tr>
<td width=190 bgcolor='#000000' valign='top' align='center'> <img src='images/feueroben.gif' width='182' height='11' alt=''>
<table cellspacing='0' cellpadding='0' class='nav'>
<tr>
<td>{nav}</td>
</tr>
</table>
<img src='images/feueroben.gif' width='182' height='11'> <br>
{motd} <br>
{mail} <br>
{petition} <br>
{forum} <br>
{chat} </td>
<td width='100%' rowspan=2 valign='top' bgcolor='#000000'><table align='right' border='0'><tr><td>{paypal}</td></tr>
<tr><td>{useronline}</td></tr></table>
<!--!footer-->
</td>
</tr>
<tr>
<td width='190' valign='top' bgcolor='#000000'><div align="center"><img src='images/feueroben.gif' width='182' height='11' alt=''>
</div>
<table border='0' cellpadding='0' cellspacing='0' class='vitalinfo'>
<tr>
<td> {stats} </td>
</tr>
</table>
<div align="center"><img src='images/feueroben.gif' width='182' height='11'></div></td>
</tr>
<tr>
<td colspan=2 class='footer'>
<table border='0' cellpadding='0' cellspacing='0' width='100%' class='noborder'>
<tr>
<td class='noborder'>{copyright}, Design: Chris Yarbrough ({pagegen}) </td>
<td align='right' class='noborder'>{source}</td>
</tr>
<tr class='noborder'><td colspan='2'>{version}</td></tr>
</table>
</td>
</tr>
</table>
</body>
</html>
<!--!statstart--><table cellpadding=2 cellspacing=0 class='charinfo' width='150'>
<!--!stathead--><tr><td class='charhead' colspan='2'><b>{title}</b></td></tr>
<!--!statrow--><tr><td class='charinfo'><b>{title}</b></td><td class='charinfo'>`^{value}</td></tr>
<!--!statbuff--><tr><td class='charinfo' colspan='2'><b>{title}:</b>`n{value}</td></tr>
<!--!statend--></table>
<!--!navhead--><span class="navhead">—{title}—<br></span>
<!--!navhelp--><span class="navhelp">{text}<br></span>
<!--!navitem--><a href="{link}"{accesskey}class='nav' {popup}>{text}<br></a>
<!--!login-->
<table width='248' height='300' border='0' cellpadding='0' cellspacing='0' background='images/logindragon3.gif' class='noborder'>
<br><br><br><br>
<tr>
<td valign='bottom' align='center' class='noborder'>
{username}: <br><input name='name' accesskey='u' size='10'><br>
{password}:<br><input name='password' accesskey='p' type='password' size='10'><br>
<input type='submit' value='{button}' class='button'><br>
<img src='images/trans.gif' width='1' height='37' align='absmiddle' alt=''>
<img src='images/trans.gif' width='1' height='15'>
</td>
</tr>
</table>
<!--!full-->
<table width='212' height='234' border='0' cellpadding='0' cellspacing='0' background='images/logindragon3.gif' class='noborder'>
<tr>
<td valign='bottom' align='center' class='noborder'>
<br>`b`$Server<br><br>
voll!`b<br><br><br>
<img src='images/feueroben.gif' width='1' height='37' align='absmiddle' alt=''>
</td>
</tr>
</table>
und hier css
PHP:
/* CSS Document */
td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
a{
color: #cc0000;
text-decoration: none;
}
a:hover {
color: #FF0000;
text-decoration: none;
}
a.nav {
text-decoration: none;
width: 181px;
height: auto;
padding: 1px;
float: left;
clear: none;
border-top: thin solid #003366;
border-bottom: thin solid #003366;
border-right: thin none #003366;
border-left: thin none #003366;
}
a:hover.nav {
background-color: #0055b0;
color: #00EEFF;
border-top: thin outset #003366;
border-right: thin none #003366;
border-bottom: thin outset #003366;
border-left: thin none #003366;
}
a.navhilite {
text-decoration: none;
width: 150px;
height: auto;
padding: 1px;
float: right;
clear: none;
color:#FFFF00;
background-color: #000000;
border-top: thin solid #000000;
border-bottom: thin solid #000000;
border-right: thin none #000000;
border-left: thin none #000000;
}
a:hover.navhilite {
color:#FFFF00;
text-decoration: none;
background-color: #990000;
border-top: thin outset #CC0000;
border-right: thin none #CC0000;
border-bottom: thin outset #CC0000;
border-left: thin none #CC0000;
}
.navhelp {
text-decoration: none;
width: 181px;
height: auto;
padding: 1px;
float: left;
clear: none;
border-top: thin solid #003366;
border-bottom: thin solid #003366;
border-right: thin none #003366;
border-left: thin none #003366;
cursor: default;
}
.navhead {
text-decoration: none;
width: 180px;
border: thin #003366;
height: auto;
padding: 1px;
line-height: 18px;
float: left;
clear: none;
xbackground-color: #000066;
font-weight: bold;
color: #151af9;
cursor: default;
text-align: center;
}
table {
}
td.charinfo {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #003366;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
cursor: default;
color: #cc0000;
}
td.charhead {
background-color: #000000;
border: none;
cursor: default;
color: #151af9;
}
table.charinfo {
border: none;
width: 182px;
}
td.pageheader {
background-color: #000000;
background-image: url(../images/feueroben.gif);
height: 59px;
width: 1024px;
}
td.popupheader {
background-color: #000000;
background-image: url(../images/feueroben.gif);
height: 20px;
width: 1024px;
}
td.noborder {
border: #f7bd42;
}
table.noborder {
border: #f7bd42;
}
td.village {
background-repeat: no-repeat;
background-position: right bottom;
}
td.forest {
background-image: url(../images/forest.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
td.dragon {
background-image: url(../images/dragon.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}
input {
background-color: #000000;
border: 1px solid #ff0000;
color: #CCCCCC;
}
.button {
font-family: verdana,arial,helvetica,sans-serif;
font-size: 12px;
color: #F8DB83;
background-color: #000000;
border-top: 1px solid #cf02d6;
border-left: 1px solid #cf02d6;
border-right: 1px solid #cf02d6;
border-bottom: 1px solid #cf02d6;
}
.input {
background-color: #000000;
border: 1px solid #ff0000;
color: #ffffff
}
select {
background-color: #000000;
border: 1px solid #ff0000;
color: #ffffff;
}
table.vitalinfo {
background-color: #000000;
border: 1px solid #000000;
width: 182px;
}
table.nav {
background-color: #000000;
border: 1px solid #000000;
width: 182px;
}
a.motd {
text-decoration: none;
text-align: center;
color:#cc0000;
width: 181px;
height: 16px;
padding: 1px;
float: left;
clear: none;
}
a:hover.motd {
height: 14px;
width: 179px;
text-decoration: none;
color:#FF9900;
background-color: #806B4D;
border-top: thin solid #FF9900;
border-bottom: thin solid #FF9900;
border-right: thin solid #FF9900;
border-left: thin solid #FF9900;
}
a.hotmotd {
text-decoration: none;
text-align: center;
color:#cc0000;
width: 181px;
height: auto;
padding: 1px;
float: left;
clear: none;
background-color: #806B4D;
border-top: thin solid #FF9900;
border-bottom: thin solid #FF9900;
border-right: thin solid #FF9900;
border-left: thin solid #FF9900;
}
.pagetitle {
font-family: "Old English Text MT", "Times New Roman";
font-size: 20px;
color: #FF0000;
}
td.footer {
background-image: url(../images/feuerunten.gif);
background-repeat: repeat-x;
background-position: top;
height: 59px;
width: 142px;
}
.navhi {
color: #00FF00;
text-decoration: underline;
}
.colDkBlue { color: #0000B0; }
.colDkGreen { color: #00B000; }
.colDkCyan { color: #00B0B0; }
.colDkRed { color: #B00000; }
.colDkMagenta { color: #B000CC; }
.colDkYellow { color: #B0B000; }
.colDkWhite { color: #B0B0B0; }
.colLtBlue { color: #0000FF; }
.colLtGreen { color: #00FF00; }
.colLtCyan { color: #00FFFF; }
.colLtRed { color: #FF0000; }
.colLtMagenta { color: #FF00FF; }
.colLtYellow { color: #FFFF00; }
.colLtWhite { color: #FFFFFF; }
.colLtBlack { color: #999999; }
.colOrange { color: #FF9900; }
.colDkOrange { color: #FF6600; }
.colBlue { color: #0070FF; }
.colLime { color: #DDFFBB; }
.colBlack { color: #000000; }
.colRose { color: #EEBBEE; }
.colblueviolet { color: #9A5BEE; }
.coliceviolet{ color: #AABBEE; }
.colLtBrown { color: #000000; }
.colDkBrown { color: #000000; }
.colXLtGreen{color: #aaff99; }
.colAttention { background-color: #00FF00; color: #FF0000;}
.colWhiteBlack { background-color: #FFFFFF; color: #000000; }
.colBack { background-color:#00FFFF; color:#000000; }
.trhead { background-color:#990000; color:#FFFFFF; }
.trlight { background-color:#330000; }
.trdark { background-color:#000000; }
Abgetrennt.
-- Eliwood, 19. März 2008, 19:37