Multidesk.be » Forums » Webdevelopment & -scripting » [CSS] z-index & positioning (verplaatst)

  • Pagina
  • 1 van 1
0 gasten lezen dit onderwerp.
^ Onderwerp geschreven door zabuza op zondag 7 november 2010 om 01:05:57.
zabuza heeft nog geen avatar toegevoegd
Multiviteit: 560
Dribbbler!
Beste MD leden,

Ik ben bezig voor een school project om mijn layout to coderen, maar dit gaat allemaal zo moeizaam!

Ik loop tegen een aantal muren aan.

Ik heb een image die ik graag horizontaal wil laten repeaten, en dan graag achter de div element voor de rest van de layout.
daarnaast weet ik niet goed hoe ik divs kan positioneren in een andere div bv met de attributen margin-left en margin-top hoe werkt dit precies?

ook weet ik eigenlijk niet wanneer je float gebruikt en hoe!

mocht er iets onduidelijk zijn dan kom ik er z.s.m. op terug,ik hoop dat jullie mij kunnen helpen.

Alvast bedankt!

Opmerking van de crew

Ik heb je bericht even in de correcte categorie geplaatst.
Wheeldigger
^ Reactie #1 geschreven door Martijn op zondag 7 november 2010 om 13:46:56.
Martijn heeft nog geen avatar toegevoegd
Multiviteit: 13785
Beheerder
Dit en dit (iets naar beneden scrollen) geeft je een goede uitleg over positionering (wel niet via margin, maar ik weet niet of dat een vereiste is?).

Float is eigenlijk vrij simpel. Float bepaalt hoe een element zich moet positioneren. Hier kan je wederom voorbeelden vinden.
Met vriendelijke groeten,
Martijn Wouters
^ Reactie #2 geschreven door zabuza op zondag 7 november 2010 om 13:57:25.
zabuza heeft nog geen avatar toegevoegd
Multiviteit: 560
Dribbbler!
ik zal even een kijkje nemen bij je links, bedankt!

Aanvulling

ik snap er vrij weinig van:(... is er niets iets anders dat ik het duidelijk begrijp en leer?

Opmerking van de crew

Ik heb je beide berichten even samengevoegd.
SMG
Deze tekst werd het laatst bewerkt voor 49.75 % door SMG op zondag 7 november 2010 om 16:52:51.
^ Reactie #3 geschreven door SMG op zondag 7 november 2010 om 16:55:26.
SMG's avatar
Multiviteit: 12000
Moderator
Heb je de bijgegeven Try it yourself geprobeerd:
http://www.w3schools.com/Css/tryit.asp?filename=trycss_position_absolute
http://www.w3schools.com/css/tryit.asp?filename=trycss_float
^ Reactie #4 geschreven door zabuza op zondag 7 november 2010 om 16:59:41.
zabuza heeft nog geen avatar toegevoegd
Multiviteit: 560
Dribbbler!
ja die snap ik dus ook niet zo goed, laten we zeggen dat ik zo'n 1-2 jaar terug basis html wel wist. maar niets meer mee heb gedaan...
Ik snap er helemaal niets meer van, en heb erg veel problemen met div elements, omdat ik toen der tijd veel met tables werkte(maar dat is nu out of date stuff).

Misschien dat jullie een tutorial hebben voor het leren van div element en de attributes ervan? of eventueel een boek kunnen aanraden?


edit: bij de abosulute, is het niet zo dat als ik het bv op 100px zet het dus op elke resolutie ergens anders komt(wel op 100px) maar op een andere plek van het design?

want ik heb een div in een andere div element en daarin moet hij ongeveer in het midden komen op de locatie die ik wil, maar hoe..?
Deze tekst werd het laatst bewerkt voor 26.25 % door zabuza op zondag 7 november 2010 om 17:01:29.
^ Reactie #5 geschreven door Martijn op maandag 8 november 2010 om 22:39:26.
Martijn heeft nog geen avatar toegevoegd
Multiviteit: 13785
Beheerder
Wat ik je zeer zeker kan aanraden, is gewoon eens een paar scenario's uittesten. Hoe positioneer ik bijvoorbeeld een afbeelding rechts in een paragraaf tekst? Hoe krijg ik tekst in twee kolommen (hint: faux columns)? etc. Hier geldt echt wel "al doende leert men" ;-).

Position absolute betekent dat je het element in kwestie gaat positioneren in absolute maten. Dit zal (zou) in elke browers, op elk besturingssysteem, in elke resolutie op dezelfde plaats moeten komen te staan.

Zaken verticaal positioneren is altijd iets meer tricky, zeker in het begin. De reden daarvoor is dat een browser zaken eerder horizontaal rendert.

Enkele nuttige links:
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
http://stylizedweb.com/2008/02/01/vertical-align-div/

Zeker de laatste link is eens nuttig om te bekijken en voor jezelf na te gaan waarom de technieken nu op deze manier werken. In het begin is dit namelijk iets wat nogal tegendraads lijkt te zijn.
Met vriendelijke groeten,
Martijn Wouters
^ Reactie #6 geschreven door Martijn op vrijdag 19 november 2010 om 09:22:33.
Martijn heeft nog geen avatar toegevoegd
Multiviteit: 13785
Beheerder
Heerlijk artikel, vers van de pers: http://www.alistapart.com/articles/css-positioning-101/ ;-).
Met vriendelijke groeten,
Martijn Wouters
  • Pagina
  • 1 van 1

Snel-antwoordformulier
Toon uitgebreid antwoordformulier Bericht nalezen Bericht plaatsen