obere Linie wird nicht angezeigt

[Neffets001]

Halööchen zusammen,



ich habe mal wieder eine Frage an euch, da ich einfach nicht mehr weiter weiß:

mein css code:

.navigation_links {
 font-family: Verdana, sans-serif;
 font-size: 14px;
 font-style: normal;
 font-weight: bold;
 color: #FFFFFF;
 display: table-cell;
 padding: 2px;
 text-decoration: none;
 background-color: #4C5F8D;
 border-top-style: double;
 border-right-style: double;
 border-bottom-style: double;
 border-left-style: double;
}

in Firefox ist es so, dass oben eine Linie über den Wörtern angezeigt wird, aber beim Internet Explorer leider nicht!
Was muss ich ändern?

Bin für jeden Tipp dankbar!
PS: Das Menü verläuft von links nach rechts

Gruß
steffen

 

[BcF]

border: double 1px #000;

Eine statt 4 Zeilen, dafür mit Breiten- und Farbangabe (kann natürlich angepasst werden).
Müsste so gehen.

 

[Neffets001]

Hi BCF

hab es jetzt so versucht:

.navigation_links {
    font-family: Verdana, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #FFFFFF;
    display: table-cell;
    padding: 2px;
    text-decoration: none;
    background-color: #4C5F8D;
    border: double 1px #000; 
}

doch leider hat sich jetzt nur die Farbe geändert, die Linie oben fehlt immer noch!
Hat noch jemand eine Idee>?

 

[BcF]

bei mir gehts so in beiden Browsern (hab zur Verdeutlichung hier jetzt 3px und #F00; benutzt)

FF:

IE:

getestet mit <div> und <td>, weiß nicht was du da formatieren willst, ich glaube der entsprechende HTML-Teil wäre ganz nützlich

 

[Neffets001]

der html code lautet:

<a href="index.php" class="navigation_links">Home</a>

weißt du jetzt was das Problem ist?

 

[BcF]

<!--[if IE ]>
<style type="text/css">
    .navigation_links {
        display: block !important;
    }
</style>
<![endif]-->

das in den Head und das Problem is behoben

 

[Neffets001]

ich hab jetzt in dne head bereich:

.navigation_links {
        display: block !important;
    }

kopiert
die test.css lautet:

.navigation_links {
    font-family: Verdana, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #FFFFFF;
    display: table-cell;
    padding: 2px;
    text-decoration: none;
    background-color: #4C5F8D;
    border: double 1px #000;

jetzt ist nur das problem, dass er alle menü-punkte untereinander anzeigt, ich will aber, dass er sie nebereinander anzeigt
Hat das jetzt was mit dem important zu tun, oder habe ich in meiner test.css einen Fehler?

 

[BcF]

<!--[if IE ]>
<style type="text/css">
    .navigation_links {
        display: block !important;
        float: left;
        width:auto;
    }
</style>
<![endif]-->

Mein Fehler, hatte was vergessen. Und denk dran, die CCs mitzukopieren. Ich weiß nicht ob du die jetzt drin hast.

Ob das important unbedingt da sein muss weiß ich nicht, aber es schadet auf jeden Fall nicht.

Und noch was: Ich konnte das bisher nur mit IE7 testen, ich weiß nicht wie das mit den anderen ist.