Ich habe zuerst Cecilia-Mint als Theme verwendet,nun vom gleichen Autor das Theme Financestar installiert.
Ich habe unter dem Header ein eigenes Menü laufen. Im Cecila-Mint alles tadellos, im Fincestar nach 1:1 Kopie des Headerteiles und der CSS habe ich zwischen den Buttons 4-5 Pixcel große Abstände, unschön
Siehe::http://www.fraunz.at/
Header:
HTML
</head>
<body>
<div id="art-page-background-gradient"></div>
<div id="art-main">
<div class="art-sheet">
<div class="art-sheet-tl"></div>
<div class="art-sheet-tr"></div>
<div class="art-sheet-bl"></div>
<div class="art-sheet-br"></div>
<div class="art-sheet-tc"></div>
<div class="art-sheet-bc"></div>
<div class="art-sheet-cl"></div>
<div class="art-sheet-cr"></div>
<div class="art-sheet-cc"></div>
<div class="art-sheet-body">
<div class="art-header">
<div class="art-header-png"></div>
<div class="art-header-jpeg"></div>
<div class="art-logo">
<h1 id="name-text" class="art-logo-name">
<a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
<div id="slogan-text" class="art-logo-text">
<?php bloginfo('description'); ?></div>
</div>
</div>
<div id="menuPositioner">
<div id="menuHolder">
<ul id="menu">
<li><a href="index.php"><b> Home </b></a></li>
<li><a href="http://www.brunner.at"><b> Domain und Webhosting </b></a></li>
<li class="current"><a class="sub" href="#"><b> CMS-Opensource </b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub1">
<li><a class="fly" href="#"> Wordpress<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="fly1">
<li><a href="http://wordpress-deutschland.org/">Wordpress.org</a></li>
<li><a href="http://forum.wordpress-deutschland.org/">Wordpress-Forum</a></li>
<li><a href="http://wordpress.org/extend/plugins/">Wordpress-Plugins</a></li>
<li><a href="http://wordpress.org/extend/themes/">Wordpress-Themes</a></li>
<li><a href="http://doku.wordpress-deutschland.org/Hauptseite">Wordpress-Doku</a></li>
<li><a href="http://bueltge.de/">Bueltge</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="currentsub"><a class="fly" href="#"> Weitere CMS <!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="fly2">
<li><a href="http://www.joomlaos.de/">Joomla</a></li>
<li><a href="http://www.opencms.org/de/">OpenCms</a></li>
<li class="currentfly"><a href="http://www.papaya-cms.com/">Papaya</a></li>
<li><a href="http://php.opensourcecms.com/general/ratings.php">OpenSourceCms</a></li>
<li><a href="http://typo3.org/">Typo3</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="http://www.dna-cms.de/4575_Einführung.html">DNA-CMS</a></li>
<li><a href="http://plone.org/countries/de">Plone</a></li>
<li><a class="fly" href="http://www.drupalcenter.de/">Drupal<!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="fly3">
<li><a href="http://drupal.org/project/Modules">Drupal Modules</a></li>
<li><a href="http://drupal.org/project/Themes">Drupal-Themes</a></li>
<li><a href="http://www.drupalcenter.de/handbuch/9912">Drupal Handbuch</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="sub" href="#"><b> Linux </b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub2">
<li><a href="http://de.opensuse.org/Willkommen_auf_openSUSE.org">OpenSuse</a></li>
<li><a href="http://www.knopper.net/knoppix/">Knoppix</a></li>
<li><a href="http://www.ubuntu.com/desktop/get-ubuntu/download">Ubuntu</a></li>
<li><a href="http://www.mandriva.com/de">Mandriva</a></li>
<li><a href="http://www.de.redhat.com/">RedHat</a></li>
<li><a href="http://www.de.debian.org/CD/vendors/">Debian</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="sub" href="#"><b>Favoriten - Links</b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub3">
<li><a href="http://www.google.at">Google</a></li>
<li><a href="http://de.giveawayoftheday.com/">Taegl. Vollversion</a></li>
<li><a href="http://www.die-staemme.de/">Browser-Game(lustig)</a></li>
<li><a href="http://member.ijji.com/register.nhn">Online-Shooter</a></li>
<li><a href="http://www.uwz.at">Unwetter-Zentrale</a></li>
<li><a href="http://dict.leo.org/ende?search=Seite">Online-Uebersetzer</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a class="sub" href="#"><b> Steyr </b><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub4">
<li><a href="http://www.steyr.at/system/web/default.aspx">Stadt-Steyr</a></li>
<li><a href="http://www.tourism-steyr.at/">Tourismus</a></li>
<li><a href="http://www.steyr.at/system/web/zusatzseite.aspx?menuonr=218377832&detailonr=219023922/">Busfahrpläne</a></li>
<li><a href="http://www.cityplexxx.at/sinema/cp/cityplexxx.htm">Kinoprogramm</a></li>
<li><a href="http://www.szene1.at/location/altestheatersteyr">Altes Theater</a></li>
<li><a href="http://www.szene1.at/">Szene (Who is Who)</a></li>
<li><a href="http://www.oegeg.at/index.php/oegeg/termine">Steyrtalbahn</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="http://www.fraunz.at/rbook/"><b> Kochrezepte </b></a></li>
<li><a href="http://www.hapo-trade.at/"><b>Modellbau-Shop</b> </a></li>
<li><a href="http://www.at.map24.com/"><b> Routenplaner </b> </a></li>
<li><a href="http://fahrplan.oebb.at/bin/query.exe/dn"><b >OEBB </b></a></li>
<li id="contact"><a href="mailto:franky@fraunz.at"><b> Kontakt </b></a></li>
</ul>
</div>
</div>
Alles anzeigen
Style.css:
HTML
#menuPositioner {width:100%; position:relative; float:left; top:-30px; margin-bottom:-35px; }
#menuHolder {position:relative; float:left; left:50%;}
#menu,
#menu ul {padding:0; margin:0; list-style:none; font: 12px arial, verdana, sans-serif; background:url(trans.gif); position:relative; z-index:100;}
#menu {height:35px; float:left; padding:0; background:#9f410d; position:relative; right:50%;}
#menu ul {position:absolute; left:-9999px; top:-9999px;}
#menu table {border-collapse:collapse; margin:-1px; padding:0; width:0; height:0;}
#menu li {float:left;}
#menu li a {display:block; float:left; color:#fff; height:40px; padding:0 20px 0 0; line-height:38px; text-decoration:none; background:url(button1a.gif) no-repeat right top;}
#menu li a.sub {background:url(button3a.gif) no-repeat right top;}
#menu li a b {display:block; float:left; height:40px; background:url(button1.gif) left top; padding:0 0 0 20px; cursor:pointer;}
#menu li:hover {position:relative; z-index:100;}
#menu a:hover {position:relative; z-index:100; color:#fc0;}
#menu a.sub:hover {background:url(button3.gif) no-repeat right top;}
#menu li:hover > a {color:#fc0;}
#menu li:hover > a.sub {background:url(button3.gif) no-repeat right top;}
#menu :hover ul {left:0; top:30px; z-index:300; width:130px; padding-top:4px; background:url(trans.gif);}
#menu :hover ul li a {height:25px; width:120px; padding:0 0 0 10px; line-height:25px; background:#D57441; color:#fff; border-bottom:1px solid #a3b6c4; font-size:11px;}
#menu :hover ul li a.fly {background:#D57441 url(fly.gif) no-repeat right center;}
#menu :hover ul li a:hover {color:#fc0;}
#menu :hover ul li a:hover.fly {background:#D57441 url(fly-over.gif) no-repeat right center;}
#menu :hover ul li:hover > a {color:#fc0;}
#menu :hover ul li:hover > a.fly {background:#D57441 url(fly-over.gif) no-repeat right center;}
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px;}
#menu :hover ul :hover ul {left:117px; top:0; padding:0;}
#menu :hover ul :hover ul li a {background:#9f410d; color:#000; border-bottom:1px solid #D57441; font-size:11px;}
#menu :hover ul :hover ul li a:hover {color:#fff;}
Alles anzeigen
Jemand eine Idee, warum?
danke
lg
franky