Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag14.09.2009 um 11:33 (UTC)    
Titel: Design CSS: Naviagtion wird nicht angezeigt

Hi wie der Titel schon sagt, sollte bei dem Design was ich habe, eine Navigation sein, ist aber nicht so. Wenn mir jemand helfen könnte wäre echt gut.

Hier der Code :
Code:
/*Copyright 2008 GfxArea.de.tl | Daniel Essl*/  /*Müll <img src="http://smilies.webme.com/smiles/rolleyes.gif" border="0">*/ #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;}  div.header{display: none;}  h1#title{display: none;}   h2#title span {display: none;}   /*Links*/ a{ color:#000000; text-decoration: none; font-size:16px;}  /*Allgemein*/ body { background-color:#E0E0E0; width: 1024px; height: 768px; font-family: Arial }  /*Allgemein*/ *{ padding: 0; margin: 0; }   /* Sorgt für die Zentrierung*/ #mitte { position: absolute; left: 50%; top: 95px; margin-left: -400px; width: auto; height: auto; padding: 0px; color: #ffffff; font-size:12px; background-color: none; background-image:url(); border: 0px solid green; overflow:none; }  /*Das Hintergrundbild*/ #daniel_essl{  width: 788px; height: 951px; border: 0px solid blue; background-image:url(http://img.webme.com/pic/f/flyforliberty-test/background1.png); background-repeat: no-repeat; }   /*Hier kommt die Navi rein*/ #header_container { position: absolute; left: 50px; top: 140px; width: 431px; height: 16px; padding:5px; color: #ffffff; font-size:12px; background-color: none; background-image:url(); border: 0px solid green; overflow:auto; }  /*Inhaltsbereich*/ #content { position: absolute; left: 210px; top: 300px; width: 530px; height: 715px; padding:5px; color: #000000; font-size:12px; background-color: none; background-image:url(); border: 0px solid green; overflow:auto;}  /*Rechte Box*/ #sidebar_container{ position: absolute; left: 21px; top: 300px; width: 715px; height: 615px; background-color: none; background-image:url; border: px solid black; color: #000000; overflow:auto; padding: 5px; font-size: 12px}  /*Besucherzähler*/ #counter {visibility: hidden;}  #Link1 {  position: absolute; left: 50%; top:20px; margin-left: -20px; width:75px; height:23px; background-color: #XXXXXX; background-image:url; border:0px solid #FFFFFF; color:#FFFFFF; overflow:none;}  #Link2 {  position: absolute; left: 50%; top: 20px; margin-left: 62px; width:75px; height:23px; background-color: #XXXXXX; background-image:url; border:0px solid #FFFFFF; color:#FFFFFF; overflow:none;}  #Link3 {  position: absolute; left: 50%; top:20px; margin-left: 135px; width:75px; height:23px; background-color: #XXXXXX; background-image:url; border:0px solid #FFFFFF; color:#FFFFFF; overflow:none;}  #Link4 {  position: absolute; left: 50%; top:20px; margin-left: 207px; width:75px; height:23px; background-color: #XXXXXX; background-image:url; border:0px solid #FFFFFF; color:#FFFFFF; overflow:none;}  #Link5 {  position: absolute; left: 50%; top:20px; margin-left: 285px; width:75px; height:23px; background-color: #XXXXXX; background-image:url; border:0px solid #FFFFFF; color:#FFFFFF; overflow:none;}  #GfxAreaDeTl {  position: absolute; left: 50%; top: 250px; margin-left: 210px; width:160px; height:20px; background-color: #XXXXXX; background-image:url; border:0px solid #; color:#XXXXXX; overflow:none;}  #gfxarea {  position: absolute; left: 50%; top: 25px; margin-left: -345px; width:300px; height:20px; background-color: #XXXXXX; background-image:url; border:0px solid #FFFFFF; color:#000000; overflow:none;}  #Seitentitel {  position: absolute; left: 50%; top: 75px; margin-left: -200px; width:300px; height:20px; background-color: #XXXXXX; background-image:url; border:0px solid #FFFFFF; color:#000000; overflow:none;}   #nav_container{display:none;}


Zuletzt bearbeitet von flyfor-liberty am 14.09.2009, 15:11, insgesamt einmal bearbeitet
Beitrag14.09.2009 um 14:09 (UTC)    
Titel: ...

Hallo hier füge diesen Code ein, ist der gleiche wie du geschrieben hast nur habe ich es schönner gemacht und die Navigation reingesetzt.



