Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag26.08.2011 um 12:07 (UTC)    
Titel: mein desgin wird bei firefox nicht richtig angezeigt??

Also jemand der Firefox hat, hat mir erzählt das man mein Desgin nicht richtig sieht... Da hab ich es mir runtergeladen und selbst nachgeschaut und es stimmt!!
Was soll ich nun tun??? Liegt es an mein Code?? Bitte helft mir Smile

Text über dem Desgin:
Code:

<div id="Mein_Bild"></div>

<div id="navibox">
<a href="http://the-vampire-knight.de.tl/" class="navi">Home</a>
<a href="http://the-vampire-knight.de.tl/G.ae.stebuch.htm" class="navi">Guestbook</a>
<a href="http://the-vampire-knight.de.tl/Kontakt.htm" class="navi">Contact</a>
<a href="http://the-vampire-knight.de.tl/credits.htm" class="navi">Credits</a>
<a href="http://the-vampire-knight.de.tl/Domain.htm" class="navi">Domain</a>
<a href="http://the-vampire-knight.de.tl/online.htm" class="navi">Online</a>
<a href="http://the-vampire-knight.de.tl/Anime.htm" class="navi">Anime</a>
<a href="http://the-vampire-knight.de.tl/Manga.htm" class="navi">Manga</a>
<a href="http://the-vampire-knight.de.tl/History.htm" class="navi">History</a>
<a href="http://the-vampire-knight.de.tl/Pictures/index.htm" class="navi">Pictures</a>
<a href="http://the-vampire-knight.de.tl/Characters.htm" class="navi">Characters</a>
<a href="http://the-vampire-knight.de.tl/Love-Affair.htm" class="navi">Love Affair</a>
<a href="http://the-vampire-knight.de.tl/The-Places.htm" class="navi">The Places</a>
<a href="http://the-vampire-knight.de.tl/The-Items.htm" class="navi">The Items</a>
</div>
 


Css-Code
Code:

.h1 {
font-family: arial;
font-weight:bold;
font-size: 12px;
letter-spacing: 0px;
display: block;
margin-bottom: 2px;
margin-top: 2px;
text-align: left;
color: #000000;
padding: 3px;
text-transform: uppercase;
background-color: #ddd8c9;
}

}
</style>

#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;}
 #delightful_content {display: none;}
 #nav{display: none;}
 div.header{display: none;}
 h2#title{display: none;}

a:link {
color:#a05063 ;
text-decoration: none;}

a:visited {
color: #a05063;
text-decoration: none;
}

a:hover {
color: #d08a9a;
background-color: #;
}

b, strong{
color:#929c99;
font-weight: bold;
}

body {
overflow-x: hidden;
background-image: url('http://www.delightfularts.net/Bilder/layouts/layout090-background.png');
}

*{ padding: 0; margin: 0; }


#Mein_Bild {
margin: 0px;
margin-top: -106px;
width: 1600px;
height:700px;
border:0px;
background-image: url('http://img.webme.com/pic/0/02111973/laay090.png');
}

#content {
position: absolute;
top:520px;
background-color: #efece7;
margin-left: 120px;
width: 573px;
left: 37px;
color: #2e2e2e;
padding-right:10px;
padding-left:10px;
padding-top:10px;
padding-bottom:30px;
text-align: justify;
font-family: arial;
font-size: 11px;
overflow:auto;}

.infobox {
padding: 5px;
text-shadow: #c6c6c6 1px 1px 1px;
border-left: 2px solid #b3b4a4;
background-color: #f2efea;
margin-left: 19px;
margin-right: 19px;
margin-bottom: 5px;
text-align: left;
widht: 150px;
}

#navibox{
position: absolute;
left:600px;
top:133px;
padding: 5px;
width: 126px;
overflow:auto;}


::-moz-selection
{
color: #f2efea ;
background-color: #bfbaaa;
}

ul#nav{
width: 20px;
padding: 5px;
margin: 5px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:1px;
width: 100px;}

li.nav_element a{
display: block;}

