GTA Közösség - A magyar GTA fórum

Általános beszélgetés => Beszélgetés => Kérdések, Segítség => A témát indította: KDDomi - 2017. Március 15. - 12:22:56

Cím: CSS probléma
Írta: KDDomi - 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.
Cím: CSS probléma
Írta: Enigma - 2017. Március 15. - 12:58:28
a fő css kód tetejére beírod ezt:
 

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

 
 
Cím: CSS probléma
Írta: KDDomi - 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.
Cím: CSS probléma
Írta: Enigma - 2017. Március 15. - 13:57:20
Érdekes. Másold be a nemműködő kódrészletet.
Cím: CSS probléma
Írta: Memphis - 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.
Cím: CSS probléma
Írta: KDDomi - 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.
Cím: CSS probléma
Írta: Enigma - 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\");

 
 
Cím: CSS probléma
Írta: KDDomi - 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.