Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Info Coronavirus/Vaccinare vs Fake News

Unde gasesc Word Viewer 2003 Serv...

Radiere masina care nu a fost inm...

Poate un motor acționa ca sa...
 La multi ani @Mike1alike!

La multi ani @danghetau!

Golf IV sau Mini Cooper R50

Cum sa trec peste prima mea relat...
 Schema amplificator Awaline - ILX...

This app can not run on pc

Caut apartament cu 3 camere Pta R...

Emisiuni pentru tineri in Romania...
 Reviste pentru tineri in Romania ...

Achizitie televizor Philips 43PUS...

Cum se numesc aceste mici parti d...

Foișor dimensiune stalpi
 

incepator html si css, nu imi merge css-ul

- - - - -
  • Please log in to reply
9 replies to this topic

#1
octavvv

octavvv

    Member

  • Grup: Members
  • Posts: 555
  • Î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

#2
Mizu

Mizu

    moroșan

  • Grup: Senior Members
  • Posts: 17,263
  • Înscris: 10.12.2006
style.css trebuie sa fie in acelasi director cu fisierul html care il foloseste.

#3
modoran

modoran

    Senior Member

  • Grup: Senior Members
  • Posts: 6,651
  • Înscris: 08.02.2011
Si altceva decat o pagina goala ce ai vrea sa contina ? Eventual poza aia, daca exista

#4
octavvv

octavvv

    Member

  • Grup: Members
  • Posts: 555
  • Înscris: 09.09.2011

View PostMizu, on 24 octombrie 2017 - 20:09, said:

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

Acolo este

View Postmodoran, 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;

}

#5
alx42

alx42

    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

#6
rid

rid

    Senior Member

  • Grup: Senior Members
  • Posts: 3,767
  • Înscris: 23.02.2006
pai afiseaza

#7
alx42

alx42

    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

#8
octavvv

octavvv

    Member

  • Grup: Members
  • Posts: 555
  • Înscris: 09.09.2011

View Postrid, on 24 octombrie 2017 - 20:32, said:


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

View Postalx42, 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" ?

#9
Mizu

Mizu

    moroșan

  • Grup: Senior Members
  • Posts: 17,263
  • Înscris: 10.12.2006
Fa Ctrl+F5 in browser si daca nu merge da-ne arhiva.

#10
dahtux

dahtux

    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">

Anunturi

Chirurgia spinală minim invazivă Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate