Suche im Forum:
Suchen


Autor Nachricht
Beitrag04.08.2008 um 17:09 (UTC)    
Titel: Buttons kaum sichtbar

Auf meiner Seite (www.shintestweb.de.tl) werden die Buttons nicht richtig angezeigt. Was muss ich machen damit die volle Größe (140x30) angezeigt wird?

Hier mein Code:

Zitat:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}

body {background-color:#000000;}

a{color:#000080; font-size: 15px; text-decoration: none;}
a:hover {color: #000080; font-size: 15px; text-decoration: none;}
a:link {color: #000080; font-size: 15px; text-decoration: none;}
a:active {color: #000080; font-size: 15px; text-decoration: none;}
a:visited {color: #000080; font-size: 15px; text-decoration: none;}

li.nav_element a{
color:#000000;
display: block;
margin: 0px;
padding-left: 10px;
text-decoration: none;
width: 140px;
height: 30px;
background-image:url();
background-color:#4D4D4D;}


li.nav_element a{
color:#FFFFFF;
display: block;
margin: 5px;
padding-left: 1px;
text-decoration: none;
width: 140px;
height: 30px;
background-image:url(http://img.webme.com/pic/s/shintestweb/cssbutton.png);
background-color:#4D4D4D;}

li.nav_element a:hover{
color:#FFFFFF;
display: block;
margin: 5px;
padding-left: 1px;
text-decoration: none;
width: 120px;
height: 30px;

background-image:url(http://img.webme.com/pic/s/shintestweb/cssbuttonhover.png);
background-color:#919191;}

#Design04 {
margin: 0 auto;
width: 922px;}

#Header_oben {
height: 77px;
width: 900px;
background: #3C3C3C;
background-image:url(http://img.webme.com/pic/s/shintestweb/shintestwebheader.png);
color: #FFFFFF;
border: 1px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;}

#nav_container {
width: 100px;
height: 340px;
background: #C0C0C0;
background-image:url(http://img.webme.com/pic/s/shintestweb/navilol.png);
color: #000000;
border: 1px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;}

#content {
height: 340px;
width: 576px;
background: #F2F2F2;
background-image:url();
color: #000000;
border: 1px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
display: inline;
float: left;
overflow:auto;}

#sidebar_container {
height: 340px;
width: 180px;
background: #C0C0C0;
background-image:url();
color: #000000;
border: 1px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
float: right;
overflow:auto;}

#Feld_unten {
width: 900px;
background: #3C3C3C;
color: #FFFFFF;
clear: both;
border: 1px solid #6E6E6E;
margin: 0px 0px 10px 0px;
padding: 10px;}

#counter{display: none;}


Zuletzt bearbeitet von shintestweb am 04.08.2008, 19:59, insgesamt einmal bearbeitet
Beitrag04.08.2008 um 18:57 (UTC)    
Titel:

Ich habe den mal für Dich geändert, allerdings sind die Button mit 130 Pixel evtl. etwas groß.
Was ich in Deinem Code rot markiert habe, habe ich ganz rausgenommen.

Zitat:

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}

body {background-color:#000000;}

a{color:#000080; font-size: 15px; text-decoration: none;}
a:hover {color: #000080; font-size: 15px; text-decoration: none;}
a:link {color: #000080; font-size: 15px; text-decoration: none;}
a:active {color: #000080; font-size: 15px; text-decoration: none;}
a:visited {color: #000080; font-size: 15px; text-decoration: none;}



li.nav_element a{
color:#FFFFFF;
display: block;
margin: 5px;
margin-left:-70px; padding-left: 10px;
text-decoration: none;
width: 140px;
height: 30px;
background-image:url(http://img.webme.com/pic/s/shintestweb/cssbutton.png);
background-color:transparent;
background-repeat:no-repeat;}

li.nav_element a:hover{
color:#FFFFFF;
display: block;
margin: 5px;
text-decoration: none;
background-image:url(http://img.webme.com/pic/s/shintestweb/cssbuttonhover.png);
background-color:#919191;}

#Design04 {
margin: 0 auto;
width: 922px;}

#Header_oben {
height: 77px;
width: 900px;
background: #3C3C3C;
background-image:url(http://img.webme.com/pic/s/shintestweb/shintestwebheader.png);
color: #FFFFFF;
border: 1px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;}

#nav_container {
width: 100px;
height: 340px;
background: #C0C0C0;
background-image:url(http://img.webme.com/pic/s/shintestweb/navilol.png);
color: #000000;
border: 1px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
float: left;}

#content {
height: 340px;
width: 576px;
background: #F2F2F2;
background-image:url();
color: #000000;
border: 1px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
display: inline;
float: left;
overflow:auto;}

#sidebar_container {
height: 340px;
width: 180px;
background: #C0C0C0;
background-image:url();
color: #000000;
border: 1px solid #6E6E6E;
margin: 0px 0px 0px 0px;
padding: 10px;
float: right;
overflow:auto;}

#Feld_unten {
width: 900px;
background: #3C3C3C;
color: #FFFFFF;
clear: both;
border: 1px solid #6E6E6E;
margin: 0px 0px 10px 0px;
padding: 10px;}

#counter{display: none;}
Beiträge der letzten Zeit anzeigen:   


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