| Autor |
Nachricht |
-
das-kinderforum
Wohnort: Das Kinderforum :)
|
 20.10.2010 um 15:43 (UTC)
Titel: [erledigt] CSS: Buttons in den Abständen wegmachen |
|
|
Wie kann ich die Buttons in den Abständen weg machen?
Die Abstände sollen ja bleiben nur die Hover Buttons nicht. Guckst du hier:
www.abenteuerbetten-hochbetten.de.tl
Danke im vorraus...
Mein Designcode:
In Text über dem Design:
<div id="design">
<div id="header">
<h1 class="hptitle"></h1>
<h2 class="slogan"></h2>
</div>
<div id="ctop"></div>
<div id="main">
<div id="menu">
<h1></h1>
<h2></h2>
<br />
<div id="menu_items">
<a href="#"> <a href="http://abenteuerbetten-hochbetten.de.tl/"><font style="font-size: 13px;">Home</font></a>
<a href="#"> <a href="http://abenteuerbetten-hochbetten.de.tl/Wir-.ue.ber-uns.htm"><font style="font-size: 13px;">Wir über uns</font></a>
<a href="#"> <a href="http://abenteuerbetten-hochbetten.de.tl/Pr.ae.sentation.htm"><font style="font-size: 13px;">Präsentation</font></a>
<a href="#"><a href="http://abenteuerbetten-hochbetten.de.tl/Unsere-hochbetten.htm"><font style="font-size: 13px;">Unsere Hochbetten</font></a>
<a href="#"><a href="http://www.hochbetten-und-abenteuerbetten.de/webshop_neu/"><font style="font-size: 13px;"> Unser Webshop</font></a>
<a href="#"><a href="http://abenteuerbetten-hochbetten.de.tl/das-zubeh.oe.r.htm"><font style="font-size: 13px;">Das Zubehör</font></a>
<a href="#"><a href="http://abenteuerbetten-hochbetten.de.tl/Ihr-Feedback.htm"><font style="font-size: 13px;">Ihr Feedback</font></a></div>
<br />
<h1></h1>
<h2></h2>
<br />
<h1></h1>
<br />
<div id="menu_items">
</div>
<br />
</div>
<div id="subpage"><h1></h1></div>
In CSS-Code ohne Style Tags:
/*VERSTECKT*/
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;}
#nav_container{display:none;}
#sidebar_container{display:none;}
#counter{display:none;}
/*VERSTECKT ENDE*/
/*HINTERGRUND*/
body{
background: url(http://img.webme.com/pic/a/abenteuerbetten-hochbetten/page_t.jpg) repeat;
font-family: arial, sans-serif;
font-weight: normal;
font-size: .69em;
padding: 0px;
margin: 0px;
}
/*HINTERGRUND ENDE*/
/*FORMATIERUNG*/
*{padding: 0;margin: 0;}
p{
margin: 0px;
font-weight: normal;
padding: 0px 0px 16px 0px;
line-height: 1.5em;
}
h1{
font-family:Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
color: #663333;
}
h2{
margin: 0px;
font-size: 100%;
color: #000000;
}
a{
color: #663333;
text-decoration: none;
outline: none;
}
a:hover{
color: #663333;
text-decoration: underline;
}
ul, li{
list-style-type: square;
}
hr{
height: 1px;
border: 0px dashed #ced2ba;
background-color: #ced2ba;
margin: 5px;
}
img{
border: 0px;
}
/*FORMATIERUNGEN ENDE*/
/*DESIGNCONTAINER*/
#design{
width: 808px;
margin: 0px auto;
color: #fff;
margin-top: 0px;
font-weight: normal;
}
#main{
width: 808px;
background: url();
background-repeat: repeat-y;
float: left;
clear.both;
}
/*DESIGNCONTAINER ENDE*/
/*Header*/
#header{
background-image: url(http://img.webme.com/pic/m/meine-testsite/header333.jpg);
background-repeat: no-repeat;
width: 900px;
height: 358px;
color: #ffffff;
margin: 0px auto;
float: left;
clear:both;
margin-top: 0px;
}
h1.hptitle{
font-family:Arial, Verdana, sans-serif;
font-weight: bold;
margin-top: 30px; margin-left: 180px;
color: #fff;
}
h2.slogan{
font-family:Arial, Verdana, sans-serif;
font-weight: bold;
margin-top: 0px;
margin-left: 240px;
font-size: 120%;
color: #fff;
}
/*HEADER ENDE*/
/*INHALTSBEREICH*/
#subpage{
width: 558px;
height: 30px;
float: left;
padding-left: 15px;
padding-right: 15px;
}
#ctop{
width: 808px;
height: 25px;
clear:both;
float: left;
background: url(http://img.webme.com/pic/a/abenteuerbetten-hochbetten/page_t.jpg);
}
#content{
width: 558px;
float: left;
background: transparent;
padding-left: 15px;
padding-right: 15px;
color: # 1px solid #FFFFFF;
}
#cbottom{
width: 808px;
height: 25px;
clear:both;
float: left;
background: transparent;
}
/*INHALTSBEREICH ENDE*/
/*MENU*/
#menu {
width: 170px;
margin-left:18px;
float: left;
padding-left: 15px;
padding-right: 15px;
color: #000000;
background: url();
}
#menu_items a:link,
#menu_items a:visited,
#menu_items a:hover {
font-weight: bold;
width: 170px;
height: 15px;
color:#000000;
display:block;
padding: 3px;
border-bottom: 1px solid #000000
background: url(http://img.webme.com/pic/m/meine-testsite/butt.jpg);
}
#menu_items a:hover {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
background: url(http://img.webme.com/pic/m/meine-testsite/butt.jpg);
}
/*MENU ENDE*/
/*FOOTER*/
#footer{
width: 808px;
color: transparent;
margin-bottom: 20px;
text-align: right;
float: left;
clear: both;
}
#footer a {
color: #fff;
text-decoration: underline;
}
#footer a:hover{
color: transparent;
text-decoration: underline;
}
/*FOOTER ENDE*/
/*WEITERES*/
input{
border: 1px solid #663333;
background: #663333;
padding: 2px;
}
textarea{
border: 1px solid #;
background: #663333;
padding: 2px;
}
input[type=submit]{
border: 1px solid #;
background: #663333;
padding: 2px;
cursor: pointer;
}
/*WEITERES ENDE*/
/*WERBUNG ZENTRIEREN*/
table[height="102"] {
margin:auto;
}
/*WERBUNG ZENTRIEREN ENDE*/
Zuletzt bearbeitet von das-kinderforum am 30.10.2010, 11:38, insgesamt 2-mal bearbeitet
|
|
|
↑
|
|
 |
