CSS stylesheet link WTF

Programovacie jazyky, rady, poradňa...
Forsaken
King
King
Používateľov profilový obrázok
Príspevky: 1918
Registrovaný: 14 mar 2010, 0:39

CSS stylesheet link WTF

Príspevok od používateľa Forsaken »

Kód: Vybrať všetko

<link rel="stylesheet" href="sample-styles.css" type="text/css" />
funguje.

ked presuniem css do zlozky styles

Kód: Vybrať všetko

<link rel="stylesheet" href="/styles/sample-styles.css" type="text/css" />
funguje tym stylom ze je na mieste (pozicia funguje)...ale nevidno ho. (nepomaha ani z-index, ktory vsak nemenim, naco ked je v poriadku ? , skusal som aj menit)

wtf ?
jedna sa o obycajny web...
skusal som to aj premenovat.
weroro
Flash coder
Flash coder
Používateľov profilový obrázok
Príspevky: 3206
Registrovaný: 14 feb 2009, 22:34
Bydlisko: Bratislava
Kontaktovať používateľa:

Re: CSS stylesheet link WTF

Príspevok od používateľa weroro »

Čo s tým má spoločné z-index? Ten slúži na zmenu pozície vrstvy vykreslovaného elementu v HTML.
Z popisu netuším s čím máš problém. Vystrelím na slepo: Skús do tej adresy na prilinkovanie externého štýlu pridať na začiatok cesty bodku

Kód: Vybrať všetko

<link rel="stylesheet" href="./styles/sample-styles.css" type="text/css" />
Forsaken
King
King
Používateľov profilový obrázok
Príspevky: 1918
Registrovaný: 14 mar 2010, 0:39

Re: CSS stylesheet link WTF

Príspevok od používateľa Forsaken »

z-idnex s tym ma to ze keby bol prekryty nejakym elementom preto ho nevidno...

lebo sa zda ze funguje...len ho nevidno... nakolko pozicia je spravna.

. nepomohla.
weroro
Flash coder
Flash coder
Používateľov profilový obrázok
Príspevky: 3206
Registrovaný: 14 feb 2009, 22:34
Bydlisko: Bratislava
Kontaktovať používateľa:

Re: CSS stylesheet link WTF

Príspevok od používateľa weroro »

No dobre, ale tag <link> sa nikdy nikde nezobrazuje. Patrí do hlavičky a pripája s ním externé CSS.
Ktorý element sa ti nezobrazuje (<div>, <span>, <p>, <a>...)? Máš živú ukážku toho webu? Vieš poprípade poskytnúť podrobnejší popis problému?
Forsaken
King
King
Používateľov profilový obrázok
Príspevky: 1918
Registrovaný: 14 mar 2010, 0:39

Re: CSS stylesheet link WTF

Príspevok od používateľa Forsaken »

tak este raz.

pokial linkujem

Kód: Vybrať všetko

<link rel="stylesheet" href="sample-styles.css" type="text/css" />
a subor sample-styles.css sa nachadza v korenovom adresari...

vsetko funguje spravne = div sa zobrazuje spravne

Kód: Vybrať všetko

#slider-control-nav {
    position: absolute;
    right: 25px;
    bottom: -30px;
    z-index: 6;
    display: block;
    opacity: 1;
}
pokial sample-styles.css presuniem do zlozky styles, kde mam vsetky css a zmenim na link

Kód: Vybrať všetko

<link rel="stylesheet" href="/styles/sample-styles.css" type="text/css" />
div nevidno vobec, ale ked prejdem na miesto kde ma byt, viem ze je tam, lebo tam mam aktivne linky na ktore sa da klikat naslepo a funguju.
weroro
Flash coder
Flash coder
Používateľov profilový obrázok
Príspevky: 3206
Registrovaný: 14 feb 2009, 22:34
Bydlisko: Bratislava
Kontaktovať používateľa:

Re: CSS stylesheet link WTF

Príspevok od používateľa weroro »

