Suche im Forum:
Suchen


Autor Nachricht
Beitrag22.04.2011 um 15:02 (UTC)    
Titel: umrandung + menü

1. ich will die umrandung auch bei dem oberem menü haben
2. Ich will das untere menü entfernen
3. es hat einen bug bei meinem oberem menü
http://pagger.de/user/gamingparadise/dateien/ad6e5ef8e7.png


über dem design:
Code:


<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
overflow: auto;
margin: 0px; }

/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }

/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 115px;
left: 100px;
width:850px; }

/* Breite der Menüpunkte einstellen */
.menu li {
width: 160px;
float: left; }

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #FFFF00;
background-image: url(URL);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: #00CCFF; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #FFCC00;
background-image: url(URL);
color: #000000; }

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
font-size: 14px;
display: none;
width: 160px;
margin:0 auto!important;
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>

<!-- Anfang des Scriptes -->
<script type="text/javascript">
<!--
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>
<!-- Ende des Scriptes -->

<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Hauptmenü 1</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="Unterlink 1.1">Untermenü 1.1</a></li>
<li><a href="Unterlink 1.2">Untermenü 1.2</a></li>
<li><a href="Unterlink 1.3">Untermenü 1.3</a></li>
<li><a href="Unterlink 1.4">Untermenü 1.4</a></li>
<li><a href="Unterlink 1.5">Untermenü 1.5</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Hauptmenü 2</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="Unterlink 2.1">Untermenü 2.1</a></li>
<li><a href="Unterlink 2.2">Untermenü 2.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Hauptmenü 3</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="Unterlink 3.1">Untermenü 3.1</a></li>
<li><a href="Unterlink 3.2">Untermenü 3.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Hauptmenü 4</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="Unterlink 4.1">Untermenü 4.1</a></li>
<li><a href="Unterlink 4.2">Untermenü 4.2</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Hauptmenü 5</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="Unterlink 5.1">Untermenü 5.1</a></li>
<li><a href="Unterlink 5.2">Untermenü 5.2</a></li>
</ul>
</li>
</div>


<script type="text/javascript" src="http://ps4455.ps.funpic.de/google-ad-move.php"></script> <div id="lefthomer"><img src="http://img.webme.com/pic/n/nndesign/simp_homer-left.png" alt="" width="309" height="391" /></div> <div id="righthomer"><img src="http://img.webme.com/pic/n/nndesign/simp_homer-right.png" alt="" width="191" height="449" /></div> <div id="bgBig"></div> <div id="attention"><a href="http://nndesign.de.tl" _fcksavedurl="http://nndesign.de.tl" target="_blank" id="crightadvice">Design by NNDesign</a></div>

css style
Code:
Code:

 
html {    margin:0;    padding:0; } body {    margin:0px;    padding:0px;    width:100%;    overflow-x:hidden;    font-family:Verdana, Arial, Helvetica, sans-serif;    font-size:12px; } #bgBig {    position:absolute;    top:0;    left:50%;    margin-left:-400px;    width:800px;    height:318px;    background:url(http://img714.imageshack.us/img714/4875/simpbigbgbg.png) no-repeat;    z-index:-1; } #GoogleADCSS {    position:absolute;    top:374px;    left:50%;    margin-left:-364px;    z-index:80; } #container {    position:absolute;    left:50%;    margin-left:-404px;    top:150px;    width:790px;    border:4px solid #E1B230;    padding:5px;    background:#FFFFFF; }  #header_container {    width:790px;    height:180px;    background:url(http://img43.imageshack.us/img43/3994/simpheader.png) no-repeat; }  #header {    display:none; } #nav_heading {    display:none; } ul#nav {    list-style-type:none;    margin:0;    padding:0;    background:url(http://img43.imageshack.us/img43/8877/simpcontentbg.png) repeat-x;    height:37px;    padding:0px 0px 0px 10px; } li.nav_element {        list-style:none;    margin:0;    float:left; } .menu {    display:block;    height:27px;    padding:10px 5px 0px 5px;    font-family:Arial, Helvetica, sans-serif;    font-size:13px;    font-weight:bold;    text-decoration:none;    color:#000000; } .menu:hover {    color:#FFFFFF;    text-decoration:none;    background:url() repeat-x; } #content {    border:#E1B230 solid 1px;    background-color:#FFFFFF;    padding-left:8px;    padding-bottom:8px;    padding-right:8px;    margin-top:102px; } img {    margin:3px;    border:none; } h2#title {    display:none; } #counter {    display:none; } #sidebar_container {    display:none; } a {    color:#E1B230;    text-decoration:underline; } a:hover {    text-decoration:none; } #below_content {    margin-top:5px;    width:100%;    height:26px;    background:url(http://img715.imageshack.us/img715/7715/simpfooter.png) repeat-x;    line-height:26px;    text-align:center;    vertical-align:middle;    font-size:10px; } #lefthomer {    position:absolute;    left:50%;    margin-left:-713px;    top:200px; } #righthomer {    position:absolute;    left:50%;    margin-left:400px;    top:200px; } #attention {    position:absolute;    left:50%;    top:0;    margin-left:150px;    width:150px;    height:30px;    background:url(http://img.webme.com/pic/n/nndesign/cright.png) no-repeat;    text-align:center;    line-height:23px;    vertical-align:middle;    font-size:10px;    filter: alpha(opacity=50);    opacity: 0.5; }   a#crightadvice {    color:#333333;    text-decoration:none; }
[/code]
Beitrag22.04.2011 um 15:07 (UTC)    
Titel: Re: umrandung + menü

Die Umrandung machst du so weg:

Bei "CSS-Code" folgenden Abschnitt suchen:

Zitat:
#container { position:absolute; left:50%; margin-left:-404px; top:150px; width:790px; border:4px solid #E1B230; padding:5px; background:#FFFFFF; }


und folgendes entfernen:

Zitat:
#container { position:absolute; left:50%; margin-left:-404px; top:150px; width:790px; border:4px solid #E1B230; padding:5px; background:#FFFFFF;}





Den Bug mit dem Coolmenü behebst du so:

Über dem Design folgenden Code raussuchen:

Zitat:
/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 115px;
left: 100px;
width:850px; }


Und so abändern:

Zitat:
/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top:115px;
left:100px;
margin:0 auto!important;
width:850px; }


Rotes löschen und grünes einfügen.

Bei dem anderen Problem dauert das etwas länger, befolge erst einmal diese Schritte.

MFG GamingParadise.
Beitrag22.04.2011 um 15:15 (UTC)    
Titel:

ok zurzeit sieht es so aus:


werbung bitte zwischen header und schreibteil fixieren falls jemand noch zeit und lust hat.


Zuletzt bearbeitet von runescape-helpsite am 22.04.2011, 16:16, insgesamt einmal bearbeitet
Beitrag23.04.2011 um 15:56 (UTC)    
Titel:

ich brauche immernoch hilfe¨!!
Beitrag26.04.2011 um 10:05 (UTC)    
Titel:

brauche immernoch hilfe!!
Beitrag12.05.2011 um 16:26 (UTC)    
Titel:

kann mir keiner helfen?
Beitrag23.06.2011 um 17:03 (UTC)    
Titel:

bump
Beiträge der letzten Zeit anzeigen:   


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