Divs, positioneren en show/hide

Ik hoop dat ik dit in 1 vraag mag stellen en misschien is er wel een programmeertaalforum ergens maar dit zijn mijn vragen:

Ik heb een div aangemaakt en dat is compleet nieuw voor mij:

en roep deze hier aan:

En dat ziet er nu zo uit:



Vraag 1: Enveloppen en brieven moeten verticaal op 1 lijn komen te staan, moet ik dan heel veel divjes aanmaken, voor elke positie 1?

Vraag 2: Enveloppen staat recht achter de (vierkante) radiobutton, waarom brieven, enkel en dubbel dan niet?

Vraag 3: Enkel en dubbel alleen laten zien als er op brieven geklikt is, hoe krijg ik dat voor elkaar?

Vraag 4: Enveloppen staat nu vlak achter aantal: en de textbox, die mag wel wat verder weg maar kan ik een div binnen een tabeldata?

Wanneer je iets positioneert op een website is de keuse DIV of TABLE wanneer je beide doorelkaar gebruikt ontstaan er problemen zoals je laat zien. Dit is haast niet op te lossen.

Verander je code eens als volgt:
Door met twee kolommen te werken zal ook de tekst per kolom exact onder elkaar staan.

Dank je wel, bij mij ziet het er dan nu zo uit:



Hoe komt het dat de ruimte tussen de textbox en enveloppen zo groot is dan? Komt dat door de template of door eerdere tabellen?

In de tabel zijn geen maten opgegeven. In dat geval zullen de kolommen verdeeld worden over de beschikbare ruimte. Je kan de tabel een vaste breedte geven en dit kan ook per kolom ingesteld worden.
Hoe meer maten je opgeeft hoe statischer de weergave is op de pagina.

In het onderstaande voorbeeld geef ik aan dat de tabel een breedte heeft van 400 pixels de eerste kolom 180 en de tweede kolom 220. Dit maakt dat de afstand van de kolommen altijd gelijk blijft ongeacht de ruimte die beschikbaar is.

Overigens is het wel goed om te weten of je een template gebruikt die gebruik maakt van een variabele breedte of vaste.
Bij een vaste breedte van de template werkt het positioneren veel strakker en zal op verschillende resoluties de weergave het zelfde zijn. Wanneer je dan zelf vaste of variabele onderdelen toevoegt zal ook de weergave altijd het zelfde worden weergegeven.

Bij templates die een variabele breedte hebben kunnen toegevoegde onderdelen geheel verschillend uitpakken bij verschillende resoluties. Het is dan belangrijk om met verschillende resoluties te testen of de weergave wel goed blijft. Zeker als je zelf een vaste breedte gebruikt.

Ik gebruik Joomla 3.2.1 met template beez3.

Als ik jouw laatste code gebruik dan staat het heel dicht bij elkaar:



Als ik echter de width vergroot dan spingt ie weer naar rechts:



Er lijkt geen tussen mogelijkheid?

B.t.w. ik gebruik een Custom veld binnen ChronoForms V5 om een compleet formulier te maken.

vergroot de waardes met kleinere stapjes tot je tevreden bent met het resultaat. Waarschijnlijk ben je er als je de tabel breedte op 430 (ipv 400) zet en de eerste kolom op 210 (ipv 180)