Szerző Téma: CSS probléma (Megtekintve 1110 alkalommal)

KDDomi · « **Dátum:** 2017. Március 15. - 12:22:56 »

Sziasztok! Készítek jelenleg egy weboldalt, és olyan hibába ütköztem hogy az oldal fejlécében található egy navigációs menü(Bootstrapes) és css-el azt a menüt formáztam meg háttérszínnel, stb. Ha ezt a 30 sor css kódot ami ezért felelős kirakom egy külön fájlba akkor viszont olyan mintha ott sem lenne és nem működik. Ha a head-be rakom <style></style>-ok közé akkor rendesen működik. Valaki találkozott már hasonlóval? Azért lenne hasznos ha külön fájlba tudnám tenni mivel ez a weboldal majd MVC alapján fog felépülni.
Előre is köszönöm a segítséget.

Enigma · « **Válasz #1 Dátum:** 2017. Március 15. - 12:58:28 »

a fő css kód tetejére beírod ezt:


@import url(\"fájlnév.css\");

KDDomi · « **Válasz #2 Dátum:** 2017. Március 15. - 13:42:06 »

Így is ugyan ez a helyzet.

Egyébként érdekes, az elhelyezés az működik ha egyberakom a fő css fájllal, de a szinek nem működnek.

Enigma · « **Válasz #3 Dátum:** 2017. Március 15. - 13:57:20 »

Érdekes. Másold be a nemműködő kódrészletet.

Memphis · « **Válasz #4 Dátum:** 2017. Március 15. - 13:59:29 »

Egy nagyon alap dolgot kérdezek és szerintem (nagyon remélem) hülyeség. Ugye be van töltve a css fájl a html kód header részénél ?

<head>
<link rel=\"stylesheet\" type=\"text/css\" href=\"valami.css\">
</head>

Nagyon alap dolgokat írok le és remélem ezeket tudod.

De próbáld úgy belinkelni a fájlba hogy magát a teljes linket írod be a href-hez. \"http://domain.hu/css/index.css\". Ha még nem próbáltad, de igen jó lenne látni pár kód részletet.

KDDomi · « **Válasz #5 Dátum:** 2017. Március 15. - 14:03:34 »

Igen, be van töltve hiszen a többi része működik.


.navbar, .navbar-default {
    border: 0px;
    background-color: #3470af;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.navbar .navbar-nav {
    display: inline-block;
    float: none;
    vertical-align: top;
}
.navbar .navbar-collapse {
    text-align: center;
    text-transform: uppercase;
}
 
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-brand, .navbar-default .navbar-nav>a, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-brand:hover, .navbar-default .navbar-nav>a:hover, .navbar-default .navbar-nav>.active>a:hover  { /*MENÜITEM*/
    color: #fff;
    background-color: #3470af;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-brand:focus, .navbar-default .navbar-nav>a:focus, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:focus{ /*MENÜITEM KATTINTVA*/
    color: darkgrey;
    background-color: #3470af;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {  /*DROPDOWN NYITVA*/
    background-color: #3470af;
}
 .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    text-transform: none;
 }

Ez ami nem működik csak akkor ha style tagek közé rakom.

Enigma · « **Válasz #6 Dátum:** 2017. Március 15. - 14:05:56 »

Másik ötlet. Próbáld így beimportálni a fő css fájlba:


/* A ./ a jelenlegi mappából indul ki, és onnan keresi a fájlt. */
@import url(\"./fajlnev.css\");

KDDomi · « **Válasz #7 Dátum:** 2017. Március 15. - 14:13:04 »

Szintúgy, így néz ki jelenleg.

http://i.imgur.com/UtMPQXX.png
E: Sikerült megoldani, véletlenül a bootstrap css fájlja később töltődött be mint a saját css ezért az a bootstrap felülírta.