Code:
/*Copyright 2008 GfxArea.de.tl | Daniel Essl*/  /*Müll <img src="http://smilies.webme.com/smiles/rolleyes.gif" border="0">*/
#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;}
div.header{display: none;}
h1#title{display: none;}   
h2#title span {display: none;}   

/*Links*/ a{
color:#000000;
text-decoration: none;
font-size:16px;}
 
/*Allgemein*/ body {
background-color:#E0E0E0;
width: 1024px;
height: 768px;
font-family: Arial }

/*Allgemein*/ *{
padding: 0;
margin: 0; }

/* Sorgt für die Zentrierung*/
#mitte {
position: absolute;
left: 50%;
top: 95px;
margin-left: -400px;
width: auto;
height: auto;
padding: 0px;
color: #ffffff;
font-size:12px;
background-color: none;
background-image:url();
border: 0px solid green; overflow:none; } 

/*Das Hintergrundbild*/
#daniel_essl{
width: 788px;
height: 951px;
border: 0px solid blue;
background-image:url(http://img.webme.com/pic/f/flyforliberty-test/background1.png);
background-repeat: no-repeat; }   

/*Hier kommt die Navi rein*/
#header_container {
position: absolute;
left: 50px;
top: 140px;
width: 431px;
height: 16px;
padding:5px;
color: #ffffff;
font-size:12px;
background-color: none;
background-image:url();
border: 0px solid green; overflow:auto; } 

/*Inhaltsbereich*/
#content {
position: absolute;
left: 210px;
top: 300px;
width: 530px;
height: 715px;
padding:5px;
color: #000000;
font-size:12px;
background-color: none;
background-image:url();
border: 0px solid green; overflow:auto;} 

/*Rechte Box*/
#sidebar_container{
position: absolute;
left: 21px;
top: 300px;
width: 715px;
height: 615px;
background-color: none;
background-image:url ();
border: px solid black;
color: #000000; overflow:auto;
padding: 5px;
font-size: 12px;}

/* Titel Navigation */
#nav_heading {
padding:0px;
color:#XXXXXX;
font-size:14px;
font-family:arial;
text-align:center;
background-image:url();
border-bottom:0px solid #XXXXXX;}

/* Feld Navigation */
#nav_container {
position: absolute;
margin-left: 0px;
margin-top:0px;
width: 0px;
padding:0px;
border: 0px solid #XXXXXX;
background-color:#XXXXXX;
background-image:url();
height:auto;}

/* Auflistung Navi-Links */
ul#nav {
padding: 0px;
margin: 0px;}

li.nav_element {
list-style-type: none;
position: relative;
padding:0px;
margin-top:0px;
border:0px solid #XXXXXX;}

/* Navigation Textlinks & Buttons */
li.nav_element a {
display: block;
width: 150px;
padding:0px;
color: #000000;
font-size:13px;
font-weight: bold;
font-family:arial;
text-decoration: none;
text-align: left;
background-color: #FFFFFF;
background-image:url(Hier Button-URL);
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;}

/* Hover-Effekt Navi-Buttons */
li.nav_element a:hover {
color:#000000;
text-decoration:underline;
background-color: #XXXXXX;
background-image:url(Hier Button-URL 2);}

/*Besucherzähler*/
#counter {
visibility: hidden;} 

#Link1 { 
position: absolute;
left: 50%;
top:20px;
margin-left: -20px;
width:75px; height:23px;
background-color: #XXXXXX;
background-image:url();
border:0px solid #FFFFFF;
color:#FFFFFF; overflow:none;} 

#Link2 { 
position: absolute;
left: 50%;
top: 20px;
margin-left: 62px;
width:75px;
height:23px;
background-color: #XXXXXX;
background-image:url();
border:0px solid #FFFFFF;
color:#FFFFFF; overflow:none;} 

#Link3 { 
position: absolute;
left: 50%;
top:20px;
margin-left: 135px;
width:75px;
height:23px;
background-color: #XXXXXX;
background-image:url();
border:0px solid #FFFFFF;
color:#FFFFFF;
overflow:none;} 

#Link4 { 
position: absolute;
left: 50%;
top:20px;
margin-left: 207px;
width:75px; height:23px;
background-color: #XXXXXX;
background-image:url();
border:0px solid #FFFFFF;
color:#FFFFFF; overflow:none;} 

