anpera.net :: Thema anzeigen - Problem mit der Platzierung eines Bildes (HTML; CSS)

!--!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>

</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>

<table cellpadding=2 cellspacing=0 class='charinfo' width='150'>
<tr><td class='charhead' colspan='2'><b>{title}</b></td></tr>
<tr><td class='charinfo'><b>{title}</b></td><td class='charinfo'>`^{value}</td></tr>
<tr><td class='charinfo' colspan='2'><b>{title}:</b>`n{value}</td></tr>
</table>
<span class="navhead">{title}<br></span>
<span class="navhelp">{text}<br></span>
<a href="{link}"{accesskey}class='nav' {popup}>{text}<br></a>

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

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

/* 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; }

Autor:	Safia [ Mi 19 Mär, 2008 18:15 ]
Betreff des Beitrags:	Problem mit der Platzierung eines Bildes (HTML; CSS)
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

Autor:	-DoM [ Fr 21 Mär, 2008 03:10 ]
Betreff des Beitrags:	Re: Problem mit der Platzierung eines Bildes (HTML; CSS)
Ich habe mir den Code jetzt nicht wirklich angeschaut, aber wie wäre es mit "float"? $this->bbcode_second_pass_code('', '<div style="float: right;">[img]</div>')

anpera.net https://anpera.dyndns.org/phpbb3/

Problem mit der Platzierung eines Bildes (HTML; CSS) https://anpera.dyndns.org/phpbb3/viewtopic.php?f=34&t=4410	Seite 1 von 1

Seite 1 von 1	Alle Zeiten sind UTC + 1 Stunde
Powered by phpBB® Forum Software © phpBB Group https://www.phpbb.com/