Hello!
Je suis en train de revoir la mise en page de mon blog...
Je rencontre un souci avec les blocs de login et recherhe...
Je n'arrive pas à supprimer l'espace entre les differentes lignes,pour réduire la taille de ces blocs...
peut etre pouvez vous m'aider?
voici la page : http://www.frequenceplusfm.com/blogtest/summary.php
et le code:
[code]
<div id="line1">
<div id="lineg" style="width: 753; height: 91">
<form id="loginForm" method="post" action="admin.php">
<input type="hidden" name="op" value="Login" />
<fieldset class="inputField" style="width: 753; height: 81">
<p style="margin-top: -1; margin-bottom: -1">Connexion
<div class="field" style="width: 734; height: 22; margin-top:-1">
<label for="userName">{$locale->tr("username")}</label>
<input type="text" tabindex="10" name="userName" id="userName" value="" maxlength="50" size="20" />
</div>
<div class="field" style="width: 328; height: 22">
<p style="margin-top: -1; margin-bottom: -1">
<label for="userPassword">{$locale->tr("password")}</label>
<input type="password" tabindex="11" name="userPassword" id="userPassword" maxlength="50" size="20" /><input type="submit" class="button" name="Login" value="{$locale->tr("login")}" tabindex="12" />
<a href="?op=resetPasswordForm">mot de passe perdu?</a>
</div>
</fieldset></form>
</div>
<div id="line1d">
<form id="searchForm" method="post" action="{$smarty.server.PHP_SELF}">
<fieldset class="inputField">
<div class="field">
<label for="searchTerms">{$locale->tr("search_terms")}</label><br />
<input type="text" tabindex="20" name="searchTerms" id="searchTerms" value="" size="20" />
</div>
<div class="field">
<label for="searchType">{$locale->tr("search_type")}</label><br />
<select name="searchType" id="searchType">
<option value="1">{$locale->tr("posts")}</option>
<option value="2">{$locale->tr("blogs")}</option>
<option value="3">{$locale->tr("resources")}</option>
</select>
<input type="submit" class="button" name="summarySearch" value="{$locale->tr("search")}" tabindex="21" /></div>
<input type="hidden" name="op" value="summarySearch" />
</fieldset>
</form>
</div>
[/code]
et le css :
[code]
#line1
{
height : 100%;
width : 100%;
background : #9FCDD4 url('../imgs/panelsumblogh.gif') repeat-y center;
padding : 0px;
margin : 0px;
}
#lineg
{
float: left;
width: 50%;
}
#line1d
{
float: right;
width: 50%;
}
/* -------------------------------------------------------------- */
/* Form controls (input, ...) */
/* -------------------------------------------------------------- */
form
{
margin : 0px;
}
fieldset
{
border : 1px solid #DEDEDE;
color : #000000;
font-family : verdana, tahoma, sans-serif;
font-size : 0.90em;
font-weight : bold;
padding-bottom : 0px;
margin : 0px;
}
textarea, input, select
{
background : #E4C6C7;
border : 1px solid #b2b2b2;
color : #000000;
font-family : verdana, tahoma, sans-serif;
font-size : 0.95em;
}
input:focus, textarea:focus, label:focus
{
border : 1px solid #5583BE;
}
.checkbox, .radio
{
border : 0px;
}
.submit
{
/*margin-left : 4px;*/
}
.list_action_button a img
{
border : 0px;
padding : 0px;
}
.list_action_button a:hover img
{
/* filter : alpha(opacity=60);
opacity : 0.6; */
}
.field
{
top : -1;
left : 0;
margin : 0 1em 1em 0;
}
.field .field
{
margin : 1em 0 0 0;
}
.field label
{
font-size : 100%;
font-weight : bold;
}
.field_checkbox
{
top : 0;
left : 0;
}
.field_checkbox label
{
font-size : 100%;
}
.formHelp
{
font-size : 90%;
color : #76797c;
margin : 0 0 0.2em 0;
}
.formHelp a
{
text-decoration : underline;
}
.formHelp:hover
{
color : Black;
cursor : default;
}
fieldset
{
border : 1px solid #8cacbb;
margin : 1em 0em 1em 0em;
padding : 0em 1em 1em 1em;
line-height : 1.5em;
width : auto;
}
.inputField
{
width: 85%;
margin-left: auto;
margin-right: auto;
background-color: url('../imgs/panelsumr.gif');
border: 1px solid #DEDEDE;
}
.buttons
{
width: 88%;
margin-left: auto;
margin-right: auto;
text-align: right;
}
.inputField input
{
width:100%;
}
.inputField legend
{
font-weight: bold;
}
.inputField .dateTime
{
width: 80%;
}
.inputField .checkbox, .inputField .button, .inputField .radio
{
width: auto;
}
.inputField .file
{
width: auto;
}
.pager
{
float:left;
}
/* -------------------------------------------------------------- */
/* Data lists parameters & search bar */
/* -------------------------------------------------------------- */
#list_nav_bar
{
margin-left : auto;
margin-right : auto;
width : 98%;
background-color : #F3F1FF;
padding-bottom : 4px;
padding-left : 4px;
padding-right : 4px;
margin-bottom : 10px;
border : 0px solid #DEDEDE;
}
#list_nav_bar fieldset
{
border : 1px solid #DEDEDE;
color : #000000;
font-family : verdana, tahoma, sans-serif;
font-size : 0.90em;
padding : 0px;
margin : 0px;
height : 60px;
}
#list_nav_select
{
float : left;
width : 100%;
text-align : center;
}
#list_nav_search
{
float : left;
width : 30%;
text-align : center;
}
.list_nav_option
{
float : left;
text-align : left;
padding : 0px 4px 4px 4px;
margin-left : 5px;
}
#list_nav_bar legend
{
font-family : trebuchet ms, tahoma, sans-serif;
font-size : 1.1em;
font-weight : bold;
letter-spacing : 0.08em;
}
#list_nav_select label
{
}
[/code]
Merci
Bonne journée
Ogd
Probleme de mise en page css
Astucien
Maîtresse astucienne