#Link5 { 
position: absolute;
left: 50%;
top:20px;
margin-left: 285px;
width:75px;
height:23px;
background-color: #XXXXXX;
background-image:url();
border:0px solid #FFFFFF;
color:#FFFFFF;
overflow:none;} 

#GfxAreaDeTl { 
position: absolute;
left: 50%;
top: 250px;
margin-left: 210px;
width:160px; height:20px;
background-color: #XXXXXX;
background-image:url();
border:0px solid #;
color:#XXXXXX;
overflow:none;} 

#gfxarea { 
position: absolute;
left: 50%;
top: 25px;
margin-left: -345px;
width:300px; height:20px;
background-color: #XXXXXX;
background-image:url();
border:0px solid #FFFFFF;
color:#000000;
overflow:none;} 

#Seitentitel { 
position: absolute;
left: 50%;
top: 75px;
margin-left: -200px;
width:300px;
height:20px;
background-color: #XXXXXX;
background-image:url;
border:0px solid #FFFFFF;
color:#000000;
overflow:none;}




lG Patrick


Zuletzt bearbeitet von faxilein am 14.09.2009, 15:48, insgesamt 2-mal bearbeitet
Beitrag15.09.2009 um 10:29 (UTC)    
Titel:

danke Very Happy

aber jetzt habe ich ein neues problem!!
das hintergrundbild liegt sozusagen über der navi.
ich habe die navigation dahinverschoben wo ich sie hinhaben wollte, aber jetz kann ich nicht mehr auf den link klicken.

kann mir da einer helfen

Hier wieder der Code :
Code:
/*Copyright 2008 GfxArea.de.tl | Daniel Essl*/  /*Müll <img src="http://smilies.webme.com/smiles/rolleyes.gif" border="0">*/
#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;}
div.header{display: none;}
h1#title{display: none;}   
h2#title span {display: none;}   

/*Links*/ a{
color:#000000;
text-decoration: none;
font-size:16px;}
 
/*Allgemein*/ body {
background-color:#E0E0E0;
width: 1024px;
height: 768px;
font-family: Arial }

/*Allgemein*/ *{
padding: 0;
margin: 0; }

/* Sorgt für die Zentrierung*/
#mitte {
position: absolute;
left: 50%;
top: 95px;
margin-left: -400px;
width: auto;
height: auto;
padding: 0px;
color: #ffffff;
font-size:12px;
background-color: none;
background-image:url();
border: 0px solid green; overflow:none; }

/*Das Hintergrundbild*/
#daniel_essl{
width: 788px;
height: 951px;
border: 0px solid blue;
background-image:url(http://img.webme.com/pic/f/flyforliberty-test/background1.png);
background-repeat: no-repeat; }   

/*Hier kommt die Navi rein*/
#header_container {
position: absolute;
left: 50px;
top: 140px;
width: 431px;
height: 16px;
padding:5px;
color: #ffffff;
font-size:12px;
background-color: none;
background-image:url();
border: 0px solid green; overflow:auto; }

/*Inhaltsbereich*/
#content {
position: absolute;
left: 210px;
top: 300px;
width: 530px;
height: 715px;
padding:5px;
color: #000000;
font-size:12px;
background-color: none;
background-image:url();
border: 0px solid green; overflow:auto;}

/*Rechte Box*/
#sidebar_container{
position: absolute;
left: 21px;
top: 300px;
width: 715px;
height: 615px;
background-color: none;
background-image:url ();
border: px solid black;
color: #000000; overflow:auto;
padding: 5px;
font-size: 12px;}

/* Titel Navigation */
#nav_heading {
padding:0px;
color:#XXXXXX;
font-size:14px;
font-family:arial;
text-align:center;
background-image:url();
border-bottom:0px solid #XXXXXX;}

/* Feld Navigation */
#nav_container {
position: absolute;
margin-left: 30px;
margin-top: -650px;
width: 0px;
padding:0px;
border: 0px solid #XXXXXX;
background-color:#XXXXXX;
background-image:url();
height:auto;}

/* Auflistung Navi-Links */
ul#nav {
padding: 0px;
margin: 0px;}

