Beiträge von geischt

geischt

hab mich ein bisschen zu früh gefreut. etwas hat doch noch nicht geklappt:
der graue bg der sidebar "wächst" nicht mehr mit dem content mit. hast du einen vorschlag??
screenshots im anhang.

geischt

jawolll!! hat perfekt geklappt!! vielen, vielen dank für die super hilfe!!!

geischt

Ich suche jetzt schon eine weile nach einer möglichkeit den footer zu verbreitern. er sollte genau wie die navi-bar über die ganze seite gehen, ohne dabei fixe breiten zu verwenden...
hp-link: http://www.da-vinci-audio.com
hier das CSS-sheet:

Code

/*
Theme Name: Infinite-Gray
Theme URI: http://www.coated.com
Description: <a href = "http://feeds.feedburner.com/CoatedDotCom">Subscribe now</a> for updates.  Infinite Gray is a clean two column theme which validates both for css and xhtml.  Widgets are supported and code is optimised for quick loading.  Be sure to visit the <a href = "http://www.coated.com/wordpress-theme-infinite-wordpress">Infinite Gray Theme Homepage</a> for additional updates.  For other free themes, please visit our <a href = "http://www.coated.com/category/free-wordpress-themes/">Free Themes Page</a>.
Author: Mike James
Author URI: http://www.coated.com
version: 1.0
*/






/* basics */


*{margin:0; padding:0;}


body {
    background: #000;
    font-family: verdana, arial, sans-serif;
    font-size: 11pt;
    }
    
h1 {font-size: 18pt;}
h2 {font-size: 14pt; margin-top:10px;}
h3 {font-size: 10pt; margin-top:10px;}
h4 {font-size: 9pt;}


small {font-size:11px; color:#fff; }


/* images and misc. */


img{ border: none; padding: 6px; }
img a{border:none;}


img.left{ float: left; border: none; padding: 6px; }
img.right{ float: right; border: none; padding: 6px; }


blockquote{
    border-left:1px solid #000;
    margin:15px;
    padding:0 16px 0 16px;
    }


code{
    margin:10px;
    font-family: verdana, arial, sans-serif;
}




/* links */


a{
    color:#fff;
    text-decoration:none;
    border: none;
    }


a:hover{color:#fff;text-decoration: underline; border: none;}






/* container */




#container {
    width: 960px;
        margin: 0 auto;
    background:#464646; 
    color:#fff;


    }
    
/* header */


#header {
    background: #000;
        width: 100%; 
    color: #a4a4a4; 
    height: 110px;
        margin: 0 auto;
        text-align: center
    }


#header h1{
    font-family: verdana, arial, sans-serif;
    font-size: 2.7em;
    font-weight: 300;
        text-decoration: none;
    letter-spacing: 1px;
        padding: 40px
}


#header h2{
    font-family:  verdana, arial, sans-serif;
    font-size: 1.6em;
    font-weight: 200;
    color: #fff;
    letter-spacing: 1px;    


    }


/* main menu */


#menubg {
    background: #4A4A4A url(images/menu-bg.gif) repeat-x;
        width: 100%; 
    height:30px;
    border-top: 1px solid #000;
    border-bottom: 3px solid black;
}






#menu {
    margin-top:-34px;
    background: #4A4A4A url(images/menu-bg.gif) repeat-x;
    font-family:  verdana, arial, sans-serif;
    font-size: 11pt;  
        width: 100%; 
    height:30px;
    border-top: 1px solid #000;
    border-bottom: 3px solid black;
}




#menu ul {
    margin: 6px 0 6px 0;
    padding: 0;
    text-align: center;
}


#menu ul li {
    list-style-type: none;
    display: inline;
    margin: 0;
    padding: 0;
}


#menu ul li a {
    padding: 7px 13px 7px 13px;
    margin: 0;
    text-decoration: none;
    color: #fff;


}


#menu ul li a:hover {
    text-decoration: none;
    color:#a4a4a4;
    background:url(images/menu_bg_over1.gif) repeat-x;
        padding: 7px 13px 5px 13px;    
}






/* content */




#content {
    float: left;
    width: 79%;
    overflow: hidden;
    }    


.post {
    margin:0 10px;
    padding:10px 10px 10px 5px;
    line-height: 14pt;
    }
    
.post h2{
    font-family:  verdana, arial, sans-serif;
    font-size: 18pt;
    font-weight: 350;
    color: #cacaca; 


    }
    
.post h2 a{
    color: #fff;
    text-decoration: none;
    }
    
.post h2 a:hover{
    color: #fff;
    text-decoration: none;
    }
    
.post p{font-size: 11pt;}


.post a {


color: #fff;
text-decoration:none;


}


.post a:hover {
color: #fff;
text-decoration:underline;


}


.post a:visited {


color: #fff;




}


.post ul {}


.post li {}


.entry p{margin:12px 0;}


.postmetadata{
    clear: both;
    background:#ffffff;
    padding:6px;
    margin-top: 16px;
    }
    


.navigation {
    font-size:8pt;
    float:left;
    width:100%;
    }
    
    .alignleft {float:left; margin:25px;}
    .alignright {float:right; margin:25px;}


.notfound{padding: 25px; font-size: 14pt; font-weight: 300;}


/* sidebar */


#sidebar {
    font-family:  verdana, arial, sans-serif;
    font-size:8.5pt;
    width: 20%;
    float:right;
        background-color:#464646;
    }


#sidebar h2{
    font-family:  verdana, arial, sans-serif;
    font-weight: normal; 
    font-size: 12pt; 
    text-align: left;
    color: #fff;
    background-color:#a4a4a4;
}


#sidebar p {margin:0; padding: 0 0 0 0;}


