Archief - Info: Site "extenden"

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
a

amdr

Legacy Member
Hallo allemaal,

ik heb mij dus tijdje geleden bezeg gehouden met een siteje te maken namenlijk deze maar zoals u ziet is de content kader vol terwijl ik daar dus nog meer text wil inzetten...

De site is gemaakt me PS8, moet ik die helemaal opnieuw maken met een grotere kader dan als ik er text wil bijzetten of kan ik da op een of ander manier "uitrekken"?
Want heb eigelijk echt geen zin om helemaal opnieuw te beginnen...

Ik hoop dat jullie me kunne helpen :)

Greetz
D

DarkBone

Legacy Member
Volledig fout bezig, ten eerste zou ik aanraden nooit verder te werken op ImageReady code = SLECHT.

Ten tweede, als je een site maakt die moet kunnen uitrekken en je werkt met images die zich moeten herhalen, komt het dan niet in je op om deze als HERHALENDE achtergrond te zetten ? Zo simpel is het.

Je gebruikt trouwens veel te veel images... enkel images gebruiken als dat echt nodig is. Die grijze achtergrondkleur kun je toch gewoon in html doen ?
m

mrjack

Legacy Member
Da zijn bijna allemaal img naast elkaar? :wtf:

Gebruikt Iframes :niceone:

edit: damn ge bent mij voor
B

BertG

Legacy Member
kan simpel,
laat een div (absolute) zweven waar die content window nu is, en zet z'n eigenschappen zo dat hij zijn vorm behoud en dan borders toont.

maar ik zou het toch es opnieuw maken :p
L

Le Preinz

Legacy Member
amdr zei:
da is dus precies heel wa ingewikkelder als da ik het had gedaan :x

(ben ni zo'n pro webdesigner uc :D)
Klik om te vergroten...

niet zo ingewikkeld hoor ;) en deze manier heeft al veel voordelen.
a

aXl_

Legacy Member
ge sliced dat in image-ready, rekening houdend met de stukjes die hier zijn aangegeven hierboven. Ge export die en zoekt de stukjes image bij elkaar die je nodig hebt. Alleen die images gebruik je in tables die je best zelf maakt (don't use image-ready code, alleen maar goed om in stukjes mee te hakken) en gebruik voor grote oppervlakten bg-color in html (of use css).
L

LunchBox

Legacy Member
jeuhj het belangrijkste laat je eruit:
maak dus divs waarin je deze background-images wil laten tilen (wederkeren)

dit kan je over 2 assen doen, ofwel naar beneden toe (over de y-as) ofwel naar rechts toe (over de x-as)

twee css-snippets hiervoor:
<head><title>tiling-test</title><style type="text/css"><!--
#naarRechts{
position:absolute;
top:100px;
left:150px;
width:780px;
height:20px;
background-image:url(images/tileNaarRechts.gif);
background-repeat:repeat-x;
}
#naarBeneden{
position:absolute;
top:120px;
left:1px;
width:20px;
height:100px;
background-image:url(images/tileNaarBeneden.gif);
background-repeat:repeat-y;
}
</style></head>
in je code gaat het dan als volgt:
<body>
<div id="naarRechts">menu naar rechts hier</div>
<div id="naarBeneden">menu naar beneden hier</div>
</body>
a

amdr

Legacy Member
1/ da slice, mag dat ook in PS?
2/ kdenk dat ik iemand anders da laat doen want snap hier echt niks van :p
Peis da'k eerst een cursus ofzo gaan volge want zo ga da ni :p
s

snaboentjn

Legacy Member
hehe

je kan altijd eens proberen met iets simpeler om te beginnen e
eerst leren kruipen, dan stappen en dan pas lopen.

probeer dus eens een rand te maken in ps
slice die correct (1 pixel breedte kan al voldoende zijn)
en daarna implementeer je dit in tabellen
cellpadding cellspacing en borders allemaal gelijk stellen aan 0


dus probeer eerst iets heel simpel
en als je dat onder de knie hebt probeer je verder te gaan en moeilijkere dingen...
L

LunchBox

Legacy Member
bij dat "eerst leren kruipen" van jouw hoort volgens mij niet de stelling dat tables beter verstaanbaar zouden zijn dan divs. uiteindelijk moet je dat 'table-gebruik voor images' toch weer gaan afleren dus totaal overbodig je daarin te 'beginnen verdiepen' als je de algemene(re) principes niet doorhebt.

ofte in't kort, waar treden er het snelst fouten op denk je:

<table cellpadding="0" cellspacing="0" border="0" id="tekst"><tr><td>data hier</td></tr></table>

OF de variant die velen blijken te negeren

<div id="tekst">data hier</div>

verder nog, slicen kan en mag in photoshop maar de tools zijn minder intuïtief en veelzijdig dan dat je in imageready zou gaan slicen. voor de design fase schiet imageready zelf dan weer tekort op bepaalde zaken. om gemakkelijk tussen beide programma's te switchen kan je de knop onderaan in je tool-pallet gebruiken.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan