Niestety mam problem, już od kilku miesięcy, mniej więcej wygląda to tak, że z początku wszystko było na swoim miejscu, jednak był to html, stosując php i ogólnie wordpressowskie środowisko, wszystko się rozjeżdża, nic nie jest na swoim miejscu i nie wiem co zrobić... Ogólnie zacząłem kodować wszystko od początku, na razie zostawiam sidebar i content, footer, bo mam problem z headerem, mam powycinany w tabelce i nie wiem dlaczego jest tak jak na obrazku poniżej, stosując div 'container' żeby był na środku, to ok, jest, ale wiem, że da się i bez tego, chociaż mogę to zastosować to i tak to mi tylko wyśrodkuje i nic więcej... Co zrobić by wszystkie powycinane obrazki powróciły na swoje miejsce? Poniżej podaję także kod css
(http://img135.imageshack.us/img135/1542/51866829.jpg)
KOD:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
<script src="http://fansites.hollywood.com/toolbar.js"></script>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php //comments_popup_script(); // off by default ?>
<?php wp_head(); ?>
</head>
<body>
<table id="Tabela_01" width="1001" height="601" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="wp-content/themes/leighonhq/Obrazki/index_01.jpg" width="25" height="59" alt=""></td>
<td colspan="5" background="wp-content/themes/leighonhq/wp-content/themes/leighonhq/Obrazki/index_02.jpg">
<div id="navigation"><center>
<a href="" target="_top" title="" class="nav">Home/Updates</a>
•
<a href="" target="_top" title="" class="nav">Leighton Meester</a>
•
<a href="" target="_top" title="/" class="nav">PhotoGallery</a>
•
<a href="" target="_top" title="" class="nav">MediaCenter</a>
•
<a href="" target="_top" title="" class="nav">Forum</a>
•
<a href="" target="_top" title="/gallery" class="nav">Web/Online</a></center></div></td>
<td>
<img src="wp-content/themes/leighonhq/Obrazki/index_03.jpg" width="21" height="59" alt=""></td>
<td>
<img src="wp-content/themes/leighonhq/Obrazki/odstęp.gif" width="1" height="59" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="wp-content/themes/leighonhq/Obrazki/index_04.jpg" width="1000" height="158" alt=""></td>
<td>
<img src="wp-content/themes/leighonhq/Obrazki/odstęp.gif" width="1" height="158" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="3">
<img src="wp-content/themes/leighonhq/Obrazki/index_05.jpg" width="589" height="155" alt=""></td>
<td rowspan="2">
<img src="wp-content/themes/leighonhq/Obrazki/index_06.jpg" usemap="#twiiter" border="0" width="138" height="65" alt=""></td>
<td colspan="2">
<img src="wp-content/themes/leighonhq/Obrazki/index_07.jpg" width="273" height="45" alt=""></td>
<td>
<img src="wp-content/themes/leighonhq/Obrazki/odstęp.gif" width="1" height="45" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="3" background="wp-content/themes/leighonhq/Obrazki/index_08.jpg">
<div class="latestpics"><a href=""><img src="wp-content/themes/leighonhq/Obrazki/you.png"></a> <a href=""><img src="wp-content/themes/leighonhq/Obrazki/you.png"></a> <a href=""><img src="wp-content/themes/leighonhq/Obrazki/you.png"></a> <br> <a href=""><img src="wp-content/themes/leighonhq/Obrazki/you.png"></a> <a href=""><img src="wp-content/themes/leighonhq/Obrazki/you.png"></a> <a href=""><img src="wp-content/themes/leighonhq/Obrazki/you.png"></a> </a> </div></td>
<td>
<img src="wp-content/themes/leighonhq/Obrazki/odstęp.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="wp-content/themes/leighonhq/Obrazki/index_09.jpg" width="138" height="318" alt=""></td>
<td>
<img src="wp-content/themes/leighonhq/Obrazki/odstęp.gif" width="1" height="90" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="3">
<img src="wp-content/themes/leighonhq/Obrazki/index_10.jpg" width="83" height="228" alt=""></td>
<td rowspan="2" background="wp-content/themes/leighonhq/Obrazki/index_11.jpg">
<div class="welcome">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce egestas sodales lacus eget condimentum. Praesent porta nisl quis tortor tincidunt mollis. Phasellus lectus augue, luctus eget placerat sit amet, bibendum sed risus. Nullam non lectus elit. Quisque at ante quis magna lobortis adipiscing. Mauris pretium scelerisque nisl, imperdiet venenatis lorem sagittis et. Quisque id elit sem, nec adipiscing nibh. Etiam eget tristique leo. Etiam interdum dolor et nibh blandit convallis. Donec id porttitor nunc.</div></td>
<td rowspan="3">
<img src="wp-content/themes/leighonhq/Obrazki/index_12.jpg" width="187" height="228" alt=""></td>
<td>
<img src="wp-content/themes/leighonhq/Obrazki/odstęp.gif" width="1" height="42" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="wp-content/themes/leighonhq/Obrazki/index_13.jpg" width="273" height="186" alt=""></td>
<td>
<img src="wp-content/themes/leighonhq/Obrazki/odstęp.gif" width="1" height="90" alt=""></td>
</tr>
<tr>
<td>
<img src="wp-content/themes/leighonhq/Obrazki/index_14.jpg" width="319" height="96" alt=""></td>
<td>
<img src="wp-content/themes/leighonhq/Obrazki/odstęp.gif" width="1" height="96" alt=""></td>
</tr>
<tr>
<td>
<img src="wp-content/themes/leighonhq/Obrazki/odstęp.gif" width="25" height="1" alt=""></td>
<td>
<img src="wp-content/themes/leighonhq/Obrazki/odstęp.gif" width="58" height="1" alt=""></td>
<td>
<img src="wp-content/themes/leighonhq/Obrazki/odstęp.gif" width="319" height="1" alt=""></td>
<td>
<img src="wp-content/themes/leighonhq/Obrazki/odstęp.gif" width="187" height="1" alt=""></td>
<td>
<img src="wp-content/themes/leighonhq/Obrazki/odstęp.gif" width="138" height="1" alt=""></td>
<td>
<img src="wp-content/themes/leighonhq/Obrazki/odstęp.gif" width="252" height="1" alt=""></td>
<td>
<img src="wp-content/themes/leighonhq/Obrazki/odstęp.gif" width="21" height="1" alt=""></td>
<td></td>
</tr>
</table>
</div>
</body>
</html>
CSS:
/*
Theme Name:
Theme URI:
Description:
Version:
Author:
Author URI:
*/
/**** Overall Look ****/
body{
margin:0;
padding:0;
background-color: #fffcf5;
background-image: url(Obrazki/bg.png);
background-repeat: repeat-x;
font:12px Trebuchet MS,"Lucida Sans", Verdana, Arial, sans-serif;
color:#3a281c;
text-align:justify;}
/* Links */
a:link,a:active,a:visited {
color:#b7a04d;
text-decoration:none;
font-weight:700;
font-style:none;
}
a:hover {
color:#ebc036;
text-decoration:none;
}
/* Images */
a img {border-style: solid;
border: 1px solid #d7a917;
margin:1px;
padding:4px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 2px;
background-color:#ffffff;
filter:alpha(opacity=0.6);
opacity: 0.7;
-moz-opacity:1;
-webkit-box-shadow:#f4d87f 0 0 4px;
-moz-box-shadow:#f4d87f 0 0 4px}
a:hover img {border-style: solid;
border: 1px solid #ffffff;
margin:1px;
padding:4px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color:#e5ba30;
filter:alpha(opacity=90);
opacity: 1;
-moz-opacity:1;
-webkit-box-shadow:#f4d87f 0 0 4px;
-moz-box-shadow:#f4d87f 0 0 4px}
/**** Header ****/
.latestpics {
color:#fff;
margin-bottom: 0px; margin-top: 0px;
font-size:8pt;
line-height:100%;
letter-spacing:-0.35px;
font-family:Georgia;
text-align:justify;
text-transform:normal;
padding-left: 10px; padding-right: 19px;
}
.welcome {
background-color: transparent;
padding: 8px;
text-align: justify;
font-family: trebuchet ms;
font-size: 8pt;
color: #939393;
line-height: 9pt;}
#navigation {
background-color:#transparent;
margin-bottom: 4px; margin-top: 0px;
line-height:8pt;
text-align:center;
color:#e6b517;
padding-left: 25px; padding-right: 19px;
}
a.nav:link,a.nav:visited,a.nav:active {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
font-style:italic;
font-weight:700;
color:#fff;
text-decoration:none;
text-align:center;
padding:0;
text-shadow: #e8ba29 2px 0px 0px;
}
a.nav:hover {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
font-style:italic;
font-weight:700;
color:#fbf9f3;
text-decoration:none;
text-align:center;
padding:0;
text-shadow: #deac0c 1px 0px 0px;
}
Bardzo Wam dziękuję!