Hallo Com,
Ich arbeite derzeit an einer kleinen Homepage, leider bin ich kein HTML experte bzw
ich kenne mich nicht so aus ich bin eher ein VB suchty :D.
Nun zu meinem Problem!:
Ich habe eine Navigation die per .css Datei eingestellt ist also mit Mousover Effekt oder
so wie man das nennt aber ich bekomme die Navigation nicht "zentriert" naja es geht
aber es sieht schrecklich aus.
Screen 1:
myimg.de - screen1f476a.gif
Die HP war vorher "linksbündig" nun wollte ich diese "zentrieren" ich habe es
geschafft mit der "Box" und auch mit dem menü aber das hat sich wie soll man
das sagen hmm verzogen oder so!
Screen 2:
myimg.de - screen273c1d.jpg
Also die Buttons sind irgendwie im eimer wie kann ich das beheben ?
Hier noch der Inhalt aus der style.css:
Alles anzeigen
Könnte bitte einer diesen Code ausbessern bzw so einstellen das es klappt
oder mir erklären was ich ändern muss ich komme damit nicht so wirklich kla.
Mfg Cifres
Ich arbeite derzeit an einer kleinen Homepage, leider bin ich kein HTML experte bzw
ich kenne mich nicht so aus ich bin eher ein VB suchty :D.
Nun zu meinem Problem!:
Ich habe eine Navigation die per .css Datei eingestellt ist also mit Mousover Effekt oder
so wie man das nennt aber ich bekomme die Navigation nicht "zentriert" naja es geht
aber es sieht schrecklich aus.
Screen 1:
myimg.de - screen1f476a.gif
Die HP war vorher "linksbündig" nun wollte ich diese "zentrieren" ich habe es
geschafft mit der "Box" und auch mit dem menü aber das hat sich wie soll man
das sagen hmm verzogen oder so!
Screen 2:
myimg.de - screen273c1d.jpg
Also die Buttons sind irgendwie im eimer wie kann ich das beheben ?
Hier noch der Inhalt aus der style.css:
Quellcode
- html body {
- font-size: 8pt;
- font-family: verdana, arial, sans-serif;
- color: #00AEFF;
- background-color: #232323;
- }
- .title {
- font-weight: bold;
- color: #16577E;
- border-bottom: 1px dotted #16577E;
- }
- .status_red {
- color: #C71C00;
- }
- .status_yellow {
- color: #EFE700
- }
- .status_green {
- color: #5AEF00
- }
- .tableinborder {
- background-color: #16577E;
- }
- .tablea {
- background-color: #232323;
- }
- .tableb {
- background-color: #131313;
- }
- input, textarea {
- color: #16577E;
- background-color: #131313;
- border: 1px dotted #16577E;
- }
- A:link, A:visited {
- color: #00DEFF;
- text-decoration: none;
- }
- A:hover, A:active {
- color: #16577E;
- text-decoration: none;
- border-bottom: 1px dotted #16577E;
- }
- #alert {
- padding: 10px;
- border: 1px solid #16577E;
- background-color: #131313;
- text-align: center;
- margin: 10px;
- font-weight: bold;
- }
- #news {
- border: 1px solid #00AEFF;
- color: #00DEFF;
- padding: 5px;
- }
- #header {
- }
- #navconatainer ul{
- list-style-type: none;
- display: inline;
- margin: 0.4em; padding: 0;
- }
- #navcontainer li {
- display: inline;
- margin: 20px;
- }
- #navcontainer li a {
- display: center;
- float: center;
- background-image: url('images/button.jpg');
- padding: 4px 0 0 0;
- margin: 0 10px 0 0;
- width: 81px;
- height: 19px;
- color: #00AEFF;
- text-decoration: none;
- text-align: center;
- }
- #navcontainer li a:hover {
- background-image: url('images/button_hover.jpg');
- color: #000000;
- text-decoration: none;
- border: 0px;
- }
- #spacer {
- clear: both;
- }
- #content {
- position: relative;
- background-image: url('images/content.jpg');
- background-repeat: no-repeat;
- padding: 10px 0 5px 0;
- height: 500px;
- width: 530px;
- left: 30px;
- }
- #comment {
- background-color: #000000;
- border: 1px solid #A3A3A3;
- margin: 10px;
- padding: 2px;
- }
Könnte bitte einer diesen Code ausbessern bzw so einstellen das es klappt
oder mir erklären was ich ändern muss ich komme damit nicht so wirklich kla.
Mfg Cifres