1. skúsil by som vynechať lomítko na začiatku adresy k štýlu dať tam iba

Kód: Vybrať všetko

<link rel="stylesheet" href="styles/sample-styles.css" type="text/css" />
2. ak mám podozrenie, že sa css z daného súboru neaplikuje na nejakú časť dokumentu, vyskúšam zmeniť nejakú globálnu hodnotu napr. farbu pozadia stránky čiže na koniec (úplne na spodok) toho súboru pridám

Kód: Vybrať všetko

body {background:#f00;} 
3. ak sa bod 2 osvedčí (pozadie sa zmení) daný riadok zmažem a k príkazom v danej sekcii #slider-control-nav pridám klauzulu !important aby som zistil, či danú sekciu niečo neprepisuje

Kód: Vybrať všetko

#slider-control-nav {
    position: absolute !important;
    right: 25px !important;
    bottom: -30px !important;
    z-index: 6 !important;
    display: block !important;
    opacity: 1 !important;
}
4. ak sa po bode 3 problém vyrieši skontroloval by som poradie linkovaných súborov a !important zmažem
5. ak sú v danom slidery použité obrázky tlačítok aplikované pomocou tohto súboru, tak treba zmeniť adresu aj k tým obrázkom.
napr. ak boli predtým v zložke images tak teraz budú v zložke ../images

//autoeditácia príspevku (05 Okt 2013, 21:29)
Ak sa problém nevyrieši hoď to niekde online a pozriem sa na to.
Forsaken
King
King
Používateľov profilový obrázok
Príspevky: 1918
Registrovaný: 14 mar 2010, 0:39

Re: CSS stylesheet link WTF

Príspevok od používateľa Forsaken »

2. ak mám podozrenie, že sa css z daného súboru neaplikuje na nejakú časť dokumentu, vyskúšam zmeniť nejakú globálnu hodnotu napr. farbu pozadia stránky čiže na koniec (úplne na spodok) toho súboru pridám

Kód: Vybrať všetko

body {background:#f00;}   &nbsp;  
pozadie sa zmeni, nie na celej stranke, ale az na nasledujucich elementoch.
weroro
Flash coder
Flash coder
Používateľov profilový obrázok
Príspevky: 3206
Registrovaný: 14 feb 2009, 22:34
Bydlisko: Bratislava
Kontaktovať používateľa:

Re: CSS stylesheet link WTF

Príspevok od používateľa weroro »

Skúšal si aj !important?
Forsaken
King
King
Používateľov profilový obrázok
Príspevky: 1918
Registrovaný: 14 mar 2010, 0:39

Re: CSS stylesheet link WTF

Príspevok od používateľa Forsaken »

weroro napísal:Skúšal si aj !important?
ano...bez zmeny... nefunguje to..resp sa to nezobrazi... ale je to tam.
weroro
Flash coder
Flash coder
Používateľov profilový obrázok
Príspevky: 3206
Registrovaný: 14 feb 2009, 22:34
Bydlisko: Bratislava
Kontaktovať používateľa:

Re: CSS stylesheet link WTF

Príspevok od používateľa weroro »

Vieš to nahodiť na web? Chcem to vidieť. Ak si poskúšam veci priamo na tom, tak na to prídeme skôr. Potom samozrejme hodím riešenie aj to kde nastal problém.
Forsaken
King
King
Používateľov profilový obrázok
Príspevky: 1918
Registrovaný: 14 mar 2010, 0:39

Re: CSS stylesheet link WTF

Príspevok od používateľa Forsaken »

diky za ochotu...

viem to nahodit na web samozrejeme, ale nechcem....

keby ta este daco napadlo napis.
weroro
Flash coder
Flash coder
Používateľov profilový obrázok
Príspevky: 3206
Registrovaný: 14 feb 2009, 22:34
Bydlisko: Bratislava
Kontaktovať používateľa:

Re: CSS stylesheet link WTF

Príspevok od používateľa weroro »

Skús pozrieť aj cesty v JS, lebo tieto slidery kontrolujú všetko možné.
Kľudne mi to pošli v SS. Konzultovať budeme tu verejne a odkaz nikto neuvidí.
Forsaken
King
King
Používateľov profilový obrázok
Príspevky: 1918
Registrovaný: 14 mar 2010, 0:39

Re: CSS stylesheet link WTF

Príspevok od používateľa Forsaken »

lebo som ko*ot... boze :D

preco mi to neslo:

background: url(/images/arrows2.png) no-repeat 0 0;

v child elemente...kde boli obrazky...ktore to cele vykresluju...
ale zaujimave ze to slo ked css...bolo v root adresary... nechapacka
weroro
Flash coder
Flash coder
Používateľov profilový obrázok
Príspevky: 3206
Registrovaný: 14 feb 2009, 22:34
Bydlisko: Bratislava
Kontaktovať používateľa:

Re: CSS stylesheet link WTF

Príspevok od používateľa weroro »

weroro napísal:5. ak sú v danom slidery použité obrázky tlačítok aplikované pomocou tohto súboru, tak treba zmeniť adresu aj k tým obrázkom.
Ak tam nebolo to lomítko bola to relatívna cesta od aktuálneho umiestnenia toho css. Keď si zmenil umiestnenie css do zložky styles tak cesta k obrázkom bola automaticky v tom istom adresáry a tam sa images nenachádzal. Lomítko na začiatku značí, že sa má aresa začínať relatívne od rootu a rovnako by fungoval (mám aspoň taký pocit) aj ten môj príklad ../images/
Forsaken
King
King
Používateľov profilový obrázok
Príspevky: 1918
Registrovaný: 14 mar 2010, 0:39

Re: CSS stylesheet link WTF

Príspevok od používateľa Forsaken »

ja viem :) a teraz som si uvedomil to relativne linkovanie...

