Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ Príspevkov: 7 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 17.02.14
Prihlásený: 18.01.24
Príspevky: 450
Témy: 198
Bydlisko: Poprad-okolie
Príspevok NapísalOffline : 18.02.2016 23:26

Ahojte, potreboval by som pomôcť s CSS, nakoľko je tento súbor dodaný externe, tak mu úplne nerozumiem a pri zmene mnohých elementov sa neudeje nič. Mohol by som poprosiť niekoho, aby mi túto štruktúru lepšie vysvetlil? Respektíve mi ju zakomentoval? Vďaka!
Kód:
div {
    font-family: MedievalSharp;
}
body {
    background: #e6b3ff; /* fallback for old browsers */

       

   
}

body a {
    color: red;
   
}

#header {
    background-color: red;
    width: 800px;
    color: #FFFFFF;
    font-size: 10pt;
    border: 1px solid #000000;
   
}

#output {
    margin-left: 25%;
    margin-right: 25%;
    padding: 10px;
    border: 1px solid #898989;
    font-weight: bold;
    color: red;
    text-align: center;
}

#container {
    overflow: hidden;
   
   
}

#navigation {
    background-color: #C3C3C3;
    width: 179px;
    float: left;
    margin-bottom: -32767px;
    padding-bottom: 32767px;
    border-left: 1px solid #000000;
    border-right: 1px solid #898989;
   
   

background: #2BC0E4; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #2BC0E4 , #EAECC6); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #2BC0E4 , #EAECC6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
       
}

#navigation a {
    color: #000000;
    text-decoration: none;
   
   
}

#nav_div {
    padding: 10px;
   
}

#con_div {
    padding: 10px;
   
}

#content {
   
    width: 620px;
    float: left;
    margin-bottom: -32767px;
    padding-bottom: 32767px;
    border-right: 1px solid #000000;
   
   

background: #99ff99; /* fallback for old browsers */

       
}

#footer {
    background-color: #898989;
    width: 800px;
    color: #FFFFFF;
    font-size: 12pt;
    border: 1px solid #000000;
   
   

background: #2BC0E4; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #2BC0E4 , #EAECC6); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #2BC0E4 , #EAECC6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
       
}

Kód funguje pri tomto webe: lfs-league.php5.sk/nationwars


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 10.05.18
Prihlásený: 10.05.18
Príspevky: 1
Témy: 0
Príspevok NapísalOffline : 10.05.2018 17:05

Skúste hladal na roznych youtoube tutorialoch od indov tí veedia najlepšie :D Prípadne nejaký kurz takéhoto typu https://www.learn2code.sk/kurzy/webrebel-1-html-css-javascript alebo všelijaké zahraničné weby....


Offline

Skúsený užívateľ
Skúsený užívateľ
Úprava CSS

Registrovaný: 19.03.07
Prihlásený: 26.03.24
Príspevky: 7076
Témy: 85
Bydlisko: BA
Príspevok NapísalOffline : 10.05.2018 17:17

https://www.w3schools.com/







_________________
Desktop: CPU AMD R7 1700x @ 3.85GHz | Cooling be quiet! Dark Rock Pro 4 | MB ASRock X470 Taichi Ult. | RAM 4x8GB DDR4 G-SKILL TridentZ RGB 3000 CL16-16-16-36 | VGA Powercolor VEGA56 + Raijintek Morpheus II | SSD Crucial MX300 525GB | HDD Seagate Ironwolf 3TB 5900rpm | PSU CORSAIR RM750X | MONITOR AOC Q3279VWFD8 | MOUSE HyperX Pulsefire FPS + Razer eXactMat | HyperX Alloy FPS Brown | HyperX Cloud | ARCH x64 &
Notebook: DELL inspiron 7537 i7 4500U, 16GB RAM, nv750, FHD IPS,Crucial M4 128GB | ARCH x64 & Surface Go 8/128 &
Mobil: LG v40 ThinQ (2018) & SBC: Raspberry pi 0 | 3B+ & Headphones: Senheiser HD58X | AKG K551 + detachable cable mod | Linsoul TIN T2 | KZ SZN
Offline

Zmazaný užívateľ
Zmazaný užívateľ
Obrázok užívateľa
Príspevok NapísalOffline : 10.05.2018 17:23

pri zmene CSS sa neudeje nic lebo mas na 90% stale nacachovanu verziu. refreshuj s ctrl shift r (hard reload) alebo pouzi nejaky live server
https://www.npmjs.com/package/http-server
https://www.npmjs.com/package/live-server
https://www.npmjs.com/package/gulp-serve

ak neovladas CSS, tak odporucam w3 school na zaklady lebo to maju pekne pokope ALE nie su tam najpresnejsie vysvetlenia a ukazky. moja rada, preklikaj si w3 school a nacerpaj zaklady ale ak budes chciet potom nejaku referenciu (dokumentaciu) tak pouzivaj https://developer.mozilla.org/en-US/docs/Web/CSS

