Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Rezultat RMN

Numar circuite IPAT si prindere t...

Pareri brgimportchina.ro - teapa ...

Lucruri inaintea vremurilor lor
 Discuții despre TVR Sport HD

Cost abonament clinica privata

Tremura toata, dar nu de la ro...

Renault Android
 Recomandare bicicleta e-bike 20&#...

Bing-Content removal tool

Nu pot accesa monitorulsv.ro de l...

Cum sa elimini urmele de acnee?
 Wc Geberit

Routere detinute in trecut si in ...

Teii din fața casei

E-Mail in serie prin Excel si Out...
 

CSS pentru toate "varstele"

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

#1
piscotel2004

piscotel2004

    Junior Member

  • Grup: Members
  • Posts: 168
  • Înscris: 23.08.2004
OK...de la sfaturile pe care le-am primit de la voi in topicurile anterioare, legate de web design, am ajuns la CSS. Mi s-a parut interesant si am inceput sa studiez "problema". Am tot cautat pe forumuri tutoriale, exemple etc. M-am prins cum e treaba cu CSS-ul...mi s-a parut ca ajuta mult si ca timp de lucru si ca design...dar nu gasesc chiar tot ce imi trebuie ca sa pornesc la drum.
In ajutorul celor ca mine...si in speranta ca voi primi si eu ceva ajutor, va voi spune ce am vizitat pana acum:

http://css.maxdesign.com.au/
http://www.htmldog.com/
http://www.htmlcente.../index.cfm/css/
http://www.w3schools.com/
http://www.infodamin.../css/index.html

Veti spune acum...si care e intrebarea.
Intrebarea este...
Daca vreau sa fac un site bazat pe CSS...ce cod trebuie sa aiba un style sheet principal pentru ca eu sa am pe  pagina tabele cu news...content...etc...ceva de genul: http://www.infodamin...dex.html...stiu sa fac meniuri cu CSS, dar nu reusesc sa fac un cod CSS cu tabele si content la ele....un cod complet cu tot ce trebuie la o pagina web.

Astept link-uri cu alte tutoriale, iar eu voi posta aici ce voi mai gasi folositor in domeniu.

#2
blueLotus

blueLotus

    Member

  • Grup: Members
  • Posts: 411
  • Înscris: 29.04.2003
nu poti crea tabele din css... le poti doar stila.
rolul css-ului este designul nu layotul paginii web.
daca dai un view source pe siteul dat exemplu de tine vei vedea ca are tabele si ca desi siteul este un tutorial despre css in aceea pagina este folosit foarte putin...