-
das-kinderforum
Wohnort: Das Kinderforum :)
|
21.10.2010 um 08:03 (UTC)
Titel: |
|
|
Kann mir keiner helfen ?  |
|
|
↑
|
|
|
|
|
|
|
↑
|
|
|
-
das-kinderforum
Wohnort: Das Kinderforum :)
|
25.10.2010 um 14:48 (UTC)
Titel: |
|
|
6p-iceblue hat Folgendes geschrieben: lösche die seiten namens abstand. wenn ich dein quellcode lese, hast du die dinger noch drin. anscheinend hattest du vorher iceblue, oder?
als tip: mit einem vernünftigen iceblue würdest du eher klar kommen.
gruss gringo
ja ich hatte vorher iceblue.
geht leider immer noch nicht. die abstände und die hover buttons sind noch da. die abstände sollen ja bleiben nur die buttons beim hover effekt nicht |
|
|
↑
|
|
|
|
|
25.10.2010 um 20:45 (UTC)
Titel: |
|
|
Zitat: #menu_items a:hover {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
background: url(http://img.webme.com/pic/m/meine-testsite/butt.jpg);
}
Zuletzt bearbeitet von 6p-iceblue am 25.10.2010, 21:46, insgesamt einmal bearbeitet
|
|
|
↑
|
|
|
-
das-kinderforum
Wohnort: Das Kinderforum :)
|
27.10.2010 um 11:59 (UTC)
Titel: |
|
|
klappt nicht ;( |
|
|
↑
|
|
|
-
das-kinderforum
Wohnort: Das Kinderforum :)
|
30.10.2010 um 09:25 (UTC)
Titel: |
|
|
Kann keiner helfen ? ;( |
|
|
↑
|
|
|
-
nuo-musik
|
30.10.2010 um 10:26 (UTC)
Titel: |
|
|
Also das hier ist der Code den du austauschen musst.
Code: <div id="menu_items">
<a href="http://abenteuerbetten-hochbetten.de.tl/"><font style="font-size:12px;">Home</font></a>
<br>
<a href="http://abenteuerbetten-hochbetten.de.tl/Pr.ae.sentation.htm"><font style="font-size:12px;">Präsentation</font></a>
<br>
<a href="http://abenteuerbetten-hochbetten.de.tl/Wir-.ue.ber-uns.htm"><font style="font-size:12px;">Wir über uns</font></a>
<br>
<a href="http://abenteuerbetten-hochbetten.de.tl/Unsere-hochbetten.htm"><font style="font-size:12px;">Unsere Hochbetten</font></a>
<br>
<a href="http://www.hochbetten-und-abenteuerbetten.de/webshop_neu/"><font style="font-size:12px;"> Unser Webshop</font></a>
<br>
<a href="http://abenteuerbetten-hochbetten.de.tl/das-zubeh.oe.r.htm"><font style="font-size:12px;">Das Zubehör</font></a>
<br>
<a href="http://abenteuerbetten-hochbetten.de.tl/Ihr-Feedback.htm"><font style="font-size:12px;">Ihr Feedback</font></a>
<br>
<a href="http://abenteuerbetten-hochbetten.de.tl/Sonstiges.htm"><font style="font-size:12px;">Sonstiges</font></a></div>
Wenn das nicht geht musst du den hier mal versuchen:
Code: <div id="menu_items">
<a href="http://abenteuerbetten-hochbetten.de.tl/"><font style="font-size:12px;">Home</font></a>
<a href=""><br></a>
<a href="http://abenteuerbetten-hochbetten.de.tl/Pr.ae.sentation.htm"><font style="font-size:12px;">Präsentation</font></a>
<a href=""><br></a>
<a href="http://abenteuerbetten-hochbetten.de.tl/Wir-.ue.ber-uns.htm"><font style="font-size:12px;">Wir über uns</font></a>
<a href=""><br></a>
<a href="http://abenteuerbetten-hochbetten.de.tl/Unsere-hochbetten.htm"><font style="font-size:12px;">Unsere Hochbetten</font></a>
<a href=""><br></a>
<a href="http://www.hochbetten-und-abenteuerbetten.de/webshop_neu/"><font style="font-size:12px;"> Unser Webshop</font></a>
<a href=""><br></a>
<a href="http://abenteuerbetten-hochbetten.de.tl/das-zubeh.oe.r.htm"><font style="font-size:12px;">Das Zubehör</font></a>
<a href=""><br></a>
<a href="http://abenteuerbetten-hochbetten.de.tl/Ihr-Feedback.htm"><font style="font-size:12px;">Ihr Feedback</font></a>
<a href=""><br></a>
<a href="http://abenteuerbetten-hochbetten.de.tl/Sonstiges.htm"><font style="font-size:12px;">Sonstiges</font></a></div>
Wenn du noch fragen hast, melde dich ruhig bei mir!
LG
Mike  
Zuletzt bearbeitet von nuo-musik am 30.10.2010, 11:28, insgesamt einmal bearbeitet
|
|
|
↑
|
|
|
-
das-kinderforum
Wohnort: Das Kinderforum :)
|
30.10.2010 um 10:37 (UTC)
Titel: |
|
|
nuo-musik hat Folgendes geschrieben: Also das hier ist der Code den du austauschen musst.
Code: <div id="menu_items">
<a href="http://abenteuerbetten-hochbetten.de.tl/"><font style="font-size:12px;">Home</font></a>
<br>
<a href="http://abenteuerbetten-hochbetten.de.tl/Pr.ae.sentation.htm"><font style="font-size:12px;">Präsentation</font></a>
<br>
<a href="http://abenteuerbetten-hochbetten.de.tl/Wir-.ue.ber-uns.htm"><font style="font-size:12px;">Wir über uns</font></a>
<br>
<a href="http://abenteuerbetten-hochbetten.de.tl/Unsere-hochbetten.htm"><font style="font-size:12px;">Unsere Hochbetten</font></a>
<br>
<a href="http://www.hochbetten-und-abenteuerbetten.de/webshop_neu/"><font style="font-size:12px;"> Unser Webshop</font></a>
<br>
<a href="http://abenteuerbetten-hochbetten.de.tl/das-zubeh.oe.r.htm"><font style="font-size:12px;">Das Zubehör</font></a>
<br>
<a href="http://abenteuerbetten-hochbetten.de.tl/Ihr-Feedback.htm"><font style="font-size:12px;">Ihr Feedback</font></a>
<br>
<a href="http://abenteuerbetten-hochbetten.de.tl/Sonstiges.htm"><font style="font-size:12px;">Sonstiges</font></a></div>
Wenn das nicht geht musst du den hier mal versuchen:
Code: <div id="menu_items">
<a href="http://abenteuerbetten-hochbetten.de.tl/"><font style="font-size:12px;">Home</font></a>
<a href=""><br></a>
<a href="http://abenteuerbetten-hochbetten.de.tl/Pr.ae.sentation.htm"><font style="font-size:12px;">Präsentation</font></a>
<a href=""><br></a>
<a href="http://abenteuerbetten-hochbetten.de.tl/Wir-.ue.ber-uns.htm"><font style="font-size:12px;">Wir über uns</font></a>
<a href=""><br></a>
<a href="http://abenteuerbetten-hochbetten.de.tl/Unsere-hochbetten.htm"><font style="font-size:12px;">Unsere Hochbetten</font></a>
<a href=""><br></a>
<a href="http://www.hochbetten-und-abenteuerbetten.de/webshop_neu/"><font style="font-size:12px;"> Unser Webshop</font></a>
<a href=""><br></a>
<a href="http://abenteuerbetten-hochbetten.de.tl/das-zubeh.oe.r.htm"><font style="font-size:12px;">Das Zubehör</font></a>
<a href=""><br></a>
<a href="http://abenteuerbetten-hochbetten.de.tl/Ihr-Feedback.htm"><font style="font-size:12px;">Ihr Feedback</font></a>
<a href=""><br></a>
<a href="http://abenteuerbetten-hochbetten.de.tl/Sonstiges.htm"><font style="font-size:12px;">Sonstiges</font></a></div>
Wenn du noch fragen hast, melde dich ruhig bei mir!
LG
Mike
Danke, hat geklappt!!! |
|
|
↑
|
|
|
-
nuo-musik
|
30.10.2010 um 10:46 (UTC)
Titel: |
|
|
Joa, das ist eigentlich ganz einfach....
Wenn du noch irgendwelche fragen hast
bin ich gerne für dich da!
LG
Mike |
|
|
↑
|
|
|
|