btw web ti nefunguje


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 17.02.14
Prihlásený: 18.01.24
Príspevky: 450
Témy: 198
Bydlisko: Poprad-okolie
Príspevok Napísal autor témyOffline : 23.05.2018 2:51

Kámo, táto téma má vyše dvoch rokov :-) Ten web už neexistuje, máš pravdu, mám už iný.


Offline

Skúsený užívateľ
Skúsený užívateľ
Úprava CSS

Registrovaný: 19.03.07
Prihlásený: 26.03.24
Príspevky: 7076
Témy: 85
Bydlisko: BA
Príspevok NapísalOffline : 23.05.2018 9:16

Hah, obstojny necrobumping, som si nevsimol co fredy spravil. I ked zaujimalo by ma, ze preco a ako, sa dopracoval k tvojej teme...


Naposledy upravil void dňa 23.05.2018 19:15, celkovo upravené 1






_________________
Desktop: CPU AMD R7 1700x @ 3.85GHz | Cooling be quiet! Dark Rock Pro 4 | MB ASRock X470 Taichi Ult. | RAM 4x8GB DDR4 G-SKILL TridentZ RGB 3000 CL16-16-16-36 | VGA Powercolor VEGA56 + Raijintek Morpheus II | SSD Crucial MX300 525GB | HDD Seagate Ironwolf 3TB 5900rpm | PSU CORSAIR RM750X | MONITOR AOC Q3279VWFD8 | MOUSE HyperX Pulsefire FPS + Razer eXactMat | HyperX Alloy FPS Brown | HyperX Cloud | ARCH x64 &
Notebook: DELL inspiron 7537 i7 4500U, 16GB RAM, nv750, FHD IPS,Crucial M4 128GB | ARCH x64 & Surface Go 8/128 &
Mobil: LG v40 ThinQ (2018) & SBC: Raspberry pi 0 | 3B+ & Headphones: Senheiser HD58X | AKG K551 + detachable cable mod | Linsoul TIN T2 | KZ SZN
Offline

Užívateľ
Užívateľ
Úprava CSS

Registrovaný: 28.02.11
Prihlásený: 07.03.24
Príspevky: 196
Témy: 6
Bydlisko: Bratislava
Príspevok NapísalOffline : 23.05.2018 12:41

martinius96: Otvor si v prehliadači vývojárske nástroje (F11, prípadne klikni niekde do stránky pravým tlačidlom myši a vyber preskúmať prvok) a refreshni. Defaultne je totiž nastavené, že sa vypne cache (vyrovnávacia pamäť). Vtedy by sa mali zmeny prejaviť.

void: w3schools je zlý zdroj informácií a veľa krát tam píšu bludy. Ten web nemá nič spoločné s W3C a dokonca aj samotné consorcium sa niekoľko krát ohradilo voči danému webu.







_________________
Neznalosť zložitých operácií necháva myseľ otvorenú pre geniálne riešenia založené na jednoduchosti.
Odpovedať na tému [ Príspevkov: 7 ] 


Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy. Uprava scriptu

v HTML, XHTML, XML, CSS

12

577

11.09.2009 21:43

Johnnny Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Uprava pozadia

v Grafické programy

1

512

16.05.2010 21:50

don jebot Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Úprava PC

v PC zostavy

13

937

07.12.2007 20:20

OmeGa Zobrazenie posledných príspevkov

Táto téma je zamknutá, nemôžete posielať nové príspevky alebo odpovedať na staršie. Uprava webu

v HTML, XHTML, XML, CSS

21

898

25.09.2012 22:26

shaggy Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Uprava loginu

v Redakčné systémy

2

444

18.07.2007 22:35

kajbo Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. uprava formulaara

v PHP, ASP

4

490

03.08.2008 18:36

dadmtb Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Uprava DVD

v Video programy

8

801

25.06.2011 12:42

kati123 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Úprava kódu :)

v JavaScript, VBScript, Ajax

0

525

12.07.2009 17:20

d0.0b Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. úprava vlasov

v Ostatné programy

6

443

14.06.2013 21:40

eMp Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Úprava videa

v Ostatné programy

1

476

31.03.2012 0:12

Dzin Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Úprava videa

v Video programy

3

545

02.10.2012 9:15

maban Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. úprava .img

v Ostatné programy

9

1276

29.05.2011 17:19

1daemon1 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Úprava čísla

v JavaScript, VBScript, Ajax

3

534

04.07.2009 18:50

emer Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. uprava xml

v HTML, XHTML, XML, CSS

4

755

01.07.2009 11:59

Romanko Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. uprava filmu

v Video programy

4

758

22.03.2009 19:24

prandof Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. úprava kodu

v Ostatné

0

465

09.03.2017 10:42

mio Zobrazenie posledných príspevkov


Nemôžete zakladať nové témy v tomto fóre
Nemôžete odpovedať na témy v tomto fóre
Nemôžete upravovať svoje príspevky v tomto fóre
Nemôžete mazať svoje príspevky v tomto fóre

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra