JQery Resizable

Overzicht Reageren

Direct weten hoe jij ervoor staat in de arbeidsmarkt?
Donny Wie weet

Donny Wie weet

27/07/2012 02:03:11
Quote Anchor link
Hoi allemaal,

Ik wil JQuery Resizable gebruiken op mijn begin scherm om een "Dashboard" te maken. Dit lukt me wel alleen door er een left: #; en een top:#; aan te geven... Nadeel ervan is: als je je pagina verkleind of een andere resolutie hebt, deze blokken niet binnen hun kaders blijven. Wie kan me helpen?

Groeten Donny

PS: Resizable is voor mij geen MUST, zolang de blokken maar netjes aan elkaar staan. Het formaat is 3 blokken, 2 rijen.


Resizable CSS:

#resizable { background-position: top left; width: 200px; height: 100px; min-width:200px; min-height:150px; z-index:20; position:absolute; left:17px; }
Gewijzigd op 27/07/2012 02:04:33 door Donny Wie weet
 
PHP hulp

PHP hulp

25/05/2013 02:09:08
 
Eddy E

Eddy E

27/07/2012 07:37:41
Quote Anchor link
Op hun demopagina gebruiken ze GEEN top/left etc. \Dus jij zal dat ook neit hoeven te doen. Kijk anders eens naar http://jqueryui.com/demos/resizable/#constrain-area
Zoiets kan in jouw geval ook wel helpen.

Probeer het eens zonder position: absolute;.
 
Donny Wie weet

Donny Wie weet

27/07/2012 10:26:11
Quote Anchor link
Eddy: Wanneer ik de position en de top/left weg haal, komen ze allemaal kaarsrecht onder elkaar te staan.
 
Wouter J
Tutorial mod

Wouter J

27/07/2012 11:03:34
Quote Anchor link
Dan moet je ze even float: left; meegeven?
 
Donny Wie weet

Donny Wie weet

27/07/2012 19:25:07
Quote Anchor link
Wouter: inderdaad gelukt. Weet nu ook duidelijk wat float betekend. Kan niet meer missen :)

Laatste dingetje: ze staan nu stijf tegen elkaar, en niet netjes in het midden. Ik heb een border-spacing, spacing, en padding... Geen van de drie werkt... Ik wil om de vakjes wat meer ruimte...
 
Wouter J
Tutorial mod

Wouter J

27/07/2012 19:38:28
Quote Anchor link
Dan moet je margin gebruiken. Zie ook: http://sceneone.nl/positionering/margin.php
 



Overzicht Reageren