Styling the default login module in Joomla 2.5 - Joomla! Forum - community, help and support

hello,

i'm working in joomla 2.5 , building site requires login. i'm using default login module comes installation need do. however, want alter appearance of module input boxes not on top of each other side side. i've attached image illustrate mean.

login-example.jpg

i've been playing around while no success. know there's simple solution i'm not seeing it.

any appreciated.

thanks

gaz

hi,

first off highly recommend using joomla's override override , etc. of module or copying , creating own module. recommend not alter modules shipped joomla directly updates clobber , it's bad practice.

second, typical form layout straight forward. can use <table> code (easy , quick) or css table styling lists (more complicated preferred method).

for example,

<code>
<table>
<tr>
<td>user name</td>
<td>password</td>
<td rowspan="2">[login button]</td>
</tr>
<tr>
<td>[username box]</td>
<td>[password box]</td>
</tr>
</table>
</code>

than inline or external styling , adjustments can desired results. me easiest , least technical way it, wouldn't use or recommend said it's quick , dirty.

you can achieve creating simple external stylesheet (or inline in code) , using css style accordingly , give desired results html markup being labels , text boxes , buttons including appropriate id's/classes css. solution more optimal. give example between css3, less, , variability in solutions serve learning experience try out yourself.

or finally, can use html markup , use labels, <br>, text boxes, , login button. may not need css @ wouldn't "perfect" likely.