Buttons mit abstand

Tricks den "Kasten" doch einfach aus:
Mache dir Buttons in der Größe z.B. 45px mit transparentem Hintergrund und setze dort schön mittig deinen Button mit einer Höhe von 35px drauf. Das ganze lädst du dann hoch und schon hast du einen Abstandvon 10px zwischen allen Buttons, auch denen von den Unterseiten ( was bei dem Code eine Schei**arbeit ist)
zu sehen ist das unter www.kdl-design.de.tl

ich möchte aber nicht alle buttons mit abstand sondern nur ein teil
______________
gruß denis
reinschauen lohnt sich!!! www.thezockerdenis.de.tl
[img:13c61f0d50]http://img.webme.com/pic/t/thezockerdenis/denishomepage.gif[/img:13c61f0d50]

Viel fällt mir dazu nicht mehr ein, außer das du bein Seitentitel noch</br> einfügen kannst, damit rutscht das alles nach unten. Um etwas dazwischen einzufügen den Vorschlag mit dem Container/box und dan positionieren

hi,

ich bins nocheinmal.
Ich habe folgenden Code im CSS Only getestet und er funktioniert bei mir.
Funktioniert er bei dir nicht, liegt es an anderem Code, welcher den hier stört.

______________
http://blog.mamuehi.de

also bei mir gings nicht kann ich hier mal mein css code posten damit villt einer den fehler findet?
______________
gruß denis
reinschauen lohnt sich!!! www.thezockerdenis.de.tl
[img:13c61f0d50]http://img.webme.com/pic/t/thezockerdenis/denishomepage.gif[/img:13c61f0d50]

Versuche es mal mit:

Damit könnte es gehen, habs aber nicht ausprobiert.

Und vielleicht hilft dir das ja bei deinem Problem mit der Box:

http://glattwalzwerk.de.tl/Rechte-Boxen.htm

ne geht auch nicht
______________
gruß denis
reinschauen lohnt sich!!! www.thezockerdenis.de.tl
[img:13c61f0d50]http://img.webme.com/pic/t/thezockerdenis/denishomepage.gif[/img:13c61f0d50]

hi,

ja, ich hätte nichts dagegen


Gruß,
Max
______________
http://blog.mamuehi.de

#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;}

a{
color:#FFFFFF;
text-decoration: none;
font-size:13px;}

a:hover {
color: #FFFFFF;
font-size: 13px;
text-decoration: none;}

a:link {
color: #FFFFFF;
font-size: 13px;
text-decoration: none;}

a:active {
color: #FFFFFF;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #FFFFFF;
font-size: 13px;
text-decoration: none;}

body {
background-color:#FF9933;}

*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 0 auto;
width: 980px;
height:500px;
background-image:url(HIER DEINE BILD-URL);}

#header_container {
position: absolute;
left: 50%;
top: 30px;
margin-left:-490px;
width: 980px;
height:110px;
background-color:#FF9933;
background-image:url(http://www.tortoga.de/daten/1217150414_header4.jpg);
color:#FFFFFF;
font-size:13px;
border: 1px solid #FF9933;}

#content {
position: absolute;
left: 50%;
top: 140px;
margin-left:-320px;
width: 590px;
height: 380px;
padding:10px;
color: #FFFFFF;
font-size:13px;
background-color:#fc8505;
background-image:url();
border: 1px solid #FFFFFF;
overflow:auto;}

#sidebar_container{
position: absolute;
left: 50%;
top:140px;
font-size:13px;
margin-left: 300px;
width: 190px;
height: 400px;
background-color:#fc8505;
background-image:url;
border:1px solid #FFFFFF;
color:#FFFFFF;
overflow:auto;}

