Schaduw aan de linker -en rechterkant van een table.

[Rageplay]

'sup.

Ik heb jullie hulp nodig.
Ik probeer een simpele lichte website te maken, en het lukt allemaal wel.
Er is alleen 1 probleempje.

Ik zou graag aan de rechter en linkerkant (alleen de zijkant dus) een schaduw willen.
Gewoon een paar pixels breed (bijv. 6) mooi van zwart naar steeds lichter grijs als je snapt wat ik bedoel.
Hierbij moet het niet ten koste van de achtergrond, die moet gewoon zichtbaar zijn onder de schaduw.
Het is een full page height website met een fixed width.

Link: http://saworld.110mb.com/newsite.html

Ik werk alleen met html (en CSS als dat bijkomend is) maar ik heb er nog niet zo veel verstand van.
Het maakt mij niet uit of dit met een transparant .gif of .png afbeelding gebeurt of met alleen CSS.

Hier een voorbeeldje van wat ik bedoel:
http://blog.phpwnage.com/~klange/shadow-fixed-width.png

Help me please!

[ Voor 8% gewijzigd door Rageplay op 03-08-2009 23:40 ]

[Barleone]

Dus je wilt een schaduw die van zwart naar transparant loopt?

PS. Het is wel een erg basic vraag, we verwachten op GoT net dat beetje meer. Wat voor programma's heb je zelf al geprobeerd om het schaduwrandje te maken. Welke tekenprogramma's heb je op je pc staan? Bijvoorbeeld photoshop? Heb je al gegoogled naar handleidingen om mooie schaduwrandjes te maken?

[ Voor 72% gewijzigd door Barleone op 03-08-2009 23:48 ]

[HyperioN]

Dan maak je een png'tje van 6px breed wat gradient naar transparant loopt en zet dat aan beide kanten van je site?
Zie het probleem niet zo. Vertel anders even wat je al geprobeerd hebt en waarom dat niet werkt/lukt.

offtopic:
Overigens: table, div én een iframe alledrie door elkaar in je site om je layout te bewerkstelligen? Dat lijkt me niet echt nodig.. Zoek eens op semantiek & html en/of deze topics: Semantische HTML, CSS en jij [HTML] Discussie <div> .vs. <table>

[ Voor 41% gewijzigd door HyperioN op 03-08-2009 23:48 . Reden: offtopic toevoeginkje ]

[BtM909]

Je weet dat je anno 2007 geen tables meer hoeft te gebruiken voor layout he?

Als je weet wat je wilt, waarom mis ik in je topic dan wat je zelf hebt geprobeerd, waar je op hebt gezocht, wat je hebt gevonden en waarom dat geen oplossing voor jou was?

Of verwacht je ala een afhaalchinees dat je nummer 36 kan bestellen en maar een complete oplossing krijgt aangedragen?

[Barleone]

Weer wat geleerd, ik wist helemaal niet dat dat #36 was

[Rageplay]

Ik heb zelf al gekeken wat voor soorten opties er standaard in html zijn voor de borders van een tabel.
Daarnaast heb ik wat gegoogled naar tutorials maar aangezien ik alleen een beetje verstand van html heb en er css werd gebruikt kwam ik er niet uit.

Ik gebruik frontpage 2003 en qua tekenprogramma's gebruik ik paint en photofiltre studio.
Het maken van een schaduwrandje lijkt me niet zo'n probleem, maar die dan op je website plaatsen lukt me niet.

[ReseTTim]

Rageplay schreef op dinsdag 04 augustus 2009 @ 00:21:
Ik heb zelf al gekeken wat voor soorten opties er standaard in html zijn voor de borders van een tabel.
Daarnaast heb ik wat gegoogled naar tutorials maar aangezien ik alleen een beetje verstand van html heb en er css werd gebruikt kwam ik er niet uit.

Ik gebruik frontpage 2003 en qua tekenprogramma's gebruik ik paint en photofiltre studio.
Het maken van een schaduwrandje lijkt me niet zo'n probleem, maar die dan op je website plaatsen lukt me niet.

ok, begin dan maar met css en gooi het hele table verhaal weg
Frontpage best.. ieder zo zijn keuze.. maar wel css gebruiken en dan is wat jij wil een fluitje van een cent..

http://www.w3schools.com/css/
http://www.sceneone.nl/ << geen idee of ie goed is.. maar vond die snel.. kortom gewoon wat rammen in google en je vind je oplossing

[ID-College]

ReseTTim schreef op dinsdag 04 augustus 2009 @ 00:27:
[...]


ok, begin dan maar met css en gooi het hele table verhaal weg
Frontpage best.. ieder zo zijn keuze.. maar wel css gebruiken en dan is wat jij wil een fluitje van een cent..

http://www.w3schools.com/css/
http://www.sceneone.nl/ << geen idee of ie goed is.. maar vond die snel.. kortom gewoon wat rammen in google en je vind je oplossing

Idd, en de logischste oplossing..
Een div die refereert naar een CSS stylesheet, en wat staat daarin? (http://www.sceneone.nl/_img/container_repeat.gif)

Een top (http://www.sceneone.nl/_img/container_top.gif) en een bottom denk

[ Voor 6% gewijzigd door ID-College op 04-08-2009 00:46 ]

[Rageplay]

Vriendelijk bedankt (aan de mensen die nog net wél een beetje vriendelijk waren).
Ik denk dat ik maar een tutorial ga volgen op w3schools.
Het lijkt me verstandig om met html te beginnen en dan pas css?

[Bosmonster]

Rageplay schreef op dinsdag 04 augustus 2009 @ 00:58:
Het lijkt me verstandig om met html te beginnen en dan pas css?

HTML en CSS zijn nutteloos zonder elkaar voor het bouwen van een website

[ Voor 6% gewijzigd door Bosmonster op 04-08-2009 08:59 ]

[Matis]

Bosmonster schreef op dinsdag 04 augustus 2009 @ 08:59:
HTML en CSS zijn nutteloos zonder elkaar voor het bouwen van een website

Klopt, alhouwel er genoeg sites zijn die wat kolommen / rijen toevoegen aan hun tabel en daar als backgroundimage zon schaduw in zetten

@TS, css meteen meenemen in het html leren/ontwikkelen, scheelt later een hele hoop! Daarnaast is het nog mooier om divjes te gebruiken, maar dat is by design!

[sunsnow]

@Rageplay

Hallo Rageplay. Ik zou ook graag schaduwen aan mij mijn webpages toevoegen. Ik ben erg benieuwd hoe jij er nu uiteindelijk bent uitgekomen en of jij mij verder wil en kan helpen.

Hartelijke groet,

Sunsnow.

[e-mail]

[ID-College]

Als je had gelezen had toevallig ik dat antwoord al gegeven.

Een div die refereert naar een CSS stylesheet, en wat staat daarin? (http://www.sceneone.nl/_img/container_repeat.gif)

Van die site kan je het klakkeloos kopiëren aangezien het CSS en HTML is, en dus gewoon in te zien...