Archief - PORTFOLIO: code en layout

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.
T

Tsjernobyl

Legacy Member
code en layout

www.matse.be/portfolio

CSS: http://www.matse.be/portfolio/portfolio2.css


Het is vakantie dus dan maken we maar eens een site. Bij gebrek aan een onderwerp maakte ik dan maar een eigen portfolio.

De site werd volledig door mijzelf gemaakt in CSS en HTML
CSS werd gevalideerd door W3C CSS validator en goedgekeurd, wel nog enkele warnings over achtergrondkleuren.

Zowel in IE 6.0 als in Firefox 1.5 werk de site, maar voor andere browsers en versies kan ik niets beloven. Enkel in IE krijg ik een vervelende pixel linksonderaan van 2 thumbnails op de hoofdpagina. In afwachting tot ik het probleem zelf vind, mag je me helpen. ;)

Waarover ik me zorgen maak is de kleuren die van monitor tot monitor wel eens verschillen. Dus graag wat feedback over de kleurencombinaties. De kleuren aanpassen is niet zo een groot werk.

Mijn opbouw met div is een grote choas, maar het werkt. Ik zou zelfs achteraf niet weten hoe ik het beter moet doen. (ik heb dan ook nooit een opleiding gehad die iets te maken heeft met html/css) Als je suggesties hebt mag je ze altijd geven.

Graag uw mening!



PS: zien jullie hier gif compressie?
http://www.matse.be/portfolio/media/cromwell_thumb.gif
http://www.matse.be/portfolio/media/bunker_front_thumb.gif
Ik zie het niet op mijn CRT, maar wel op een LCD?
3

3razor

Legacy Member
ik vind het wel iets hebben die kleurencombinaties maar het zou nog beter zijn als de vier knoppen bovenaan werken over de geheel met kleur gevulde plaats op je scherm :p niet enkel een streepje onderaan... voor de rest ziet her er nog wel netjes uit :)

css is soms nogal ingewikkeld uitgewerkt maar het klopt en ik zie geen 'fouten' , visueel gezien dan ...

owja die compressie is niet erg :) hoe kleiner de bestandsgrootte hoe rapper hij laadt en als je een mooie pic ervan wil klik je er maar op :p

mss nog een kleine tip : het zou nog mooier ogen mochten die pics geopend worden in een popup'je en niet in een hele nieuwe pagina met witruimte in overvloed :) en tkan nog handig zijn dat als men dan op de popup klikt het venster al terug sluit ... :D
T

Tsjernobyl

Legacy Member
3razor zei:
ik vind het wel iets hebben die kleurencombinaties maar het zou nog beter zijn als de vier knoppen bovenaan werken over de geheel met kleur gevulde plaats op je scherm :p niet enkel een streepje onderaan... voor de rest ziet her er nog wel netjes uit :)
Klik om te vergroten...
Done

owja die compressie is niet erg :) hoe kleiner de bestandsgrootte hoe rapper hij laadt en als je een mooie pic ervan wil klik je er maar op :p
Klik om te vergroten...
Ik heb er jpg's van gemaakt. Ik dacht altijd dat je voor kleine pics beter .gif gebruikte, maar .jpg geeft toch een mooier en kleiner (in Kb) resultaat.

mss nog een kleine tip : het zou nog mooier ogen mochten die pics geopend worden in een popup'je en niet in een hele nieuwe pagina met witruimte in overvloed :) en tkan nog handig zijn dat als men dan op de popup klikt het venster al terug sluit ... :D
Klik om te vergroten...
Dat zal ik morgen eens bezien, maar worden die popups niet tegengehouden door popupblokkers?
S

Strangler

Legacy Member
Voor die pixels onderaan thumbnails kun je eens kijken in je html-codering.
Voor en na je pic laat je een spatie, maar wel nog binnen je <a> - tags. Msh die eens verwijderen, en dan zien of je er nog last van hebt ;)
S

Smoerf

Legacy Member
Tsjernobyl zei:
Dat zal ik morgen eens bezien, maar worden die popups niet tegengehouden door popupblokkers?
Klik om te vergroten...

Enkel popups die niet door de gebruiker vrijwillig worden geopend (dat wil zeggen erop klikken) worden tegengehouden.
T

Tsjernobyl

Legacy Member
Strangler zei:
Voor die pixels onderaan thumbnails kun je eens kijken in je html-codering.
Voor en na je pic laat je een spatie, maar wel nog binnen je <a> - tags. Msh die eens verwijderen, en dan zien of je er nog last van hebt ;)
Klik om te vergroten...

thx, opgelost.


En zijn jullie zeker dat die popups met pure css gaan? want ik vind enkel javascript oplossingen.
$

$te@LFi$H

Legacy Member
swel leuk portfolio, en mits ik veronderstel dage mct ga volgen??? hebde u eerste opdracht al binnen :p ge moet ze dan nog wel valid maken etc.. ma das maar een kleintje eh.

good work
3

3razor

Legacy Member
idd dat popupscript zal via js moeten gebeuren


het script (in <head>-tags)
HTML: 
<script type="text/javascript">
<!-- Begin Script Foto's -->
function Foto(img,txt){
 foto1= new Image();
 foto1.src=(img);
 CheckFoto(img,txt);
}
function CheckFoto(img,txt){
 if((foto1.width!=0)&&(foto1.height!=0)){
 viewFoto(img,txt);
}
else{
 uitvoering="CheckFoto('"+img+"','"+txt+"')";
 interval=setTimeout(uitvoering,20);
}
}
function viewFoto(img,txt){
 imgbreedte=foto1.width;
 imghoogte=foto1.height;
 if (!txt) {txt=img}
	 vars="width="+imgbreedte+",height="+imghoogte+",left="+((screen.width-imgbreedte)/2)+",top="+((screen.height-imghoogte)/2)+",scrollbars=no,resize=no,menubar=no";
 newwindow=window.open("","nieuwvenster",vars);
		 newwindow.document.write("<html>\n<head>\n<title>"+txt+"</title>\n");
newwindow.document.write("<meta http-equiv=\"imagetoolbar\" content=\"no\">\n");
newwindow.document.write("</head>\n\n<body style=\"margin:0px; padding:0px;\" onBlur=\"window.close()\">\n"); 
newwindow.document.write("<img src=\""+img+"\" border=\"0\" onclick=\"javascript:window.close()\">\n"); 
newwindow.document.write("</body>\n</html>\n"); 
if (newwindow.document.focus) {newwindow.document.focus();}
newwindow.document.close(); 
}
<!-- Einde script -->
</script>

en dan de link
HTML: 
<a href="javascript:Foto('pad van foto','titel popup')"><img src="thumbnail pad" width="**" height="**" border="0"></a>
T

Tsjernobyl

Legacy Member
$te@LFi$H zei:
swel leuk portfolio, en mits ik veronderstel dage mct ga volgen??? hebde u eerste opdracht al binnen :p ge moet ze dan nog wel valid maken etc.. ma das maar een kleintje eh.

good work
Klik om te vergroten...

idd meest waarschijnlijk MCT (alhoewel DAE ook nog in mijn hoofd zit)


@3razor: Hartelijk bedankt, het werk. Maar IE en Firefox blokkeren de popups :(
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