Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag20.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
Beitrag21.10.2010 um 08:03 (UTC)    
Titel:

Kann mir keiner helfen ? Smile
Beitrag21.10.2010 um 08:35 (UTC)    
Titel:

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
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 21.10.2010, 09:37, insgesamt einmal bearbeitet
Beitrag25.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
Beitrag25.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);
}



das rote entfernst du. eventuell klappt das ja.

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



Zuletzt bearbeitet von 6p-iceblue am 25.10.2010, 21:46, insgesamt einmal bearbeitet
Beitrag27.10.2010 um 11:59 (UTC)    
Titel:

klappt nicht ;(
Beitrag30.10.2010 um 09:25 (UTC)    
Titel:

Kann keiner helfen ? ;(
Beitrag30.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 Arrow Wink


Zuletzt bearbeitet von nuo-musik am 30.10.2010, 11:28, insgesamt einmal bearbeitet
Beitrag30.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 Arrow Wink


Danke, hat geklappt!!!
Beitrag30.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!


Arrow Arrow Wink
LG
Mike
Beiträge der letzten Zeit anzeigen:   


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