Hjelp til skygge på webdesign

[beerpong]

hei, flytt gjerne posten min, vet ikke om det går under php eller html.

 

Men lager en hjemmeside med table (html) og vil ha en slik skygge i kantene: imdb.com

 

det som er spessielt med denne er at den legger til bilde for bilde ettersom siden blir lengre, her er bilde: http://ia.media-imdb.com/media/imdb/01/I/50/47/35/10.gif

[ATWindsor]

Flyttet til riktig kategori.

 

AtW

[Wattengård]

Punkt 1... Man lager ikke en hjemmeside med table... <table> er for å presentere tabulære data...

 

Når det er sagt.

 

Måten imdb har gjort det på er å lage skyggen som en bakgrunn... Denne har gradering på begge sider av et hvitt felt (som inneholder selve innholdet). Deretter har de sentrert den og repetert den nedover. (Bildet er bare 10px høyt).

 

Les litt i html og css-koden så ser du hvordan det er gjort.

 

-C-

[beerpong]

lager man ikke hjemmeside i tables, hva lager man det i da`?

trudde frames var for nybegynnere?

[Gjest]

Når man lager vanlig HTML sider (uten PHP) så bruker man html filer med f.eks:

<div> og setter bredde, høyde osv. med CSS.

les mer: http://htmldog.com

 

edit:

skriveleif

Endret 7. august 2009 av Gjest

[demilio]

Det er kanskje mer riktig å si at det mest vanlige er å bruke <div> tagger og ikke <table>, MEN selvfølgelig kan man lage en nettside med table!

 

Jeg vil også anbefale deg å bruke div i slike tilfeller. Det er lettere å tilpasse slike ting med CSS og DIV'er. Sjekk ut linken nedenfor for å se et eksempel på det IMDB har brukt

 

http://www.w3schools.com/css/tryit.asp?fil...kground-repeaty

 

Det er klart at det er litt mer enn bare det w3schools viser her, men om du bruker samme prinsippet som bakgrunn i DIV'er vil du få samme effekten etter hvert

 

Sjekk ut denne linken fpr å finne ferdig eksempler på oppsett hvor det er brukt CSS og DIV'er:

 

http://mitchbryson.com/free-css-templates

Endret 11. august 2009 av demilio

[program]

Må nevne at det er mer praktisk å legge ved css koden i en egen .css fil. Hvis alle sidene bruker samme design, kan du endre all ved å endre kode i .css filen.