incepator html si css, nu imi merge css-ul

#1
octavvv

Posted 24 October 2017 - 20:05

Member

Grup: Members
Posts: 556
Înscris: 09.09.2011

M-am apucat de curand sa invat HTML si CSS dar am o problema foarte mare. Indiferent ce as scrie in fisierul "style.css" nu imi apare nimic atunci cand dau refresh pe site... imi da o pagina goala si atat... ce anume fac gresit? Ma poate ajuta cineva?

Aici este codul html, asa cum l-am scris eu:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>PAGINA PRINCIPALA</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header>
<img src="imagini/1.jpg" alt="armenian girl">
<div id='test'></div>
<nav></nav>
</header>
<section>
</section>
<footer>
</footer>
</body>
</html>

Va rog ajutati-ma... nu reusesc sa imi dau seama!

Octav

Back to top

#2
Mizu

Posted 24 October 2017 - 20:09

moroșan

Grup: Senior Members
Posts: 18,389
Înscris: 10.12.2006

style.css trebuie sa fie in acelasi director cu fisierul html care il foloseste.

Back to top

#3
modoran

Posted 24 October 2017 - 20:15

Senior Member

Grup: Senior Members
Posts: 7,894
Înscris: 08.02.2011

Si altceva decat o pagina goala ce ai vrea sa contina ? Eventual poza aia, daca exista

Back to top

#4
octavvv

Posted 24 October 2017 - 20:21

Member

Grup: Members
Posts: 556
Înscris: 09.09.2011

Mizu, on 24 octombrie 2017 - 20:09, said:

style.css trebuie sa fie in acelasi director cu fisierul html care il foloseste.

Acolo este

modoran, on 24 octombrie 2017 - 20:15, said:

Si altceva decat o pagina goala ce ai vrea sa contina ? Eventual poza aia, daca exista

Pai ar trebui sa afiseze un header de culoare albastra, poftim codul:

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* INCEPUT */
header {
background-color: #4359a5;
height: 200px;
width: 100%;
}
header img {
margin-top: 10px;

}

Back to top

#5
alx42

Posted 24 October 2017 - 20:28

Senior Member

Grup: Senior Members
Posts: 2,802
Înscris: 26.06.2014

click dr > inspect > network > dezactiveaza cache
daca vrei sa ai pretentii de dezvoltator web tre sa stai tot timpul cu ferestra aia deschisa

Back to top

#6
rid

Posted 24 October 2017 - 20:32

Senior Member

Grup: Senior Members
Posts: 3,784
Înscris: 23.02.2006

pai afiseaza

Back to top

#7
alx42

Posted 24 October 2017 - 20:32

Senior Member

Grup: Senior Members
Posts: 2,802
Înscris: 26.06.2014

daca cumva nu-i aia buba, treci pe elements > styles > si te uiti la css sa vezi de ce nu ti se aplica culoarea sau ce vrei tu

Back to top

#8
octavvv

Posted 24 October 2017 - 20:51

Member

Grup: Members
Posts: 556
Înscris: 09.09.2011

rid, on 24 octombrie 2017 - 20:32, said:

pai afiseaza

Da, pe site-ul ala afiseaza dar la mine nu

alx42, on 24 octombrie 2017 - 20:28, said:

click dr > inspect > network > dezactiveaza cache
daca vrei sa ai pretentii de dezvoltator web tre sa stai tot timpul cu ferestra aia deschisa

Te referi la "Inspecteaza elementul" ?

Back to top

#9
Mizu

Posted 24 October 2017 - 20:58

moroșan

Grup: Senior Members
Posts: 18,389
Înscris: 10.12.2006

Fa Ctrl+F5 in browser si daca nu merge da-ne arhiva.

Back to top

#10
dahtux

Posted 25 October 2017 - 14:38

New Member

Grup: Members
Posts: 22
Înscris: 14.05.2008

Poti incerca o metoda alternativa, adica sa incluzi stilizarea in pagina de html, in modul asta:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>PAGINA PRINCIPALA</title>
<link rel="stylesheet" type="text/css" href="style.css">
<style>
body { font-weight:bold; font-size: 12px; } // etc
</style>
</head>
<body>
<header>
<img src="imagini/1.jpg" alt="armenian girl">
<div id='test'></div>
<nav></nav>
</header>
<section>
</section>
<footer>
</footer>
</body>
</html>
</html>

Incearca sa vezi daca nu cumva stylesheet-ul e pus intr-un folder separat (de exemplu css):

<link rel="stylesheet" type="text/css" href="css/style.css">

Back to top

Anunturi

Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

www.neurohope.ro

incepator html si css, nu imi merge css-ul

#1 octavvv Posted 24 October 2017 - 20:05

#2 Mizu Posted 24 October 2017 - 20:09

#3 modoran Posted 24 October 2017 - 20:15

#4 octavvv Posted 24 October 2017 - 20:21

#5 alx42 Posted 24 October 2017 - 20:28

#6 rid Posted 24 October 2017 - 20:32

#7 alx42 Posted 24 October 2017 - 20:32

#8 octavvv Posted 24 October 2017 - 20:51

#9 Mizu Posted 24 October 2017 - 20:58

#10 dahtux Posted 25 October 2017 - 14:38

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
octavvv

Posted 24 October 2017 - 20:05

#2
Mizu

Posted 24 October 2017 - 20:09

#3
modoran

Posted 24 October 2017 - 20:15

#4
octavvv

Posted 24 October 2017 - 20:21

#5
alx42

Posted 24 October 2017 - 20:28

#6
rid

Posted 24 October 2017 - 20:32

#7
alx42

Posted 24 October 2017 - 20:32

#8
octavvv

Posted 24 October 2017 - 20:51

#9
Mizu

Posted 24 October 2017 - 20:58

#10
dahtux

Posted 25 October 2017 - 14:38