len ja som zameral na parent container... vobec ma nenapadlo... musim tam zacat davat aj alty na tie obrazky :)

detska chyba 2hodiny :oops:
*****HERO*****
Guru wannabe
Guru wannabe
Používateľov profilový obrázok
Príspevky: 2446
Registrovaný: 08 máj 2006, 1:34

Re: CSS stylesheet link WTF

Príspevok od používateľa *****HERO***** »

btw alty sa pouzivaju pri <img> elementoch, nesnaz sa ho vtrepat do nejakeho divu co ma background cez css, nebude to mat ziadny efekt.
Forsaken
King
King
Používateľov profilový obrázok
Príspevky: 1918
Registrovaný: 14 mar 2010, 0:39

Re: CSS stylesheet link WTF

Príspevok od používateľa Forsaken »

*****HERO***** napísal:btw alty sa pouzivaju pri <img> elementoch, nesnaz sa ho vtrepat do nejakeho divu co ma background cez css, nebude to mat ziadny efekt.
jop pravdu mas, v noci to nemysli ci ? :)
fikotek
King
King
Používateľov profilový obrázok
Príspevky: 1618
Registrovaný: 21 dec 2004, 16:13
Bydlisko: Zamilovany :-)
Kontaktovať používateľa:

Re: CSS stylesheet link WTF

Príspevok od používateľa fikotek »

Forsaken, nejrychlejsi zpusob jak zjistit jestli mas externi css spravne nalinkovane je dat v prohlizeci CTRL + U a kliknout na link toho CSS. Pokud v dalsim okne uvidis svuj CSS styl tak je to dobre, pokud tam uvidis cokoliv jineho tak to mas spatne nalinkovane.
Forsaken
King
King
Používateľov profilový obrázok
Príspevky: 1918
Registrovaný: 14 mar 2010, 0:39

Re: CSS stylesheet link WTF

Príspevok od používateľa Forsaken »

on bol nalinkovany samozrejme dobre, ale problem bol vid. vyssie.
uz to nerieste :D hanbim sa.
Napísať odpoveď