size in input werkt niet

Ik heb een joomla template waarin ik een formulier gemaakt heb met oa:

<input type='text' name='postcode' size='7' value=''><input type='text' name='plaats' size='92' value=''>

echter, beide inputbalkjes zijn even lang, voor de postcode een beetje belachelijk.

De kans is groot dat er css aanwezig is in de template die de lengte aangegeven bij "size" overschrijft. Je kan met rechtermuisknop en dan "Inspecteer element" dit vaststellen. Je kan vervolgens de css of aanpassen, of het overschrijven in een custom.css.

Je hebt twee mogelijkheden, het beste is om een custom.css toe te voegen aan de template (als die nog niet bestaat). Die zou je dan moeten vinden in /templates/templatenaam/css/custom.css.

Je kan custom.css toevoegen door het bestand /templates/templatenaam/index.php te openen en het volgende toe te voegen:

[PHP]<?php
$document = JFactory::getDocument();
$document->addStyleSheet('/templates/templatenaam/css/custom.css');
?>[/PHP]

templatenaam vervang je door de mapnaam van de template.

Vervolgens kan je het bestand /templates/templatenaam/css/custom.css aanmaken. Je hebt wel wat basiskennis van css hiervoor nodig.


De snelle "quick 'n dirty" manier is om de css inline toe te voegen:
[HTML]<input type='text' name='postcode' size='7' value='' style='width:100px !important;'>[/HTML]