li.nav_element {
list-style-type: none;
position: relative;
padding:0px;
margin-top:0px;
border:0px solid #XXXXXX;}

/* Navigation Textlinks & Buttons */
li.nav_element a {
display: block;
width: 150px;
padding:0px;
color: #000000;
font-size:13px;
font-weight: bold;
font-family:arial;
text-decoration: none;
text-align: left;
background-color: #FFFFFF;
background-image:url(Hier Button-URL);
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;}

/* Hover-Effekt Navi-Buttons */
li.nav_element a:hover {
color:#000000;
text-decoration:underline;
background-color: #XXXXXX;
background-image:url(Hier Button-URL 2);}

/*Besucherzähler*/
#counter {
visibility: hidden;}

#Link1 {
position: absolute;
left: 50%;
top:20px;
margin-left: -20px;
width:75px; height:23px;
background-color: #XXXXXX;
background-image:url();
border:0px solid #FFFFFF;
color:#FFFFFF; overflow:none;}

#Link2 {
position: absolute;
left: 50%;
top: 20px;
margin-left: 62px;
width:75px;
height:23px;
background-color: #XXXXXX;
background-image:url();
border:0px solid #FFFFFF;
color:#FFFFFF; overflow:none;}

#Link3 {
position: absolute;
left: 50%;
top:20px;
margin-left: 135px;
width:75px;
height:23px;
background-color: #XXXXXX;
background-image:url();
border:0px solid #FFFFFF;
color:#FFFFFF;
overflow:none;}

#Link4 {
position: absolute;
left: 50%;
top:20px;
margin-left: 207px;
width:75px; height:23px;
background-color: #XXXXXX;
background-image:url();
border:0px solid #FFFFFF;
color:#FFFFFF; overflow:none;}

#Link5 {
position: absolute;
left: 50%;
top:20px;
margin-left: 285px;
width:75px;
height:23px;
background-color: #XXXXXX;
background-image:url();
border:0px solid #FFFFFF;
color:#FFFFFF;
overflow:none;}

#GfxAreaDeTl {
position: absolute;
left: 50%;
top: 250px;
margin-left: 210px;
width:160px; height:20px;
background-color: #XXXXXX;
background-image:url();
border:0px solid #;
color:#XXXXXX;
overflow:none;}

#gfxarea {
position: absolute;
left: 50%;
top: 25px;
margin-left: -345px;
width:300px; height:20px;
background-color: #XXXXXX;
background-image:url();
border:0px solid #FFFFFF;
color:#000000;
overflow:none;}

#Seitentitel {
position: absolute;
left: 50%;
top: 75px;
margin-left: -200px;
width:300px;
height:20px;
background-color: #XXXXXX;
background-image:url;
border:0px solid #FFFFFF;
color:#000000;
overflow:none;}


Zuletzt bearbeitet von flyfor-liberty am 15.09.2009, 11:45, insgesamt einmal bearbeitet
Beitrag15.09.2009 um 14:41 (UTC)    
Titel: ...

setze bitte mal den Code wo ich schreibe in deine Seite und lass ihn drin falls es immernoch ein Fehler hat muss ich es sehen.

Code:
/*Copyright 2008 GfxArea.de.tl | Daniel Essl*/  /*Müll <img src="http://smilies.webme.com/smiles/rolleyes.gif" border="0">*/
#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;}
div.header{display: none;}
h1#title{display: none;}   
h2#title span {display: none;}   

/*Links*/ a{
color:#000000;
text-decoration: none;
font-size:16px;}
 
/*Allgemein*/
body {
background-color:#E0E0E0;
width: 1024px;
height: 768px;
font-family: Arial }

/*Allgemein*/ *{
padding: 0;
margin: 0; }

/* Sorgt für die Zentrierung*/
#mitte {
position: absolute;
left: 50%;
top: 95px;
margin-left: -400px;
width: auto;
height: auto;
padding: 0px;
color: #ffffff;
font-size:12px;
background-color: none;
background-image:url();
border: 0px solid green;
overflow:none; }

/*Das Hintergrundbild*/
#daniel_essl{
position:absolute;
width: 788px;
height: 951px;
border: 0px solid blue;
background-image:url(http://img.webme.com/pic/f/flyforliberty-test/background1.png);
background-repeat: no-repeat; }

/*Hier kommt der Header rein*/
#header_container {
position: absolute;
left: 50px;
top: 140px;
width: 431px;
height: 16px;
padding:5px;
color: #ffffff;
font-size:12px;
background-color: none;
background-image:url();
border: 0px solid green;
overflow:auto; }