uite stile.css:

   {text-decoration: none; font-family: verdana, arial;}
    A:link {text-decoration: none; color: #000066; FONT-FAMILY: Verdana, Arial; FONT-SIZE: 12px; FONT-WEIGHT: normal}
    A:visited {text-decoration: none; color: #6699cc; FONT-FAMILY: Verdana, Arial; FONT-SIZE: 12px}
    A:hover {text-decoration: underline; color: #006699;FONT-FAMILY: Verdana, Arial; FONT-SIZE: 12px}
     body { scrollbar-face-color: #1A7E1A; scrollbar-shadow-color: #335997; scrollbar-highlight-color: #66CC66; scrollbar-3dlight-color: #335997; scrollbar-darkshadow-color: black; scrollbar-track-color: #99CC99; scrollbar-arrow-color: #FFFFCE }


de invatat eu am invatat de la http://www.w3schools.com/ si de prin alte siteuri care foloseau css

Edited by blueLotus, 31 May 2005 - 13:24.


#3
evilone

evilone

    Senior Member

  • Grup: Senior Members
  • Posts: 3,521
  • Înscris: 14.12.2003

blueLotus, on May 31 2005, 14:13, said:

[...]
rolul css-ului este designul nu layotul paginii web.
[...]

<{POST_SNAPBACK}>


Ha? Poti sa definesti layout-ul paginii din CSS. Si daca vrei, poti sa creezi si tabele folosind CSS, dar IE n-o sa fie prea incantat. Vezi proprietatea display (valorile table-row, table-cell, etc)

piscotel2004, on May 31 2005, 13:04, said:

[...]
Daca vreau sa fac un site bazat pe CSS...ce cod trebuie sa aiba un style sheet principal pentru ca eu sa am pe  pagina tabele cu news...content...etc...ceva de genul: http://www.infodamin...dex.html...stiu sa fac meniuri cu CSS, dar nu reusesc sa fac un cod CSS cu tabele si content la ele....un cod complet cu tot ce trebuie la o pagina web.

Astept link-uri cu alte tutoriale, iar eu voi posta aici ce voi mai gasi folositor in domeniu.

<{POST_SNAPBACK}>


CSS-ul se foloseste pentru a defini CUM ARATA pagina, nu ce contine. Continutul este treaba (X)HTML-ului.

Edited by evilone, 31 May 2005 - 13:22.


#4
blueLotus

blueLotus

    Member

  • Grup: Members
  • Posts: 411
  • Înscris: 29.04.2003

evilone, on May 31 2005, 13:17, said:

Ha? Poti sa definesti layout-ul paginii din CSS. Si daca vrei, poti sa creezi si tabele folosind CSS, dar IE n-o sa fie prea incantat. Vezi proprietatea display (valorile table-row, table-cell, etc)
CSS-ul se foloseste pentru a defini CUM ARATA pagina, nu ce contine. Continutul este treaba (X)HTML-ului.

<{POST_SNAPBACK}>


am zis ca rolul este designul, nu ca nu se poate face layout-are si din css... se poate face si cu div-uri si un exemplu bun este http://www.csszengarden.com/

#5
evilone

evilone

    Senior Member

  • Grup: Senior Members
  • Posts: 3,521
  • Înscris: 14.12.2003
Nu stiu ce intelegi tu prin "layout". Eu prin layout inteleg felul cum sunt asezate diverse chestii pe pagina, si aia se face din CSS. Tot ce este "vizual" se face din CSS. Div-urile nu contin nici o informatie legata de layout. Ele folosesc la structurarea documentului.

#6
blueLotus

blueLotus

    Member

  • Grup: Members
  • Posts: 411
  • Înscris: 29.04.2003
vad ca vrei sa ai dreptate cu orice pret...

da, si eu inteleg acelasi lucru prin layout...

daca mergi la http://www.csszengarden.com/ ai sa vezi ca div-uri cu proprieteti din css sunt folosite pentru layout...

in css:
#linkList {
	margin-left: 600px; 
	position: absolute; 
	top: 0px; 
	right: 0px;
	}

in html:
<div id="linkList">
	...
	</div>

deci pozitionarea div-ului s-a facut din css prin proprietatea
margin-left: 600px;
- si asta inseamna chiar layout...

si inca o data repet: nu am zis ca nu poti face layout din css (m-as contrazice singur pentru ca am si dat un exemplu mai sus) ci ca rolul principal al css este de a formata documentul cu stiluri: cascading style sheet....

Edited by blueLotus, 31 May 2005 - 13:39.


#7
evilone

evilone

    Senior Member

  • Grup: Senior Members
  • Posts: 3,521
  • Înscris: 14.12.2003
Nu tin sa am dreptate, am dreptate :P

Div-urile din csszengarden nu sunt folosite pentru layout. Sunt folosite pentru a structura documentul. Ai "pageHeader", "quickSummary", "preamble", etc, etc, etc. Astea sunt elemente de STRUCTURA, nu de LAYOUT. Daca te uiti in HTML-ul ala nu o sa te prinzi niciodata cat de lata e pagina, daca este centrata sau nu, pe ce parte este meniul, s.a.m.d. Astea sunt elemente de layout, si astea sunt definite in CSS.

Quote

The DIV and SPAN elements, in conjunction with the id and class attributes, offer a generic mechanism for adding structure to documents

http://www.w3.org/TR...l.html#edef-DIV

#8
blueLotus

blueLotus

    Member

  • Grup: Members
  • Posts: 411
  • Înscris: 29.04.2003

evilone, on May 31 2005, 13:39, said:

Nu tin sa am dreptate, am dreptate :P

Div-urile din csszengarden nu sunt folosite pentru layout. Sunt folosite pentru a structura documentul. Ai "pageHeader", "quickSummary", "preamble", etc, etc, etc. Astea sunt elemente de STRUCTURA, nu de LAYOUT. Daca te uiti in HTML-ul ala nu o sa te prinzi niciodata cat de lata e pagina, daca este centrata sau nu, pe ce parte este meniul, s.a.m.d. Astea sunt elemente de layout, si astea sunt definite in CSS.
http://www.w3.org/TR...l.html#edef-DIV

<{POST_SNAPBACK}>


vezi ca am editat postul si ti-am dat exemplu.
mai ai dreptate?

#9
evilone

evilone

    Senior Member

  • Grup: Senior Members
  • Posts: 3,521
  • Înscris: 14.12.2003

blueLotus, on May 31 2005, 14:40, said:

vezi ca am editat postul si ti-am dat exemplu.
mai ai dreptate?

<{POST_SNAPBACK}>


Da, mai am dreptate. Exemplul tau nu face decat sa arate ca informatiile despre layout sunt in CSS, nu in HTML.

#10
blueLotus

blueLotus

    Member

  • Grup: Members
  • Posts: 411
  • Înscris: 29.04.2003

evilone, on May 31 2005, 13:39, said:

Astea sunt elemente de layout, si astea sunt definite in CSS.

arata-mi si mie unde sunt definite "astea" in css?

#11
evilone

evilone

    Senior Member

  • Grup: Senior Members
  • Posts: 3,521
  • Înscris: 14.12.2003

blueLotus, on May 31 2005, 14:43, said:

arata-mi si mie unde sunt definite "astea" in css?

<{POST_SNAPBACK}>


Quote

#linkList {
margin-left: 600px;
position: absolute;
top: 0px;
right: 0px;
}

Chiar tu ai dat exemplul. Chestiile alea, margin-left, position, top, right, sunt elemente de layout. Div-ul din HTML nu contine nici o informatie despre layout. El defineste doar structura documentului (iti zice ca ai o lista de link-uri acolo).

Edited by evilone, 31 May 2005 - 13:46.


#12
blueLotus

blueLotus

    Member

  • Grup: Members
  • Posts: 411
  • Înscris: 29.04.2003

evilone, on May 31 2005, 13:42, said:

Da, mai am dreptate. Exemplul tau nu face decat sa arate ca informatiile despre layout sunt in CSS, nu in HTML.

<{POST_SNAPBACK}>


corect, exact asta arata!

dar tu trebuie sa demonstrezi ca sa ai dreptate ca nu poti face layoutare cu div-uri!!!

ce este in css sunt proprietati ale div-urilor deci se poate face layoutare cu div-uri...

si citeste posturile mele de mai sus si incearca sa le intelegi...

#13
blueLotus

blueLotus

    Member

  • Grup: Members
  • Posts: 411
  • Înscris: 29.04.2003

evilone, on May 31 2005, 13:45, said:

Chiar tu ai dat exemplul. Chestiile alea, margin-left, position, top, right, sunt elemente de layout. Div-ul din HTML nu contine nici o informatie despre layout. El defineste doar structura documentului (iti zice ca ai o lista de link-uri acolo).

<{POST_SNAPBACK}>


si sunt proprietati ale divului... ca oameni de acolo sunt ordonati si le-au pus in css, asta nu inseamna ca div-ul din html nu putea contine informatii de layout si o sa iti caut exemplu...

Edited by blueLotus, 31 May 2005 - 13:49.


#14
evilone

evilone

    Senior Member

  • Grup: Senior Members
  • Posts: 3,521
  • Înscris: 14.12.2003

blueLotus, on May 31 2005, 14:47, said:

corect, exact asta arata!

dar tu trebuie sa demonstrezi ca sa ai dreptate ca nu poti face layoutare cu div-uri!!!

ce este in css sunt proprietati ale div-urilor deci se poate face layoutare cu div-uri...

si citeste posturile mele de mai sus si incearca sa le intelegi...

<{POST_SNAPBACK}>


Nu trebuie sa iti demonstrez nimic. Am spus ca div-urile folosesc pentru a structura documentul, si ti-am dat citat din documentatie. CSS-ul este cel care se ocupa de aspectul vizual, inclusiv de layout. Dovada este faptul ca csszengarden are sute de layout-uri pe exact acelasi HTML. Doar CSS-ul difera.

#15
blueLotus

blueLotus

    Member

  • Grup: Members
  • Posts: 411
  • Înscris: 29.04.2003

evilone, on May 31 2005, 13:49, said:

Dovada este faptul ca csszengarden are sute de layout-uri pe exact acelasi HTML. Doar CSS-ul difera.

<{POST_SNAPBACK}>


si daca scot div-urile din html cum mai faci layout-ul din css?

deci div-ul din html este obiectul iar clasa din css-ul este proprietatea obiectului...

#16
evilone

evilone

    Senior Member

  • Grup: Senior Members
  • Posts: 3,521
  • Înscris: 14.12.2003

blueLotus, on May 31 2005, 14:56, said:

si daca scot div-urile din html cum mai faci layout-ul din css?

deci div-ul din html este obiectul iar clasa din css-ul este proprietatea obiectului...

<{POST_SNAPBACK}>


HTML este obiectul, aici ai dreptate. HTML-ul defineste structura documentului.
CSS este "proprietatea obiectului"... e cam ciudat formulat. Da, CSS-ul se aplica acelor "obiecte" in HTML. CSS-ul este cel care spune cum arata (eventual chiar cum "suna"), cum sunt pozitionate, s.a.m.d.

Uita-te la csszengarden fara stylesheet. Poate o sa intelegi ce zic cand spun ca "HTML defineste structura". Practic nu ai nici un fel de informatii "vizuale". Ai doar niste titluri (heading-uri) de diverse nivele, niste paragrafe, niste liste, deci STRUCTURA. Daca vrei prezentare ("layout", partea vizuala) ii aplici CSS.

#17
blueLotus

blueLotus

    Member

  • Grup: Members
  • Posts: 411
  • Înscris: 29.04.2003

blueLotus, on May 31 2005, 13:34, said:

si inca o data repet: nu am zis ca nu poti face layout din css (m-as contrazice singur pentru ca am si dat un exemplu mai sus) ci ca rolul principal al css este de a formata documentul cu stiluri: cascading style sheet....

<{POST_SNAPBACK}>


uite, ma reped inca o data, ma citez pe mine, poate intelegi ce vreau sa spun.

pentru ca am plecat de la o chestie si am ajuns la altceva.

se pare ca amandoi vrem sa spunem cam acelasi lucru, da' unu' vrea sa aiba ultimul cuvant...

am deviat putin de la subiect si de aceea eu ma opresc aici si te las pe tine sa ai ultimul cuvant...

deci spune ce vrei tu...

#18
evilone

evilone

    Senior Member

  • Grup: Senior Members
  • Posts: 3,521
  • Înscris: 14.12.2003
Alright, the bottom line is:

HTML-ul se foloseste pentru a defini structura paginii (si evident, continutul)
CSS-ul se foloseste pentru a defini felul cum arata pagina. <-- asta e ultimul cuvant ;)

Anunturi

Second Opinion Second Opinion

Folosind serviciul second opinion ne puteți trimite RMN-uri, CT -uri, angiografii, fișiere .pdf, documente medicale.

Astfel vă vom putea da o opinie neurochirurgicală, fără ca aceasta să poată înlocui un consult de specialitate. Răspunsurile vor fi date prin e-mail în cel mai scurt timp posibil (de obicei în mai putin de 24 de ore, dar nu mai mult de 48 de ore). Second opinion – Neurohope este un serviciu gratuit.

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