Aici veti gasi cateva articole, tutoriale si scripturi - speram noi utile - legate de web design, programare web si seo

9 martie 2010

web design – CSS background

» Înscris în: CSS — Etichete:, , — admin @ 16:38

Acum sa luam cateva proprietati CSS pe rand, dupa care vom trece la lucruri mai avansate, si tot felul de artificii interesante.
1. CSS background:
Pentru a defini background-ul sunt acceptate:

  • background-color (exemplu: background-color:#b0c4de;)
  • background-image (exemplu: background-image:url(‘paper.gif’);)
  • background-repeat (exemplu: background-repeat:repeat-x;) (repeat-x; repeat-y; no-repeat;)
  • background-attachment (exemplu: background-attachment:fixed;)
  • background-position (exemplu: background-position:top left;)

Toate proprietatile Background:

Proprietate Descriere Valoare CSS
background Seteaza toate proprietatile intr-o singura declaratie CSS

background-color

background-image

background-repeat

background-attachment

background-position

inherit

 1
background-attachment Seteaza daca o imagine este fixa, sau se misca odata cu pagina

scroll

fixed

inherit

 1
background-color Seteaza culoarea de background a unui element

color-rgb

color-hex

color-name

transparent

inherit

 1
background-image Seteaza o imagine de background unui element

url(URL)

none

inherit

 1
background-position Seteaza pozitie de start a unei imagini

top left

top center

top right

center left

center center

center right

bottom left

bottom center

bottom right

x% y%

xpos ypos

inherit

 1
background-repeat Seteaza daca imaginea se va repeta pe fundal

repeat

repeat-x

repeat-y

no-repeat

inherit

 1


8 martie 2010

Principalele diferente intre XHTML si HTML

» Înscris în: Web Design, XHTML — Etichete:, , — admin @ 20:09

XHTML nu este foarte diferit de utlima versiune de HTML (4.01 standard).
A. Principalele diferente sunt:
  • elementele XHTML trebuie sa fie folosite in ordine
  • elementele XHTML trebuiesc inchise intotdeauna
  • elementele XHTML se scriu cu litere mici
  • documentele XHTML trebuie sa aiba un element principal
1. In HTML sunt acceptate elementele amestecate de genul:
<b><i>text ingrosat si italic</b></i>
In XHTML trebuiesc puse in ordine:
<b><i>text ingrosat si italic</i></b>
2. In HTML elementele nu se inchid intotdeauna:
<p> paragraf  <p> alt paragraf
In XHTML este corect: <p>paragraf</p><p>alt paragraf</p>
Elementele goale trebuiesc de asemenea inchise:
<br> e incorect ; <br /> e corect
3. In HTML se accepta elemente scrise si cu litere mari, in XHTML nu:
<P> – e incorect in xhtml ; <p> – e corect
4. In XHTML toate documentele trebuie sa aiba o radacina:
<html>
<head> lalala </head>
<body> tralala </body>
</html>
B. Alte diferente:
5. Numele atributelor trebuie sa fie scrise cu litere mici si valorile puse in ghilimele:
<table WIDTH=10%> – e gresit
<table width=”10%”> – e corect
6.  Minimalizarea atributelor este interzisa:
<input checked> – gresit
<input checked=”checked” /> – corect
Lista completa:
compact – devine – compact=”compact”
checked – devine – checked=”checked”
declare – devine – declare=”declare”
readonly – devine – readonly=”readonly”
disabled – devine – disabled=”disabled”
selected – devine – selected=”selected”
defer – devine – defer=”defer”
ismap – devine – ismap=”ismap”
nohref – devine – nohref=”nohref”
noshade – devine – noshade=”noshade”
nowrap – devine – nowrap=”nowrap”
multiple – devine – multiple=”multiple”
noresize – devine – noresize=”noresize”
7. Atributul “name” este inlocuit de “id”:
<img src=”poze.gif” name=”poza” /> – gresit
<img src=”poze.gif” id=”poza1” /> – corect
8. Elemente obligatorii:
<!DOCTYPE ……………>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title>titlu</title>
</head>
<body>
</body>
</html>


Valid XHTML 1.0 Transitional CSS valid! Page Rank