Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag22.04.2011 um 13:53 (UTC)    
Titel: Umrandungen verländern

ich will die orange umrandung hinter das obere menü machen und das untere entfernen.

ü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:
 
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; }


Zuletzt bearbeitet von runescape-helpsite am 22.04.2011, 15:55, insgesamt 2-mal bearbeitet
Beitrag22.04.2011 um 14:12 (UTC)    
Titel:

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


bei diesem abschnitt musst du das menü positionieren.

Um es zu positionieren musst du die werte top und left anpassen
______________
mfg
pokemonshow
_______________________________________________
Beitrag22.04.2011 um 14:28 (UTC)    
Titel:

wie kann ich die werte von meiner webseite herausfinden?
Beitrag22.04.2011 um 14:31 (UTC)    
Titel:

Hi,
wenn du das so positionierst, wirst du immer Probleme haben, da dieser Code nur eine ganz bestimmte Bilschirmbreite ist. D.h., wenn es auf 1024*x gut aussieht, ist es auf 1280*x total verschoben.

Füge einfach folgenden Code ein:

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


Das rot markierte bewirkt, dass das Coolmenü, wie das restliche Design, genau in der Mitte platziert ist und so auf sämtlichen Bildschirmauflösungen passt.

MFG GamingParadise


Zuletzt bearbeitet von gamingparadise am 22.04.2011, 15:34, insgesamt einmal bearbeitet
Beitrag22.04.2011 um 14:40 (UTC)    
Titel:

ok danke funktioniert alles.
Beitrag22.04.2011 um 14:54 (UTC)    
Titel:

runescape-helpsite hat Folgendes geschrieben:
ok danke funktioniert alles.


Schön Cool
Beitrag22.04.2011 um 14:55 (UTC)    
Titel:

Beitrag22.04.2011 um 14:55 (UTC)    
Titel:

danke, habe neue fragen und will nicht neuen thread öffnen!
Beitrag22.04.2011 um 14:58 (UTC)    
Titel:

Eröffne dafür bitte einen neuen Thread, sonst wird das hier ziemlich unübersichtlich.

Das wird dir auch in den nächsten Minuten mit Sicherheit ein Mod erzählen Wink
Beiträge der letzten Zeit anzeigen:   


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