Login form - Joomla! Forum - community, help and support
hi!
i have little problem template, specially login form. made menu point called "login", shows login-form in content-part of page. but, can see in attachment, width of login-form wrongly interpreted.
the part of source-code of page mentions table uses 100% of width, see:
extract of index.php:
extract of template.css:
maybe can me...
best regards,
grandcru
i have little problem template, specially login form. made menu point called "login", shows login-form in content-part of page. but, can see in attachment, width of login-form wrongly interpreted.
the part of source-code of page mentions table uses 100% of width, see:
code: select all
<div id="contenu"><div class="componentheading">
connexion</div>
<form action="/joomla/index.php?option=com_user&view=login&itemid=5" method="post" name="com-login" id="com-form-login">
<table width="100%" border="0" align="center" cellpadding="4" cellspacing="0" class="contentpane">
<tr>
<td colspan="2">
<div class="componentheading">
</div>
<div>
</div>
</td>
</tr>
</table>
<fieldset class="input">
<p id="com-form-login-username">
<label for="username">identifiant</label><br />
<input name="username" id="username" type="text" class="inputbox" alt="username" size="18" />
</p>
<p id="com-form-login-password">
<label for="passwd">mot de passe </label><br />
<input type="password" id="passwd" name="passwd" class="inputbox" size="18" alt="password" />
</p>
<p id="com-form-login-remember">
<label for="remember">se souvenir de moi</label>
<input type="checkbox" id="remember" name="remember" class="inputbox" value="yes" alt="remember me" />
</p>
<input type="submit" name="submit" class="button" value="connexion" />
</fieldset>
<ul>
<li>
<a href="/joomla/index.php?option=com_user&view=reset&itemid=5">
mot de passe oublié ?</a>
</li>
<li>
<a href="/joomla/index.php?option=com_user&view=remind&itemid=5">
identifiant oublié ?</a>
</li>
</ul>
<input type="hidden" name="option" value="com_user" />
<input type="hidden" name="task" value="login" />
<input type="hidden" name="return" value="aw5kzxgucghw" />
<input type="hidden" name="a43c26cf9d242f76365875e63f4cf5bb" value="1" /></form>
</div>
extract of index.php:
code: select all
<body>
<div id="conteneur">
<!-- droite -->
<?php if($this->countmodules('right1')) : ?>
<div id="droit1_fond"></div>
<div id="droit1">
<jdoc:include type="modules" name="right1" style="xhtml" />
</div>
<?php endif; ?>
<!-- contenu principal -->
<div id="contenu"><jdoc:include type="component" /></div>
</div>
</body>
</html>
extract of template.css:
code: select all
body { width: 100%;
height: 100%;
min-height: 625px;
text-align: center;
font-family: verdana,arial,helvetica,sans-serif;
font-size: 11px;
color: #ffffff;
background-color: #000000;
background-image: url(../images/fond.jpg);
background-position: center;
background-repeat: no-repeat;
z-index: 1; /* niveau de superposition */
}
#conteneur {
width:1000px;
height:100%;
min-height: 625px;
padding: 0px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
text-align: left;
position: relative;
z-index: 2; /* niveau de superposition */
}
#contenu {
position: absolute;
top: 100px;
left: 205px;
max-width: 590px;
margin: 2px;
padding: 3px;
max-height:70%;
overflow: auto;
z-index: 5; /* niveau de superposition */
}
maybe can me...
best regards,
grandcru
solved following add in css:
code: select all
form#com-form-login {
border-style: solid;
border-color: black;
width: 200px;
}
Comments
Post a Comment