Suche im Forum:
Suchen


Autor Nachricht
Beitrag04.08.2008 um 17:09 (UTC)    
Titel: Buttons kaum sichtbar
Antworten mit Zitat
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:
Antworten mit Zitat
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:   
  • Seite 1 von 1

  •  
    • Gehe zu:  


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

© 2024 webme GmbH, Deutschland. Alle Rechte vorbehalten.