#sidebar img {padding: 0; margin: 0;}


#sidebar ul {
    margin:0;
    padding:6px 0 5px 3px;
    list-style-type: none;
    }


#sidebar ul li {
    margin: 0;
    padding: 0;
    line-height: 14pt;
    list-style-type: none; 
    }


#sidebar ul ul {
    margin: 0 0 0 0;
    padding: 0;
}


#sidebar ul ul li {
    list-style-type: circle;
    list-style-position: inside;
    }


#sidebar ul ul ul{
    margin: 0;
    padding: 10px;
}


#sidebar ul ul ul li{
    padding: 0 0 0 0;
    list-style-type: square;
    color: #fff;
}


#sidebar a{
    color:#fff;
    text-decoration:none;
    border: none;
    }


#sidebar a:hover{
     color:#fff;
     text-decoration: underline;
     border: none;
}


#sidebar a:visited{
    color:#fff;
    border: none;
    }




/* comments */


#commentssection{
    clear: both;
    padding: 2px 12px;
    margin: 0;
    font-size:10pt;
    }
    
#commentssection h3{
    font-family:  verdana, arial, sans-serif;
    font-size: 12pt;
    font-weight: 300;
    font-style: normal;
    color: #000;
    }


#commentform{
    background: #fff;
    margin: 12px 12px 20px 12px;
    padding:20px;
    }
    
#commentform p{
    color: #000;
    }
    
#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}
    
#commentform h3{
    font-family:  verdana, arial, sans-serif;
    font-size: 10pt;
    font-weight: 300;
    color: #000;
    }
    
#commentbox{
    width:75%;
    min-width:400px;
    margin:5px 5px 0 0;
    }


#author, #email, #url, #commentbox, #submit{
    background: #fff;
    font-family: verdana, arial, sans-serif;
    font-size: 8pt;
    margin:5px 5px 0 0;
    border: none; 
    padding: 6px;
    border: 1px solid #B2B2B2;
    }


#submit{margin:5px 5px 0 0;}


    
ol.commentlist {list-style-type: none;}


ol.commentlist li {
    background: #fff;
    margin:10px 0;
    padding:5px 0 5px 10px;
    overflow: hidden;
    }


ol.commentlist li.alt {
background: #f8f8f8;
border:1px solid #DDDDDD;
}
ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;}


ol.commentlist a {color:#393939;}


cite {
    font-family: verdana, arial, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    }
    
cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}




/* search */


#searchform{
    padding: 6px 0 6px 16px;
    font-family: verdana, arial, sans-serif;
    }


#searchform input#s{
    font-family: verdana, arial, sans-serif;
    font-size: 8pt;
    padding: 2px;
    margin: 2px;
    border: 1px solid #B7B7B7;
    }


#searchform input#searchsubmit{
    font-family:  verdana, arial, sans-serif;
    font-size: 7pt;
    padding: 2px;
    margin: 2px 0 0 2px;
    border: 1px solid #B7B7B7;
    background-color: #fff;
    color: #797979;
    }


/* footer */


#footer {
    background: #004A75 url(images/menu-bg.gif) repeat-x;
    width: 100%;
    margin-top:15px;
    border-top:solid 0px #a4a4a4;
    font-family:  "palatino linotype";
    font-size: 9px;
    text-align:center;
        clear:both;
    }
    
#footer p{
    padding:6px;
    margin: 0; 
    color: #999999;
    }


#footer a{
    color: #999999;
    ;text-decoration: none;
    }


#footer a:hover{
    color: #999999;
    text-decoration: underline;
    }


#footer a:visited{
    color: #999999;
    }


h2.archivetitle {
    font-size: 14pt;
    padding-left: 17px;
}


h2.searchtitle {
    font-size: 14pt;
    padding-left: 17px;
}


.post ol { 
    padding: 10px 0px 10px 25px; 
    margin: 0px; font-size:10pt; 
    }


.post ol li { 
    padding: 2px 0px 2px 0px; 
    line-height: 15px; font-size:10pt; 
    }


.post ul { 
    padding: 10px 0px 10px 5px; 
    margin: 0px; font-size:10pt;
    } 


.post ul li { 
    padding: 2px 0px 2px 15px; 
    list-style-type: none; 
    line-height: 15px; 
    font-size:10pt;
    }

Alles anzeigen

irgendwer irgendeine idee?? :confused:
vielen dank!!

geischt

würde ich gerne, kann ich aber (noch) nicht... wäre das problem behoben wenn ichs in css schreiben würde?

geischt

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 &raquo;'); ?>


<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('&laquo; Older Entries') ?></div>
            <div class="alignright"><?php previous_posts_link('Newer Entries &raquo;') ?></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%">&nbsp;</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%">&nbsp;</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">&nbsp;</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?

geischt

hallöchen zusammen!

wie schaffe ich es das die parent-seiten im navi-bar nicht als links fungieren? habe so jetzt bei den parents immer leere seiten falls sie angeklickt werden. könnte natürlich dort die hyperlinks der childs einfügen, finde aber, dass es doch auch anders möglich sein sollte... hat irgendjemand erfahrung mit diesem plug?? bin der komplette anfänger, bitte um rücksichtnahme ;)

url der homepage ist: http://www.da-vinci-audio.com

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von geischt

Footer gleiche Breite wie Navigation. Wie??

Footer gleiche Breite wie Navigation. Wie??

Footer gleiche Breite wie Navigation. Wie??

CSS validiert, IE 8 zeigt nur main_index trotzdem nicht richtig an

CSS validiert, IE 8 zeigt nur main_index trotzdem nicht richtig an

pixopoint multilevel navigation plugin problem