li.nav_element {
display: block;
width: 136px;
height:21px;
padding:2px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#FFFFFF;
background-color:#fc8505;
background-image:url(http://www.tortoga.de/daten/1217156903_ornavi3.jpg);
border: 10px solid #fc8505;}

li.nav_element:hover{
width: 136px;
height:21px;
padding:2px;
color: #FFFFFF;
background-color:#fc8505;
background-image:url(http://www.tortoga.de/daten/1217156950_ornavi4.jpg);}

#nav_container{
position: absolute;
left: 50%;
top:140px;
margin-left: -490px;
width: 160px;
border:1px solid #FFFFFF;}

ul#nav{
width: 130px;
padding: 0px;
margin: 0px;}



#counter {
position: absolute;
left: 52%;
top:545px;
margin-left: 300px;
width: 150px;
height:20px;
color:#FFFFFF;
font-size:13px;
border: 1px solid #FF9933;}

li#nav_ICQ{background-image:url(http://www.tortoga.de/daten/1217156950_ornavi4.jpg);}

li#nav_ZurHomepage{background-image:url(http://www.tortoga.de/daten/1217156950_ornavi4.jpg);}

li#nav_Bannertauschen{background-image:url(http://www.tortoga.de/daten/1217156950_ornavi4.jpg);}

li#nav_Startseite{background-image:url(http://www.tortoga.de/daten/1217156950_ornavi4.jpg);}

li#nav_Downloads{background-image:url(http://www.tortoga.de/daten/1217156950_ornavi4.jpg);}

body, tr, td, span, div {
font-size:13px;
}

div#counter {
text-align:center;
}

<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 18px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 118px;
left: 50%;
margin-left:-250px;

}

.menu li
{
width: 120px;
float: left;
}

.menu a
{
border: 1px solid #FF8D00;
background-color: #FFFFFF;
background-image: url(http://www.tortoga.de/daten/1217155919_un1.jpg);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
height: 15px;
color: # FFFFFF;
}

.menu a:hover
background-image: url(http://www.tortoga.de/daten/1217155919_un1.jpg);
{
background-color: #FFFFFF;
}

#smenu1, #smenu2, #smenu3, #smenu4
{
font-size: 16px;
display: none;
width: 140px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: normal;
padding-top: 2px;
border-top: 0px;
cursor: pointer;
}
//-->
</style>

<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>



<div class="menu">
<ul>
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
Google</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href=" http://thezockerdenis.de.tl/Googlesuche.htm ">Google</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
HTML</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href=" http://thezockerdenis.de.tl/HTML-Codes.htm ">...Codes</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
Games</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href=" http://thezockerdenis.de.tl/Games.htm ">Spiele</a></li>
</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
Vorlagen</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href=" http://thezockerdenis.de.tl/Bannervorlagen.htm "> Banner</a></li>
<li><a href=" http://thezockerdenis.de.tl/CSS-Button-Vorlagen.htm "> Buttons</a></li>
<li><a href=" http://thezockerdenis.de.tl/Headervorlagen.htm ">Header</a></li>
</ul>
</li>
</ul>
</div>
<style type="text/css">
<!--
<br></FONT>
______________
gruß denis
reinschauen lohnt sich!!! www.thezockerdenis.de.tl
[img:13c61f0d50]http://img.webme.com/pic/t/thezockerdenis/denishomepage.gif[/img:13c61f0d50]

so habs hinbekommen mit dem abstand
______________
gruß denis
reinschauen lohnt sich!!! www.thezockerdenis.de.tl
[img:13c61f0d50]http://img.webme.com/pic/t/thezockerdenis/denishomepage.gif[/img:13c61f0d50]

Eine Info für alle wäre nicht schlecht

mit dem ie7 bei 1024x768 fehlt ein linkes stück vom design.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

kann sein aber ich optimiere nur für firefox
wie ich das mit ie hinbekomme weiß ich net
______________
gruß denis
reinschauen lohnt sich!!! www.thezockerdenis.de.tl
[img:13c61f0d50]http://img.webme.com/pic/t/thezockerdenis/denishomepage.gif[/img:13c61f0d50]