Archief - PORTFOLIO: Personal site

b

brechtvm

Legacy Member

• 29 aug 2006

• #1

hey !

ik ben dus gestart met het bouwen van een eigen website
deze is te vinden op :
http://bacict.kahosl.be/brecht.vanmaldergem/index.html

Zoals jullie wrs wel zien is het een XHTML site, in combinatie met CSS
ik let erop dat ik 0 errors / 0 warnings heb (tidy plugin)

css naam : opmaak.css (dus steeds opmaak.css achtergooien, en je ziet mn css)

1. in de eerste fase zou ik jullie wat feedback willen vragen over mn site...
2. verder heb ik een vraagje ook : ik heb mn Afbeelding (dothan & mn vriendin) in een tabel gegooid, zodat ik er text kon naast krijgen (2 cellen dus)
   maar ik heb hier vernomen dat dit niet de correcte manier is...
   kan iemand me uitleggen wat wel correct is ? (float:left; ofzo ? )

o

orez

Legacy Member

• 29 aug 2006

• #2

Site checken --> Site-check.

Moved

en idd, float:left toepassen op je image.

X

Xavez

Legacy Member

• 29 aug 2006

• #3

HTML:
<p><img src="afb.jpg" /> tekst tekst tekst</p>

CSS:
img {float: left;}

b

brechtvm

Legacy Member

• 29 aug 2006

• #4

@ Orez : srry wist ik niet, ik kom hier niet zo vaak, vandaar
@ Xavez : thx voor het snelle antwoord ! ) (vanavond alles es aanpassen)
tzijn mss stomme vragen, maarja...kben nog maar een beginner

X

Xavez

Legacy Member

• 29 aug 2006

• #5

No big deal, iedereen moet ergens beginnen en zij die willen bijleren helpen we graag!

o

orez

Legacy Member

• 29 aug 2006

• #6

Xavez zei:

HTML:
<p><img src="afb.jpg" /> tekst tekst tekst</p>

CSS:
img {float: left;}

Klik om te vergroten...

correcter is :

<img src="..." />
<p>tekst</p>

X

Xavez

Legacy Member

• 29 aug 2006

• #7

Niet noodzakelijk, als die afbeelding bij dié paragraaf hoort...

b

brechtvm

Legacy Member

• 29 aug 2006

• #8

afbeelding hoort idd bij de paragraaf
paragraaf = uitleg over mn vriendin / specificaties van mn pc
img = foto van mn vriendin / logo van de cpu (in dit geval Pentium Mobile)

B

Brock

Legacy Member

• 29 aug 2006

• #9

die img smijt ik er toch ook buiten hoor

o

orez

Legacy Member

• 29 aug 2006

• #10

Xavez zei:

Niet noodzakelijk, als die afbeelding bij dié paragraaf hoort...

Klik om te vergroten...

toch is het beter van floated objects niet in een paragraaf te gaan steken Zelfs al hoort het bij die paragraaf.

Als je een list hebt, die moet naast die img staan, kun je die img ook niet in de list gaan steken hé

X

Xavez

Legacy Member

• 29 aug 2006

• #11

Lijkt me echt niet de logica van semantiek te volgen... Wat als ge een tekst hebt van 10 paragrafen en op de 2e en de 7e hebt ge een image die ge rechts en links wilt floaten, maar die images geven de inhoud van die paragraaf weer... Toch niet meer als normaal als je hem dan in de paragraph zet... Ook voor iemand met een screenreader is dat veel logischer...

Als google bvb volledig semantisch zou indexeren, en je zoekt op een afbeelding, is het toch ook logischer dat je met zoektermen die binnen de bijhorende paragraaf staan op die afbeelding kan uitkomen...

b

brechtvm

Legacy Member

• 29 aug 2006

• #12

Xavez zei:

HTML:
<p><img src="afb.jpg" /> tekst tekst tekst</p>

CSS:
img {float: left;}

Klik om te vergroten...

probleem dat ik krijg als ik deze methode toepas,
is dat mn footer zich onder die list zet (met naam van van mn vriendin etc)

code :

Code:

<p><img src="zoet.jpg" />
	<ul>
		<li>Name: Elien V. B.</li>
		<li>Age: 18 years old</li>
		<li>City: Zottegem</li>
	</ul>
</p>

de footer komt dus over mn afbeelding te staan, ondanks dat deze fixed afmetingen heeft (heighth en width)...

khou er ook niet van om voor gans mn body fixed height in te stelle, want als ik de body dan aanpas, en vergeet mn css te herschrijven, dan komt mn tekst over mn footer te staan..

dus footer zou moeten automatisch 'schuiven'

IE heeft precies geen last van deze 'bug'...raar...eerste keer dat IE er beter uitkomt dan FF

//UPDATE\\
research gedaan, een oorzaak gevonden, maar oplossing nog niet gevonden :
door die float te gebruiken trek ik als het ware die foto uit de site, en aligneer hem links/rechts t.o.v. het parent element.

nu vraag ik mij dus af, of de énige manier om dit op te lossen, een fixed body height instellen is (tégen mn principes )

b

brechtvm

Legacy Member

• 31 aug 2006

• #13

Niemand die me kan helpen ?

b

brechtvm

Legacy Member

• 2 sep 2006

• #14

Niemand die weet hoe ik mn footer Onder mn afbeelding krijg, als ik met float:left; werk ?
(footer komt midden door de afbeelding staan..)

thx in advance

B

Bertold

Legacy Member

• 2 sep 2006

• #15

in de css van je footer meegeven: clear: both;

denk dat da u probleem oplost

b

brechtvm

Legacy Member

• 2 sep 2006

• #16

bt belgium zei:

in de css van je footer meegeven: clear: both;

denk dat da u probleem oplost

Klik om te vergroten...

it works !
thx a lot dude !
(ben blij, ben weeral een stapje verder )

Nu es zoeken op internet naar menu-structuren in css(die ook werken in IE)..
kheb al 1 gevonden, maar moet javascript gebruiken om ervoor te zorgen dat het in IE ook werkt *zucht*

B

Bertold

Legacy Member

• 3 sep 2006

• #17

np
en op volgende site zal je wel genoeg info vinden voor de css-based menus mbv lijsten
http://css.maxdesign.com.au/ (bij listamatic en listutorial)

b

brechtvm

Legacy Member

• 17 sep 2006

• #18

*Site Ge-Update*
(zie beginlink)

Nu krijg ik echter bij mn tidy Plugin 3 warnings te zien,
en aangezien ik probeer om mn site volledig Tidy-Verified te maken,
had ik dus graag die drie warnings eruit gehaald...

De errors :
Line 28 Column 3 - Warning: replacing <p> by <br>
Line 28 Column 3 - Warning: inserting implicit <br>
Line 28 Column 3 - Warning: replacing <br> element not empty or not closed

X

Xavez

Legacy Member

• 17 sep 2006

• #19

Enkele domme dingen gedaan want de basis is er wel:

<img src="under-construction.gif" alt="Under Constuction"_/> (je was de spatie vergeten)

© > &copy ; (zonder spatie tussen. Symbolen worden liefst vervangen)

iets als <center></center> is vrij ongehoord ...

Je pagina is trouwens wel volledig W3-valid, maar ik denk dat Tidy wel eens kan struikelen over voorgaande pietluttigheden

b

brechtvm

Legacy Member

• 17 sep 2006

• #20

thx Xavez voor de snelle reply

i'll fix it tomorrow..
(nu ga ik slapen )