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,385
Î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,891
Î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,385
Î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

Bun venit pe Forumul Softpedia!

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