li.nav_element a:hover{
color: #ffffff;}           


A.navi:link, A.navi:active, A.navi:visited {
display: block;
font-family: arial;
font-weight:bold;
font-size:11px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
text-align:left;
margin-left: 4px;
margin-top: 3px;
color: #eadbe1 ;
text-shadow: #000000 1px 1px 1px;
background-image:url(http://i56.tinypic.com/348m44k.png);
}

A.navi:hover {
display: block;
font-family: arial;
font-weight:bold;
font-size:11px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
text-align:left;
margin-left: 4px;
margin-top: 3px;
color: #b22f42;
text-shadow: #000000 1px 1px 1px;
background-image:url(http://i56.tinypic.com/348m44k.png);
}
>
Beitrag26.08.2011 um 12:14 (UTC)    
Titel:

mach ganz unten das ">" weg und das problem ist gelöst Smile

edit: schöne seite übrigens!
______________


Zuletzt bearbeitet von soulraver am 26.08.2011, 13:16, insgesamt einmal bearbeitet
Beitrag26.08.2011 um 12:26 (UTC)    
Titel:

Danke für das kompliment Very Happy
Ich hab das zeichen unten weg gemacht ,,<" aber man sieht immer noch das layout bei firefox nicht... Sad
Beitrag26.08.2011 um 13:20 (UTC)    
Titel:

Code:
.h1 {
font-family: arial;
font-weight:bold;
font-size: 12px;
letter-spacing: 0px;
display: block;
margin-bottom: 2px;
margin-top: 2px;
text-align: left;
color: #000000;
padding: 3px;
text-transform: uppercase;
background-color: #ddd8c9;
}

#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;}
#delightful_content {display: none;}
#nav{display: none;}
div.header{display: none;}
h2#title{display: none;}

a:link {
color:#a05063 ;
text-decoration: none;}

a:visited {
color: #a05063;
text-decoration: none;
}

a:hover {
color: #d08a9a;
background-color: #;
}

b, strong{
color:#929c99;
font-weight: bold;
}

body {
overflow-x: hidden;
background-image: url('http://www.delightfularts.net/Bilder/layouts/layout090-background.png');
}

*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 0px;
margin-top: -106px;
width: 1600px;
height:700px;
border:0px;
background-image: url('http://img.webme.com/pic/0/02111973/laay090.png');
}

#content {
position: absolute;
top:520px;
background-color: #efece7;
margin-left: 120px;
width: 573px;
left: 37px;
color: #2e2e2e;
padding-right:10px;
padding-left:10px;
padding-top:10px;
padding-bottom:30px;
text-align: justify;
font-family: arial;
font-size: 11px;
overflow:auto;}

.infobox {
padding: 5px;
text-shadow: #c6c6c6 1px 1px 1px;
border-left: 2px solid #b3b4a4;
background-color: #f2efea;
margin-left: 19px;
margin-right: 19px;
margin-bottom: 5px;
text-align: left;
widht: 150px;
}

#navibox{
position: absolute;
left:600px;
top:133px;
padding: 5px;
width: 126px;
overflow:auto;}


::-moz-selection
{
color: #f2efea ;
background-color: #bfbaaa;
}

ul#nav{
width: 20px;
padding: 5px;
margin: 5px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:1px;
width: 100px;}

li.nav_element a{
display: block;}

li.nav_element a:hover{
color: #ffffff;}           


A.navi:link, A.navi:active, A.navi:visited {
display: block;
font-family: arial;
font-weight:bold;
font-size:11px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
text-align:left;
margin-left: 4px;
margin-top: 3px;
color: #eadbe1 ;
text-shadow: #000000 1px 1px 1px;
background-image:url(http://i56.tinypic.com/348m44k.png);
}

A.navi:hover {
display: block;
font-family: arial;
font-weight:bold;
font-size:11px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
text-align:left;
margin-left: 4px;
margin-top: 3px;
color: #b22f42;
text-shadow: #000000 1px 1px 1px;
background-image:url(http://i56.tinypic.com/348m44k.png);
}


da war wohl noch ein kleiner Fehler Very Happy
ersetz deinen Code durch diesen und das Design passt (jetzt aber wirklich)
______________
Beitrag26.08.2011 um 13:28 (UTC)    
Titel:

ja stimmt jetzt funktoniert es Smile dankeeeeeschööönnnnnnnnnnnnn
hab dich auf meine creditliste hinzugefügt....
Beitrag26.08.2011 um 13:33 (UTC)    
Titel:

the-vampire-knight hat Folgendes geschrieben:
ja stimmt jetzt funktoniert es Smile dankeeeeeschööönnnnnnnnnnnnn
hab dich auf meine creditliste hinzugefügt....

Vielen Dank an den Helfer und auch ein Dankeschön für die Rückmeldung.

-CLOSED-, da erledigt.

mfg Philipp
______________
Forenregeln, FAQ, Suchfunktion
Beiträge der letzten Zeit anzeigen:   


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