Suche im Forum:
Suchen


Autor Nachricht
Beitrag11.06.2009 um 12:22 (UTC)    
Titel: Design nach rechts verschoben

Hi,

ich habe vor ein paar Tagen eine Design-Seite erstellt (http://www.nico1970-designs.de.tl/).Ich habe mir ein CSS-Design zugelegt,das ich auf meiner Testseite ausprobiert habe (http://www.nico1970-test.de.tl/).Nur mein Problem ist,dass das ganze Design nach rechts verschoben.

Falls es hilft,ihr mein Code:

Text über dem Design:

Code:
<div align="center">>
<div id="nico1970-designs">
<div id="Header"></div>


Text unter dem Design:

Code:
<div id="Footer">©Copyright 2009 by nico1970-designs.de.tl|Alle Rechte vorbehalten</div>
</div></div>
<div align=center><style type="text/css" media="screen">
<!--
/*hier muss nichts geändert werden*/
body
{
font-family: Arial, sans-serif;
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}li a
{
padding-right: 0px;padding-top: 8px;
}
div.menu
{
position: absolute;
z-index: 5;
top: 218px;
left: 50%;
margin-left:-405px;
width:905px;
}
.menu li
{
width: 161px;
float: left;
}.menu a
{
border: 0px solid #;FFFFFF;
background-color: #FFFFFF;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
color: #000000;
margin: 0px;
display: block;
height: 23px;
}
/*hover*/
.menu a:hover
{
background-image: url(URL);
background-color: #FF0000;
color: #000000;
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 12px;
display: none;
width: 160px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #000000;
}
//-->

</style>
<script type="text/javascript">
/*hier bitte nix ändern*/
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Allgemein</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">

<li><a href="http://www.">ÜBERSCHRIFT 1.1</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 1.2</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 1.3</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 1.4</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 1.5</a></li><li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Designs</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">

<li><a href="http://nico1970-designs.de.tl/Schwarz_Graues-Design.htm">Schwarz-Graues Design</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 2.2</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 2.3</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 2.4</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 2.5</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">ÜBERSCHRIFT 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">

<li><a href="http://www.">ÜBERSCHRIFT 3.1</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 3.2</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 3.3</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 3.4</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 3.5</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">ÜBERSCHRIFT 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">

<li><a href="http://www.">ÜBERSCHRIFT 4.1</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.2</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.3</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.5</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 4.6</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">ÜBERSCHRIFT 5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">

<li><a href="http://www.">ÜBERSCHRIFT 5.1</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 5.2</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 5.3</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 5.4</a></li>
<li><a href="http://www.">ÜBERSCHRIFT 5.5</a></li>

</ul>
</li>

</div>
</div>


CSS-Code ohne Style-Tags:

Code:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element checked_menu{display:none;}
li.nav_element subpage{display:none;}
li.nav_element{display:none;}

body {
background-image: url(http://img.webme.com/pic/n/nico1970-designs/hintergrund.png);
background-repeat: repeat-x;
background-color: #000000;}


p, div, b{
font-family: Arial;
font-size: 12px;
text-decoration: none;}


a{color : #ffffff;
font-size : 12px;
font-weight: bold;
text-decoration : none;}


a:hover {
color : #ffffff;
font-size : 12px;
text-decoration : underline;}


a:active {color : #ffffff;
font-size : 12px;
text-decoration : none;}


* { padding: 0; margin: 0; }

#nico1970-deesigns {
background-color: transparent;
margin : 0 auto;
margin-top: 20px;
width : 901px;
border: 0px solid #000000;}


#Header {
background-image: url(http://img3.imagebanana.com/img/a4gmvz3m/header.png);
width : 901px;
height : 200px;
float : left;
margin : 0px 0px 0px 0px;}

#content {
width: 538px;
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 10px;
display: inline;
float: left;}

#Footer{
width: 881;
height: 12px;
background-image : url(http://img3.imagebanana.com/img/jmzloo9w/footer.PNG);
background-repeat: no-repeat;
color: #000000;
font-size: 12px;
font-weight: bold;
clear: both;
border: 0px solid #ffffff;
margin: 0px 0px 0px 0px;
padding: 10px;
padding-top: 13px;
padding-left: 25px;}

#counter{display: none}


Könnt ihr mir meinen Fehler nennen ?

Ich finde ihn nähmlich nicht...-.-
______________


Das Forum für alle die sich mit Computern auskennen und/oder sich über Konsolen und Spiele unterhalten wollen !
Beitrag18.06.2009 um 14:18 (UTC)    
Titel:

Das leigt bestimmt an deiner Auflösung, ist das Design noch online?
______________

Support auch via PN und im Forum!
Beitrag18.06.2009 um 14:25 (UTC)    
Titel:

Hmm...

Da gibt es 2 Möglichkeiten, das Design in die Mitte zu bekommen!
Es gibt einen Code, der rückt das automatisch in die Mitte! (Hab ich vergessen)

Oder du fügst in jeder Klasse :
Zitat:
left:50%;
margin-left:XXpx;

ein.

Das mit dem roten rückst du es dann in die Mitte, und dann ist es bei jeder Auflösung mittig!

(Natürlich müssen dann die anderen angaben von der linken Seite weg!)
vg tjpeiler


Zuletzt bearbeitet von tjpeiler-designs am 18.06.2009, 15:26, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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