/*Inhaltsbereich*/
#content {
position: absolute;
left: 210px;
top: 300px;
width: 530px;
height: 715px;
padding:5px;
color: #000000;
font-size:12px;
background-color: none;
background-image:url();
border: 0px solid green;
overflow:auto;}

/*Rechte Box*/
#sidebar_container{
position: absolute;
left: 21px;
top: 300px;
width: 715px;
height: 615px;
background-color: none;
background-image:url ();
border: px solid black;
color: #000000;
overflow:auto;
padding: 5px;
font-size: 12px;}

/* Titel Navigation */
#nav_heading {
padding:0px;
color:#XXXXXX;
font-size:14px;
font-family:arial;
text-align:center;
background-image:url();
border-bottom:0px solid #XXXXXX;}

/* Feld Navigation */
#nav_container {
position: absolute;
margin-left: 30px;
margin-top: -650px;
width: 0px;
padding:0px;
border: 0px solid #XXXXXX;
background-color:#XXXXXX;
background-image:url();
height:auto;}

/* Auflistung Navi-Links */
ul#nav {
padding: 0px;
margin: 0px;}

li.nav_element {
list-style-type: none;
position: relative;
padding:0px;
margin-top:0px;
border:0px solid #XXXXXX;}

/* Navigation Textlinks & Buttons */
li.nav_element a {
display: block;
width: 150px;
padding:0px;
color: #000000;
font-size:13px;
font-weight: bold;
font-family:arial;
text-decoration: none;
text-align: left;
background-color: #FFFFFF;
background-image:url(Hier Button-URL);
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;}

/* Hover-Effekt Navi-Buttons */
li.nav_element a:hover {
color:#000000;
text-decoration:underline;
background-color: #XXXXXX;
background-image:url(Hier Button-URL 2);}

/*Besucherzähler*/
#counter {
visibility: hidden;}

#Link1 {
position: absolute;
left: 50%;
top:20px;
margin-left: -20px;
width:75px; height:23px;
background-color: #XXXXXX;
background-image:url();
border:0px solid #FFFFFF;
color:#FFFFFF; overflow:none;}

#Link2 {
position: absolute;
left: 50%;
top: 20px;
margin-left: 62px;
width:75px;
height:23px;
background-color: #XXXXXX;
background-image:url();
border:0px solid #FFFFFF;
color:#FFFFFF; overflow:none;}

#Link3 {
position: absolute;
left: 50%;
top:20px;
margin-left: 135px;
width:75px;
height:23px;
background-color: #XXXXXX;
background-image:url();
border:0px solid #FFFFFF;
color:#FFFFFF;
overflow:none;}

#Link4 {
position: absolute;
left: 50%;
top:20px;
margin-left: 207px;
width:75px; height:23px;
background-color: #XXXXXX;
background-image:url();
border:0px solid #FFFFFF;
color:#FFFFFF; overflow:none;}

#Link5 {
position: absolute;
left: 50%;
top:20px;
margin-left: 285px;
width:75px;
height:23px;
background-color: #XXXXXX;
background-image:url();
border:0px solid #FFFFFF;
color:#FFFFFF;
overflow:none;}

#GfxAreaDeTl {
position: absolute;
left: 50%;
top: 250px;
margin-left: 210px;
width:160px; height:20px;
background-color: #XXXXXX;
background-image:url();
border:0px solid #;
color:#XXXXXX;
overflow:none;}

#gfxarea {
position: absolute;
left: 50%;
top: 25px;
margin-left: -345px;
width:300px; height:20px;
background-color: #XXXXXX;
background-image:url();
border:0px solid #FFFFFF;
color:#000000;
overflow:none;}

#Seitentitel {
position: absolute;
left: 50%;
top: 75px;
margin-left: -200px;
width:300px;
height:20px;
background-color: #XXXXXX;
background-image:url;
border:0px solid #FFFFFF;
color:#000000;
overflow:none;}


lG. Patrick


Zuletzt bearbeitet von faxilein am 15.09.2009, 15:53, insgesamt 2-mal bearbeitet
Beitrag15.09.2009 um 17:42 (UTC)    
Titel:

jetzt fehlt die navi wieder
hier kannst du das design angucken :

http://flyforliberty-test.de.tl
Beitrag16.09.2009 um 10:32 (UTC)    
Titel: ...

setze das:


<div id= "daniel_essl"</div>

bei:

Text über dem Desing:

ganz zu oberst ein, oder anderst gesagt zu vorderst.
Beiträge der letzten Zeit anzeigen:   


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