HP: http://www.virtu-corner.ch
Theme: pushing borders
wp-version: 2.8.4
stylesheet.css:
Code
/*
Theme Name: Pushing Borders
Theme URI: http://www.themelab.com/free-wordpress-themes/
Description: A 3 column theme. Visit <a href="http://www.themelab.com">Theme Lab</a> for more free WordPress themes and <a href="http://www.demusdesign.com/">DemusDesign</a> for more free templates.
Version: 1.0
Author: Theme Lab
Author URI: http://www.themelab.com/
*/
body {
margin: 0 0 0 0;
background-color: #fff;
}
a {
text-decoration: none;
color: #3b3b3b;
}
a:hover {
text-decoration: underline;
color: #3b3b3b;
}
#preload {
width: 0;
height: 0;
display: inline;
background-image: url('images/menubg.jpg');
}
#header {
width: 100%; height: 150px;
margin: 0 0 0 0;
background-color: #3b3b3b;
vertical-align: bottom;
z-index: 1;
}
#header h1 {
display: block;
position: absolute;
margin: 84px 0 0 0; padding: 0;
background-color: transparent;
color: #fff;
font-family: 'trebuchet ms', 'century gothic', verdana, sans-serif;
font-size: 70px;
font-weight: 400;
z-index: 4;
}
#header h1 a,#header h1 a:hover {color:#fff;text-decoration:none;}
span {
color: #06f;
}
#header big {
float: right;
width:20%;
margin: 0 0 0 0; padding: 0;
color: #3b3b3b;
font-family: 'trebuchet ms', 'century gothic', verdana, sans-serif;
font-size: 100px;
letter-spacing: -11px;
}
#menu {
position: absolute; top: 150px;
width: 100%;
height: 61px;
margin: 0 0 0 0;
background-color: #000;
border-top: solid 1px #fff;
border-bottom: solid 1px #fff;
z-index: 3;
text-align: center;
}
#menu ul {
margin-top: 20px;
}
#menu ul li {
display: inline;
}
#menu ul li a {
background-color: transparent;
background-repeat: repeat-x;
padding: 14px 20px 14px 20px;
font-size: 0.8em;
font-family: 'century gothic', verdana, sans-serif;
color: #666;
font-weight: bold;
text-decoration: none;
border: solid 1px #000;
}
#menu ul li a:hover {
background: #3b3b3b;
color: #fff;
text-decoration: none;
border: solid 1px #fff;
}
#main {
position: absolute; top: 211px;
width: 100%;
background: url('images/main.jpg') repeat-x top;
}
#container {
width: 90%;
margin: 0 auto;
padding-top: 50px;
font-family: arial;
font-size: 0.9em;
}
#subnav {
clear: left;
float: left;
width: 330px;
padding: 0;
font-size: 0.6em;
font-family: verdana, arial, sans-serif;
}
#subnav h2 {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #cccccc;
display: block;
background: #3b3b3b;
border-right: 10px solid #fff;
padding: 5px;
margin-bottom:1px;
}
#subnav ul {
list-style: none;
width: 140px;
margin: 0 0 0px 0;
padding: 0;
font-size: 1.1em;
}
#subnav ul li {
font-size: 0.9em;
padding: 0;
margin-bottom: 1px;
}
#subnav ul li a {
height: 14px;
padding-left: 10px;
border-right: 10px solid #fff;
background: #bbb;
color: #666;
font-weight: bold;
text-decoration: none;
display: block;
padding: 5px;
}
#subnav ul li a:hover {
color: #06f;
background-color: #e0e0e0;
border-right: 10px solid #fff;
}
#content {
margin: 0 0 10px 0;
border-right: 0px solid #ccc; padding: 0 20px 0 0;
line-height: 1.6em;
color: #666;
font-size: 14px;
font-family: verdana, arial, sans-serif;
}
#content p {
padding-bottom: 5px;
}
h1 {
margin-top: 0px;
color: #06f;
letter-spacing: -2px;
font-family: 'trebuchet ms', 'century gothic', verdana, sans-serif;
}
#extras h2,#content h2 {
margin-top: 20px;
margin-bottom: 10px;
color: #666;
letter-spacing: -1px;
font-size: 14px;
font-family: 'trebuchet ms', 'century gothic', verdana, sans-serif;
}
.right {
float: right;
width: 100%;
margin: 0 0 8px 12px;
padding: 4px;
background-color: #FFF;
border: 1px solid #CCC;
}
#footer {
padding: 5px;
margin-top: 50px;
margin-bottom: 3px;
color: #aaa;
font-size: 0.7em;
text-align: center;
border-top: 1px solid #ccc;
}
#extras {
clear: right;
float: right;
width: 140px;
margin-left: 10px;
margin-bottom: 20px;
padding: 0;
color: #666;
}
#extras p {
line-height: 1.5em;
margin: 0 0 1.5em 0;
font-size: 0.7em;
}
#extras ul {
line-height: 1.5em;
margin: 0 0 1.5em 0;
font-size: 0.7em;
list-style:none;
margin: 0 0 0px 0;
padding: 0;
}
#box1 {
background: #fff url('images/boxbg.jpg') repeat-x top;
border: 1px solid #ccc;
width: 30%;
float: left;
margin: 0 2px; text-align: left;
padding: 1px;
}
#box2 {
background: #fff url('images/boxbg.jpg') repeat-x top;
border: 1px solid #ccc;
margin: 0 auto;
width: 30%; text-align: left;
padding: 1px;
}
#box3 {
background: #fff url('images/boxbg.jpg') repeat-x top;
border: 1px solid #ccc;
width: 30%;
float: right;
margin: 0 2px; text-align: left;
padding: 1px;
}
#box1 h2, #box2 h2, #box3 h2 {
margin-left: 4px;
}
.center {
text-align:center;
display:block;
margin-top: 15px;
}
.box {
margin: 0 4px 10px 4px;
line-height: 1.3em;
font-size: 0.8em;
border: 0;
}
/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;
background-color: #F7F7F7;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.commentlist {
padding: 0;
text-align: justify;
}
.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */
.alignright {
float: right;
width: 100%;
}
.alignleft {
float: left;
width: 100%;
}
.clear {clear:both;}
Alles anzeigen
index.php:
PHP
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-10162690-1");
pageTracker._trackPageview();
} catch(err) {}</script>
<?php get_header(); ?>
<div id="content">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>
<h2><?php the_time('F jS, Y') ?></h2>
<?php the_content('Read the rest of this entry »'); ?>
<p>Filed under: <?php the_category(', ') ?> | <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p>
<?php endwhile; ?>
<div class="alignleft"><?php next_posts_link('« Older Entries') ?></div>
<div class="alignright"><?php previous_posts_link('Newer Entries »') ?></div>
<?php else : ?>
<style type="text/css">
<!--
.main_index {
font-family: verdana, arial, "sans serif";
font-size: 14px;
color: #666;
line-height: 1.6em;
}
-->
</style>
<table width="100%" border="0">
<tr>
<td width="22%" valign="top"><table width="100%" border="0">
<tr align="center">
<td align="left" valign="top"><img src="http://www.virtu-corner.ch/pictures/sidebar/in_unison.jpg" width="250" height="178" /></td>
</tr>
<tr align="center">
<td align="left" valign="top">
<p><br>
<span class="main_index">The first and exclusive showroom in Europe with all the DaVinciAudio products</span></p></td>
</tr>
</table></td>
<td width="5%"> </td>
<td width="50%" valign="top" class="main_index"><strong>Welcome to DaVinciAudio's Virtu Corner</strong><br><br>
Virtu Corner gives the possibility to listening the complete DaVinciAudio system in Europe. Only a 10 minutes drive away from Bern City you find our Auditorium. In this natural ambiance you are welcome to enjoy music and you have the possibility to ask questions to our developer. We would be pleased to show you also the Atelier of DaVinciAudio in Bern. A trip to the old city of Bern would be an attraction, for those who don't know the capital of Switzerland. If you need to stay over night, there are several possibilities of accomodation we can recommend. Enjoy a few golden hours by listening to your favorite Vinyls or CDs at VinciAudio's VirtuCorner...</td>
<td width="2%"> </td>
<td width="21%" valign="top"><table width="100%" border="0">
<tr align="center" valign="top">
<td valign="top"><a href="http://www.virtu-corner.ch/pictures/index/entry.jpg" rel="shadowbox[post-1]"><img src="http://www.virtu-corner.ch/pictures/index/entry_thumb.jpg" width="100" height="100" /></a></td>
<td valign="top"><a href="http://www.virtu-corner.ch/pictures/index/landscape.jpg" rel="shadowbox[post-1]"><img src="http://www.virtu-corner.ch/pictures/index/landscape_thumb.jpg" width="100" height="100" /></a></td>
</tr>
<tr align="center" valign="top">
<td valign="top"><a href="http://www.virtu-corner.ch/pictures/index/outside.jpg" rel="shadowbox[post-1]"><img src="http://www.virtu-corner.ch/pictures/index/outside_thumb.jpg" width="100" height="100" /></a></td>
<td valign="top"><a href="http://www.virtu-corner.ch/pictures/index/weg.jpg" rel="shadowbox[post-1]"><img src="http://www.virtu-corner.ch/pictures/index/weg_thumb.jpg" width="100" height="100" /></a></td>
</tr>
<tr align="center" valign="top">
<td valign="top"><a href="http://www.virtu-corner.ch/pictures/index/Einfahrt.jpg" rel="shadowbox[post-1]"><img src="http://www.virtu-corner.ch/pictures/index/Einfahrt_thumb.jpg" width="100" height="100" /></a></td>
<td valign="top"> </td>
</tr>
</table></td>
</tr>
</table>
<?php endif; ?>
</div>
<?php get_footer(); ?>
Alles anzeigen
Habe schon jeden anderen browser ausprobiert, alle funktionieren einwandfrei... liegt es an den tabellen die ich eingefügt habe? falsche stelle?