Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag03.08.2011 um 08:04 (UTC)    
Titel: Warum wird die Navigation nicht angezeigt?

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?


Zuletzt bearbeitet von mrquirinho am 03.08.2011, 09:12, insgesamt einmal bearbeitet
Beitrag03.08.2011 um 10:08 (UTC)    
Titel:

Lösche das Rote, dann wird die Navigation angezeigt. (Ich weiß aber nicht, wo...)

#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;}

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag03.08.2011 um 10:27 (UTC)    
Titel:

Habs gemacht geht trotzdem nicht
Beitrag03.08.2011 um 10:58 (UTC)    
Titel:

So jetzt hab ich die Navigation, jetzt nervt nur das Nachrichtenjournal über dem Text:
www.nachrichtenjournal.de.tl

Der Code sieht jetzt so aus:


#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;
}


h1#title {
display:none;
}

h2#title span {
display:none;
}
Beitrag03.08.2011 um 15:37 (UTC)    
Titel:

Füge dies hier hinzu:
Zitat:
#header { display:none; }


Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag03.08.2011 um 15:39 (UTC)    
Titel:

mrquirinho hat Folgendes geschrieben:
So jetzt hab ich die Navigation, jetzt nervt nur das Nachrichtenjournal über dem Text:
www.nachrichtenjournal.de.tl

Der Code sieht jetzt so aus:


#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;
}


h1#title {
display:none;
}

h2#title span {
display:none;
}


Dir fehlt das hier:

h1#header span{display:none;}

Dann dürfte der Titel im Content nicht mehr zu sehen sein.
LG
Theo
______________
Theos Welt und Co. verabschiedet sich nach einer wunderschönen Zeit mit euch aus dem Homepage-Baukasten mit einem dicken Dankeschön an alle, die mich während meiner Baukasten Zeit so weit gebracht haben. Warum Theos Welt und Co. sich aus dem Baukasten verabschiedet, könnt ihr in meinem Promotion-Thread und auf der Startseite von TheosWelt lesen. HpBk-TemplateWorld ist davon nicht betroffen!!
Beitrag03.08.2011 um 20:42 (UTC)    
Titel:

Super, danke funkioniert gut
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de