Hallo,
ich habe folgendes Problem, und zwar habe ich m ir eine Template heruntergeladen und gecodet:
http://www.free-css.com/free-css-templates/page117/bestwebdesign.php#bookmarks
nun habe ich das Problem, dass die NAviagtion nicht angezeigt wird, siehe hier:
http://nachrichtenjournal.de.tl/Home.htm
Ich weiss, dass dieser Code falsch ist:
#extraDiv1 {display: none;} #extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;} #post_header {display: none;} #pre_content {display: none;} #nav_heading{display: none;} #nav{display: none;} div.header{display: none;} h1#title{display: none;} h2#title span {display: none;}
Wenn ich diesen rausnehme ist die Navi da aber unten wird dann diese andere Naviangezeitg .Beispiel:
www.mrquirinho-test.de.tl
HIer sind Code über dem Design und CSS-Code:
TExt über:
<!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>
<title>BestWebdesign</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://yourjavascript.com/305841124/jquery-1.3.2.min.js
"></script>
<script type="text/javascript" src="http://yourjavascript.com/592151384/jquery.cycle.all.min.js
"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#slideshow').cycle({
fx: 'fade',
speed: 'slow',
timeout: 5000,
pager: '#slider_nav',
pagerAnchorBuilder: function(idx, slide) {
// return sel string for existing anchor
return '#slider_nav li:eq(' + (idx) + ') a';
}
});
});
</script>
</head>
<body>
<div class="main">
<div class="header_resize">
<div class="header">
<div class="logo"><a href="#"><img src="http://img.webme.com/pic/n/nachrichtenjournal/logo.gif" width="338" height="70" border="0" alt="" /></a></div>
<div class="menu">
<ul>
<li><a href="index.html" class="active"><span>Home</span></a></li>
<li><a href="portfolio.html"><span>Portfolio </span></a></li>
<li><a href="about.html"><span> About Us </span></a></li>
<li><a href="contact.html"><span> Contact Us</span></a></li>
</ul>
</div>
<div class="clr"></div>
<div class="clr"></div>
</div>
</div>
<div class="header_blog">
<div id="slider">
<!-- start slideshow -->
<div id="slideshow">
<div class="slider-item"><a href="#"><img src="http://img.webme.com/pic/n/nachrichtenjournal/simple_img_1.jpg" alt="" width="960" height="341" border="0" /></a></div>
<div class="slider-item"><a href="#"><img src="http://img.webme.com/pic/n/nachrichtenjournal/simple_img_2.jpg" alt="" width="960" height="341" border="0" /></a></div>
<div class="slider-item"><a href="#"><img src="http://img.webme.com/pic/n/nachrichtenjournal/simple_img_3.jpg" alt="" width="960" height="341" border="0" /></a></div>
</div>
<!-- end #slideshow -->
<div class="controls-center">
<div id="slider_controls">
<ul id="slider_nav">
<li><a href="#"></a></li>
<!-- Slide 1 -->
<li><a href="#"></a></li>
<!-- Slide 2 -->
<li><a href="#"></a></li>
<!-- Slide 3 -->
</ul>
</div>
</div>
</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
<div class="body_bottom">
<div class="body_bottom_resize">
<div class="block"> <img src="http://img.webme.com/pic/n/nachrichtenjournal/fbg_1.gif" alt="" width="49" height="49" />
<h2>Web Development<br />
<span>Sed congue, dui vel tristique mollis... </span> </h2>
<div class="bg"></div>
<p>Quisque interdum massa nec urna imperdiet <br />
hendrerit. Quisque interdum massa nec urna imperdiet. Ut in justo quis ipsum auctor sagittis. </p>
<a href="#"><img src="http://img.webme.com/pic/n/nachrichtenjournal/fbg_read_more.gif" alt="" width="87" height="31" border="0" /></a></div>
<div class="block"> <img src="http://img.webme.com/pic/n/nachrichtenjournal/fbg_2.gif" alt="" width="49" height="49" />
<h2>Business Plan<br />
<span>Sed congue, dui vel tristique mollis... </span></h2>
<div class="bg"></div>
<p>Quisque interdum massa nec urna imperdiet <br />
hendrerit. Quisque interdum massa nec urna imperdiet. Ut in justo quis ipsum auctor sagittis. </p>
<a href="#"><img src="http://img.webme.com/pic/n/nachrichtenjournal/fbg_read_more.gif" alt="" width="87" height="31" border="0" /></a></div>
<div class="block"> <img src="http://img.webme.com/pic/n/nachrichtenjournal/fbg_3.gif" alt="" width="49" height="49" />
<h2>Online Support<br />
<span>Sed congue, dui vel tristique mollis... </span></h2>
<div class="bg"></div>
<p>Quisque interdum massa nec urna imperdiet <br />
hendrerit. Quisque interdum massa nec urna imperdiet. Ut in justo quis ipsum auctor sagittis. </p>
<a href="#"><img src="http://img.webme.com/pic/n/nachrichtenjournal/fbg_read_more.gif" alt="" width="87" height="31" border="0" /></a></div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
<div class="body">
<div class="body_resize">
<div class="left">
CSS:
/*WERBUNG ZENTRIEREN*/
table[height="102"] {
margin:auto;
}
/*WERBUNG ZENTRIEREN ENDE*/
#extraDiv1 {display: none;} #extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;} #post_header {display: none;} #pre_content {display: none;} #nav_heading{display: none;} #nav{display: none;} div.header{display: none;} h1#title{display: none;} h2#title span {display: none;}
@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#fafafa;}
html { padding:0; margin:0;}
.main { margin:0 auto; padding:0;}
.resize { width:960px; padding:0; margin:0 auto;}
/********** header **********/
.header_resize {background: url(http://img.webme.com/pic/n/nachrichtenjournal/header_bg.gif) top repeat-x; margin:0; padding:0;}
.header { width:960px; padding:0; margin:0 auto; }
.header_blog { background: url(http://img.webme.com/pic/n/nachrichtenjournal/header_block_bg.jpg) top center repeat-x; padding:20px 0 0 0; margin:0; height:380px;}
.header_blog2 { background: url(http://img.webme.com/pic/n/nachrichtenjournal/header_bglog2_bg.gif) top center repeat-x; padding:20px 0 0 0; margin:0; height:105px;}
.header_blog2 h2 { width:350px; float:left; font: bold 36px Arial, Helvetica, sans-serif; color:#292929; padding:10px 0 0 15px; margin:0;}
.header_blog2 p { font: italic 12px Arial, Helvetica, sans-serif; color:#6d6d6d; padding:10px 0 0 0; margin:0; width:300px; float:right;}
.header_blog h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#1d1d1d; padding:10px 0 0 0; margin:0;}
.header_blog p { font: normal 11px Arial, Helvetica, sans-serif; color:#fff; padding:0 0 30px 0; margin:0;}
/* logo */
.logo {padding:0; margin:0; width:148px; float:left;}
/*menu*/
.menu { padding:13px 0 0 0; margin:0 ; width:410px; float:right; }
.menu ul { text-align: right; padding:0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:0 5px; border:0;}
.menu ul li a { float:left; margin:0; padding:12px 0; color:#fffefe; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase;}
.menu ul li a span { padding:12px 9px; background:none;}
.menu ul li a:hover { background: url(http://img.webme.com/pic/n/nachrichtenjournal/r_menu.gif) no-repeat right;}
.menu ul li a:hover span { background:url(http://img.webme.com/pic/n/nachrichtenjournal/l_menu.gif) no-repeat left;}
.menu ul li a.active { background:url(http://img.webme.com/pic/n/nachrichtenjournal/r_menu.gif) no-repeat right;}
.menu ul li a.active span { background:url(http://img.webme.com/pic/n/nachrichtenjournal/l_menu.gif) no-repeat left;}
/* body */
.body_resize { padding:0; width:960px; margin:0 auto;}
.body { padding:20px 0; margin:0 auto; background:#fafafa; border-top:none; }
.body h2 { font:normal 20px Arial, Helvetica, sans-serif; color:#171717; padding:10px 5px 20px 5px; margin:0;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#898989; line-height:1.8em; padding:3px 5px; margin:0;}
.body p span { color:#247ca4; font: normal 11px Arial, Helvetica, sans-serif; line-height:1.8em; padding:5px 0; margin:0;}
.body a { color:#247ca4; text-decoration:none; font: bold 12px Arial, Helvetica, sans-serif;}
.body img { margin:5px auto; padding:0;}
.body img.floated { float:left; margin:10px 10px; padding:0;}
.full { margin:0; padding:10px;}
.right { width:300px;margin:0; padding:10px; float:right;}
.left {width:620px;margin:0; padding:10px; float:left;}
.blog_port { width:281px; margin:0 5px; padding:15px 10px; float:left; border:1px solid #ddd; background:#fefefe;}
.blog_port img { margin:0; padding:0 5px 10px 5px; float:none;}
.butons { width:50px; margin:10px auto; padding:0;}
/*.body_bottom */
.body_bottom { background:#f8f8f8; padding:0; margin:0; border-bottom:1px solid #e9e9e9;}
.body_bottom .block { width:300px; float:left; padding:15px 10px; margin:0;}
.body_bottom h2 { font: normal 20px Arial, Helvetica, sans-serif; color:#171717; padding:15px 10px; margin:0;}
.body_bottom h2 span { font: italic 11px Arial, Helvetica, sans-serif; color:#247ca4;}
.body_bottom p { font: normal 12px Arial, Helvetica, sans-serif; color:#9a9a9a; padding:10px 5px; margin:0; line-height:1.8em;}
.body_bottom img { float:left; margin:10px 10px 10px 0; padding:0;}
.body_bottom_resize { width:960px; padding:0; margin:0 auto;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:100px; display:block; padding:10px 0; color:#898989; font: normal 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left; }
#contactform label span { color:#F00; }
#contactform input.text { width:450px; border:1px solid #e1e1e1; margin:2px 0; padding:5px 2px; height:16px; background:#fff; float:right; }
#contactform textarea { width:450px; border:1px solid #e1e1e1; margin:2px 0; padding:2px; background:#fff; float:right; }
#contactform li.buttons input { padding:3px 0 3px 480px; margin:10px 0 0 0; border:0; color:#FFF; float:left; }
/*************footer**********/
.footer {padding:0; margin:0; border-top:1px solid #e9e9e9; background:#ececec;}
.footer_resize { width:940px; margin:0 auto; padding:20px 10px;}
.footer p { font:normal 12px Arial, Helvetica, sans-serif; color:#777;}
.footer a { font:bold 12px Arial, Helvetica, sans-serif; color:#777; text-decoration:none; padding:5px; margin:0;}
.footer p.right { text-align:right; width:350px; margin:0; padding:15px 0 0 0; float:right;}
.footer p.leftt { text-align:left; width:550px; margin:0; padding:15px 0 0 0; float:left;}
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { float:right; clear:both; border-top:1px solid #e2e2e2; width:100%; padding:0; margin:5px 0; background:none; line-height:0;}
/* Slider */
#slider { width:960px; padding:0 0 0 0; margin:0 auto;}
div#slideshow { float: left; width: 100%; height: 341px; }
.slider-item { width: 100% !important; height: 341px; }
.slider_content_inner img { border: none; }
.controls-center { width: 960px; margin-left: auto; margin-right: auto; }
#slider_controls { float: right; position: relative; margin:10px 0 0 0; z-index: 1000; width:960px; height:23px;}
#slider_controls ul { margin:0 auto; padding:2px 23px 2px 0; width:54px;}
#slider_controls ul li { margin: 0; padding: 0; list-style: none; }
#slider_controls ul li { float: left; display: block; }
#slider_controls ul li a { width: 10px; height: 10px; background:url('http://img.webme.com/pic/n/nachrichtenjournal/tabs_2.gif') no-repeat center center; display: block; float: left; padding:2px; margin:2px !important; margin:1px 1px; outline: none; }
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { background:url('http://img.webme.com/pic/n/nachrichtenjournal/tabs_1.gif') no-repeat center center; }
Kann jemand helfen?
