Menüleiste verschieben - Wie?

html.de-Forum HTML, XHTML & CSS
1

Hallo an die HTML Community,

Ich bin neu in diesem Forum und zu dem Thema, welches ich anfrage, kenne ich auch nicht gut. Es kann sein, dass ich sogar das Thema verfehlt habe.

Also mein Problem ist:
Auf meiner Webseite (www.KevinsGamerBlog.de) musste ich den ganzen oberen Teil löschen, da der Banner auf eine andere Seite automatisch verlinkt hat (den Bilderbanner musste ich durch einen anderen ersetzen).
Das war kein Problem, jedoch löschte ich ausversehen die „Seitenbar“. Als ich sie wieder per „HTML Element“ (bin btw. auf Blogger) einfügte, war diese verschoben. Ich möchte sie jedoch in die Mitte des Designs schieben.

Wie mache ich das?

Ich kopiere hier mal das Script:

ul.dark_menu {
list-style: none;
padding: 3px 1px;
font-family: ‚Open Sans‘, sans-serif;
font-size: 12px;
line-height: 15px;
margin: auto;
}/* Blog johanes djogzs.blogspot.com /
ul.dark_menu:after {
content: „“;
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;}
ul.dark_menu li {
float: left;
position: relative;
margin: 10px 0px -4px 5px;}
/ Blog johanes djogzs.blogspot.com /
ul.dark_menu li a, ul.dark_menu li a:link {
color: #aaa;
text-decoration: none;
display: block;
padding: 10px 26px;
background: #181818;
border-radius: 5px 5px 0px 0px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
/ Blog johanes djogzs.blogspot.com /
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}/ Blog johanes djogzs.blogspot.com /
ul.dark_menu li a:hover {
color: #fff;
background: #181818;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}/ Blog johanes djogzs.blogspot.com /
ul.dark_menu li a.selected, ul.dark_menu li a:active {
color: #222;
margin-left: 15px;
background: #EFEDEB;
padding: 10px 10px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
border-radius: 5px 5px 0px 0px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;}
ul.dark_menu li ul {
display: none;
}/ Blog johanes djogzs.blogspot.com /
ul.dark_menu li ul:before {
content: " ";
position: absolute;
display: block;
z-index: 1500;
left: 0;
top: -10px;
height: 10px;
width: 100%;}
ul.dark_menu li:hover ul {
position: absolute;
display: block;
z-index: 1000;
left: 0;
top: 35px;
padding: 5px 0;
list-style: none;
background: #181818;
}/ Blog johanes djogzs.blogspot.com /
ul.dark_menu li ul li {
float: none;
margin: 0 10px;
border-bottom: 1px solid #191614;
border-top: 1px solid #3a3230;}
ul.dark_menu li ul li:first-child {
margin: 0 10px;
border-top: 0 none;}
ul.dark_menu li ul li:last-child {
border-bottom: 0 none;
}/ Blog johanes djogzs.blogspot.com */
ul.dark_menu li ul li a, ul.dark_menu li ul li a:link {
color: #aaa;
display: block;
background: transparent none;
padding: 10px 20px 10px 5px;
white-space: nowrap;
text-shadow: 0 1px 2px #000;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}
ul.dark_menu li ul li a:hover {
text-decoration: underline;
background: #2a2523;

Wäre super, wenn ihr mir helfen könntet :slight_smile:

Kevinnet

2 
.widget-content {
  color: #666;
  padding: 10px 0;   DIESE ANGABEN HINZUFÜGEN
}

Was anderes habe ich auf die Schnelle nicht gefunden. Funktioniert aber.

3

Wo direkt muss ich das einfügen in mein Script?

4

Naja wo genau. Keine Ahnung. Es sind ja velinkte Styles.
Du kannst aber in deiner css.css Datei den folgenden Eintrag vornehmen, also ein Selectorblock hinzufügen.
Deine Datei:

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

.widget-content{padding:15px 0;}  /* NEU */

Upps! Ist ja doch nicht deine. Sorry. Nine weiß auch nicht.

5

Hmm :confused: Vielleicht kann mir trotzdem einer weiterhelfen, wäre echt super.

Btw: Hier ist das Script von der Menüleiste, was ich in Blogger als HTML-Element eingefügt habe:

Vielleicht hilft das weiter.

6

Benutze den Firefox mit installiertem Addon Firebug, der zeigt dir dann an, in welcher CSS die entsprechende Definition steht.

Und: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.kevinsgamerblog.de%2F