• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Einfache HTML Frage - 3h schon an einer Lösung verbraten .. ^^

G

ganter123

Neues Mitglied
Hallo zusammen,

In Vergangenheit konnte ich schon diverse Probleme mit Google oder Manuals lösen. Leider hat es bei diesem nicht geklappt ... :(

Und zwar würde ich gerne die Abstände bei den einzelnen Listenpunkten auf 0 setzten. Sprich das es diesen lästigen Abstand nicht darstellt. Leider hat alles nicht funktioniert .. :/

Danke euch schon im voraus für eure Mühe.

Schönes Wochenende & Gruss
ganter123


CSS-Code:

@charset "ISO-8859-1";
/* CSS Document */
body {
background: none repeat scroll 0 0 #FFFFFF;
color: #000000;
direction: ltr;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
text-align: left;
unicode-bidi: normal;
}

#global_site {
margin: 0 auto;
background-color:#FFF;
}

#title_bar_up {
margin: 0 auto;
width: 960px;
height: 10px;
background-color:#FFF;
}

#title_bar {
margin: 0 auto;
height: 35px;
width: 960px;
background-color: #6F6;
}

#logo {
height: 35px;
width: 150px;
background-color:#06F;
float: left;
}

#navi_container {
margin: 0 auto;
height: 35px;
width: 750px;
background-color:#06F;
float: right;
}

#navi_list {
margin: 0;
padding: 0;
}

#navi_list ul, #navi_list li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#navi_list li {

}
#navi_list a {
color: #FFFFFF;
font-weight: bold;
height: 26px;
display: inline-block;
text-decoration: none;
background-color: green;
padding-left: 2px;
padding-right: 2px;
padding-top: 9px;
}
Zum Vergrößern anklicken....
HTML-Code:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html id="positionlog" language="de">
<head>
<title>test</title>
<link rel="stylesheet" type="text/css" href="CSS_mitlogin.css" media="screen">
</head>
<body>
<div id="global_site">
<div id="global_container">
  <div id="title_bar_up"></div>
  <!-- /titelbar -->
   <div id="title_bar">
       <div id="logo">logo</div> 
    <div id="navi_container">
       <ul id="navi_list">
          <li><a href="">Link 1</a></li>
          <li><a href="">Link 2</a></li>
          <li><a href="">Link 3</a></li>
          <li><a href="">Link 4</a></li>
          <li><a href="">Link 5</a></li>
          <li><a href="">Link 6</a></li>
       </ul>
    </div>
   </div>
<body>
 
Zuletzt bearbeitet:
Werbung:
Code: 
#navi_list a {
        color: #FFFFFF;
        font-weight: bold;
        height: 26px;
        display: inline-block;
        text-decoration: none;
        background-color: green;
        padding-left: 2px;
        padding-right: 2px;
        [B]padding-top: 9px;[/B] // Innenabstand
}
Musst du wohl löschen.

Ein Extra div um <ul class="navi_list"> ist eigentlich unnötig.
 
aJunkie schrieb:
Code: 
#navi_list a {
        color: #FFFFFF;
        font-weight: bold;
        height: 26px;
        display: inline-block;
        text-decoration: none;
        background-color: green;
        padding-left: 2px;
        padding-right: 2px;
        [B]padding-top: 9px;[/B] // Innenabstand
}
Musst du wohl löschen.

Ein Extra div um <ul class="navi_list"> ist eigentlich unnötig.
Zum Vergrößern anklicken....

Habe beides mal gelöscht aber kam zu keinem Ergebnis. Padding weglassen hat nichts geändert ... :(

Die einzelnen Listeneinträge in der Navigation haben immer noch einen Abstand zwischem ihrem nächsten horizontalen Eintrag. Ein Abstand der von irgendwo hereingeflogen kommt und ich keine Ahnung habe .. :)

Deswegen habe ich auch den Background-color=green; gsetzt, damit man den Abstand wirklich sieht.

Danke aber für dein Versuch - nimm jeden Tip an .. :)
 
Werbung:
Hallo.

Code: 
#navi_list ul, #navi_list li {
        display: inline;
        list-style-type: none;
        margin: 0;
        padding: 0;
}

Ändere display: inline; zu float: left;

Gruss
Elroy
 
Danke euch beiden, dass float hat es gebracht .. :)

@aJunkie: Mit Display:block gab es keine Änderung, aber auch dir danke :)
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben