Przedszkolak
Postów: 1
Data rejestracji: 04.04.2012 19:49
|
Na początek chcę powiedzieć, że wiem iż jest już dużo takich tematów, i bardzo za to przepraszam, ale nie znalazłem konkretnego rozwiązania mojego problemu.
Problem:
Chcę wyśrodkować stronę (mam już ustawioną szerokość), ponieważ po ustawieniu szerokości skręciła ona w lewo i trzyma się tej strony. Próbowałem już wielu sposobów, ale żaden nie pomógł.
Oto link do strony: http://11-14klc.c...l/news.php
Proszę bardzo o pomoc i z góry dziękuję za wszystkie pomocne odpowiedzi :)
To jest theme.php
<?php
if (!defined("IN_FUSION")) { die("Access Denied"); }
define("THEME_BULLET", "<span class='bullet'><img src='".THEME."/images/bullet.gif'></span>");
require_once INCLUDES."theme_functions_include.php";
function render_page($license=false) {
global $settings, $main_style, $locale;
//Header
echo "<table align='center' cellpadding='0' cellspacing='0'>\n<tr>\n";
echo "<td class='sub-header-left'></td>\n";
echo "<td class='sub-header'>".showsublinks(" ", "white")."</td>\n";
echo "<td align='right' class='sub-header'> ".showsubdate()."</td>\n";
echo "<td class='sub-header-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='1000px'>\n<tr>\n";
echo "<td align='left' class='full-header'>\n".showbanners()."</td>\n";
echo "</tr>\n</table>\n";
//Content
echo "<table cellpadding='0' cellspacing='0' width='1000px' class='$main_style'>\n<tr>\n";
if (LEFT) { echo "<td class='side-border-left' valign='top'>".LEFT."</td>"; }
echo "<td class='main-bg' valign='top'>".U_CENTER.CONTENT.L_CENTER."</td>";
if (RIGHT) { echo "<td class='side-border-right' valign='top'>".RIGHT."</td>"; }
echo "</tr>\n</table>\n";
//Footer
echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='1000px'>\n<tr>\n";
echo "<td align='left' class='main-footer'>Desing created by <a href='mailto:'>Look</a> | Coded by <a href='mailto:'>eWe</a><br />Theme by <a href='http://gfxpixel.info'>GFXpixel.info</a><br />".showcounter()."";
if (!$license) { echo "\n".showcopyright(); }
echo "</br> ".stripslashes($settings['footer']);
echo "</td>\n";
echo "</tr>\n</table>\n";
}
function render_news($subject, $news, $info) {
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='capmain-left'></td>\n";
echo "<td class='capmain'>".$subject."</td>\n";
echo "<td class='capmain-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table width='100%' cellpadding='0' cellspacing='0'>\n<tr>\n";
echo "<td class='main-body middle-border'>".$news."</td>\n";
echo "</tr>\n<tr>\n";
echo "<td align='center' class='news-footer middle-border'>\n";
echo newsposter($info," ·").newsopts($info,"·").itemoptions("N",$info['news_id']);
echo "</td>\n";
echo "</tr>\n</table>\n";
echo "<table cellspacing='0' cellpadding='0'><tr><td align='left'><img src='".THEME."/images/sideb-left.png' class='spacer'></td>
<td align='center' class='sideb' width='100%'></td>
<td align='right'><img src='".THEME."/images/sideb-right.png' class='spacer'></td>
</tr></table>\n";
}
function render_article($subject, $article, $info) {
echo "<table width='100%' cellpadding='0' cellspacing='0'>\n<tr>\n";
echo "<td class='capmain-left'></td>\n";
echo "<td class='capmain'>".$subject."</td>\n";
echo "<td class='capmain-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table width='100%' cellpadding='0' cellspacing='0'>\n<tr>\n";
echo "<td class='main-body middle-border'>".($info['article_breaks'] == "y" ? nl2br($article) : $article)."</td>\n";
echo "</tr>\n<tr>\n";
echo "<td align='center' class='news-footer'>\n";
echo articleposter($info," ·").articleopts($info,"·").itemoptions("A",$info['article_id']);
echo "</td>\n</tr>\n</table>\n";
echo "<table cellspacing='0' cellpadding='0'><tr><td align='left'><img src='".THEME."/images/sideb-left.png' class='spacer'></td>
<td align='center' class='sideb' width='100%'></td>
<td align='right'><img src='".THEME."/images/sideb-right.png' class='spacer'></td>
</tr></table>\n";
}
function opentable($title) {
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='capmain-left'></td>\n";
echo "<td class='capmain'>".$title."</td>\n";
echo "<td class='capmain-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='main-body'>\n";
}
function closetable() {
echo "</td>\n";
echo "</tr>\n</table>\n";
echo "<table cellspacing='0' cellpadding='0'><tr><td align='left'><img src='".THEME."/images/sideb-left.png' class='spacer'></td>
<td align='center' class='sideb' width='100%'></td>
<td align='right'><img src='".THEME."/images/sideb-right.png' class='spacer'></td>
</tr></table>\n";
}
function openside($title, $collapse = false, $state = "on") {
global $panel_collapse; $panel_collapse = $collapse;
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='scapmain-left'></td>\n";
echo "<td align='center' class='scapmain'>$title</td>\n";
if ($collapse == true) {
$boxname = str_replace(" ", "", $title);
echo "<td class='scapmain' align='right'>".panelbutton($state, $boxname)."</td>\n";
}
echo "<td class='scapmain-right'></td>\n";
echo "</tr>\n</table>\n";
echo "<table cellpadding='0' cellspacing='0' width='100%'>\n<tr>\n";
echo "<td class='side-body'>\n";
if ($collapse == true) { echo panelstate($state, $boxname); }
}
function closeside() {
global $panel_collapse;
if ($panel_collapse == true) { echo "</div>\n"; }
echo "</td>\n</tr>\n</table>\n";
echo "<table cellspacing='0' cellpadding='0'><tr><td align='left'><img src='".THEME."/images/sideb-left.png' class='spacer'></td>
<td align='center' class='sideb' width='100%'></td>
<td align='right'><img src='".THEME."/images/sideb-right.png' class='spacer'></td>
</tr></table>\n";
}
?>
A to jest styles.css
/* Comment element properties */
a {
color: #FFF;
text-decoration: none;
}
a:hover {
color: #FFF;
text-decoration: underline;
}
a.side {
color: #CBCBCB;
text-decoration: none;
}
a:hover.side {
color: #FFF;
text-decoration: underline;
}
a.white, li.white a {
color: #FFF;
text-decoration: none;
padding: 6px 15px 6px 15px;
border-width: 0 1px 0px 0px;
border-color: #292a2c;
border-style: solid;
}
a:hover.white, li.white a:hover {
color: #1c1c1c;
text-decoration: none;
padding: 6px 15px 6px 15px;
border-width: 0 1px 0px 0px;
border-color: #292a2c;
border-style: solid;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #CBCBCB;
background: #000;
margin: 0 auto;
}
hr {
height: 1px;
border: 1px solid #272727;
}
hr.side-hr {
height: 1px;
border: 1px solid #272727;
}
td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
pre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.alt {
color: #CBCBCB;
}
.spacer {
margin-bottom: 10px;
}
.admin-message {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
color: #CBCBCB;
background-color: #323232;
border: 1px solid #000;
padding: 3px 4px 5px 4px;
margin-bottom: 5px;
}
/* Form element properties */
form {
margin: 0px;
}
.button {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #fff;
background-color: #404040;
background-image: url(images/button.gif);
height: 20px;
border: 1px solid #000;
margin-top: 2px;
}
.bbcode {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
background-color: #eee;
border: 1px solid #000;
margin-top: 2px;
}
.textbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CBCBCB;
background-color: #323232;
border: 1px solid #000;
}
/* Header and footer properties */
.sub-header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
color: #FFF;
background-color: #323232;
background-image: url(images/sub-header.png);
}
.sub-header2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
color: #399afc;
background-color: #323232;
height: 26px;
background-image: url(images/cc2.png);
}
.sub-header-left {
width: 10px;
height: 26px;
background-color: #323232;
background-image: url(images/sub-header-left.png);
}
.sub-header-right {
width: 10px;
height: 26px;
background-color: #323232;
background-image: url(images/sub-header-right.png);
}
.sub-header ul{
margin: 0;
padding: 0;
}
.sub-header ul li{
display: inline;
}
.sub-header ul li.first-link .bullet{
display: none;
}
.full-header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #399afc;
padding: 10px 20px 10px 20px;
}
.main-footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #888;
padding: 5px;
}
.bottom-footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CBCBCB;
background-color: #323232;
padding: 4px 4px 5px 4px;
}
.main-body {
font-size: 10px;
color: #CBCBCB;
background-color: #1c1c1c;
border-width: 0 1px 0 1px;
border-color: #272727;
border-style: solid;
padding: 10px 10px 0 10px;
}
/* Side-Panel properties */
.side-border-left {
color: #777;
padding: 0px 0 5px 5px;
width: 175px;
}
.side-border-right {
color: #777;
padding: 0px 5px 5px 0;
width: 175px;
}
.scapmain {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFF;
background-color: #323232;
background-image: url(images/side.png);
background-repeat: repeat-x;
}
.scapmain-left {
width: 10px;
height: 27px;
background-color: #323232;
background-image: url(images/side-left.png);
}
.scapmain-right {
width: 10px;
height: 27px;
background-color: #323232;
background-image: url(images/side-right.png);
}
.side-body {
font-size: 10px;
color: #fff;
background-color: #1c1c1c;
border-width: 0 0 0 1px;
border-color: #272727;
border-style: solid;
padding: 10px 10px 0 10px;
}
.sideb { background-image: url(images/sideb.png); background-repeat: repeat-x; }
/* Center-Panel properties */
.news-category {
border: 0;
margin: 3px 5px 0 0;
float: left;
}
.news-footer {
font-size: 10px;
color: #CBCBCB;
background-color: #1c1c1c;
border-width: 0 1px 0 1px;
border-color: #272727;
border-style: solid;
padding: 3px 4px 0 4px;
}
.capmain {
font-family: sans-serif, Helvetica, Verdana, Arial;
font-size: 11px;
font-weight: bold;
color: #399afc;
background-color: #1c1c1c;
background-image: url(images/cc.png);
border-width: 0px 0px 0 0px;
border-color: #272727;
border-style: solid;
padding: 0px 4px 4px 4px;
}
.capmain-left {
width: 10px;
height: 27px;
background-color: #323232;
background-image: url(images/cleft.png);
}
.capmain-right {
width: 10px;
height: 27px;
background-color: #323232;
background-image: url(images/cright.png);
}
.main-bg {
color: #CBCBCB;
padding: 0px 5px 0 5px;
}
/* General table properties */
.center {
margin: 0 auto;
}
.tbl-border {
background-color: #000;
}
.tbl {
font-size: 11px;
color: #CBCBCB;
padding: 4px;
}
.tbl1 {
font-size: 11px;
color: #fff;
background-color: #2c2c2c;
padding: 4px;
}
.tbl2 {
font-size: 11px;
color: #fff;
background-color: #1c1c1c;
padding: 4px;
}
.forum-caption {
font-size: 11px;
font-weight: bold;
color: #fff;
background-color: #2c2c2c;
padding: 2px 4px 4px 4px;
}
.quote {
font-size: 11px;
color: #CBCBCB;
background-color: #323232;
padding: 4px;
margin: 0px 20px 0px 20px;
border: 1px solid #000;
}
.poll {
height: 12px;
border: 1px solid #000;
}
.comment-name {
font-weight: bold;
color: #CBCBCB;
}
.shoutboxname {
font-weight: bold;
color: #888;
}
.shoutbox {
color: #CBCBCB;
}
.shoutboxdate {
font-size: 8px;
color: #888;
}
.small {
font-size: 10px;
font-weight: normal;
}
.small2 {
font-size: 10px;
font-weight: normal;
color: #CBCBCB;
}
.side-small {
font-size: 10px;
font-weight: normal;
color: #CBCBCB;
}
.side-label {
color: #CBCBCB;
margin: 2px 0 2px 0;
padding: 2px 2px 3px 2px;
}
/* Vertical Navigation */
#navigation h2 {
font-size: 10px;
font-weight: normal;
background-color: #323232;
margin: 0;
padding: 4px;
}
#navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}
* html #navigation ul li{
height: 1%;
}
#navigation a {
display: block;
color: #CBCBCB;
padding: 2px;
text-decoration: none;
}
#navigation a:hover {
color: #CBCBCB;
background-color: #323232;
}
/* Page Navigation */
.pagenav {
padding: 4px;
}
.pagenav span {
color: #CBCBCB;
background-color: #323232;
border: 1px solid #000;
padding: 2px 4px 2px 4px;
margin: 2px;
}
.pagenav a {
color: #CBCBCB;
background-color: #323232;
border: 1px solid #000;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
}
.pagenav a:hover {
color: #CBCBCB;
background-color: #323232;
margin: 2px;
text-decoration: none;
}
PS: To mój pierwszy temat, więc jak zrobiłem coś nie tak, to serdecznie przepraszam.
Edytowane przez szymon213 dnia 05.04.2012 12:06:57
|
