Posts by: roland

Posts: 5
Post: 4632
Topic: Login not shown correctly

Hi everybody,

I found the mistake myself in \include\css\login.css :

 
[content of login.css]
 
#login_container{
position:relative;
}
 
#loginform,
#browser_warning{
float:left;
position:relative;
padding:15px;
margin:10px;
width:250px;
color:#444;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
border-radius:6px;
}
 
 
#loginform{
background-color: #f1f1f1; /* #ccffcc; */
border:1px solid #aaa; /*339933;*/
}
#loginform .login_submit{
 
border:1px solid #444;
background-color:#444;
 
color:#fff;
font-size:14px;
font-weight:normal;
 
padding:3px 10px;
margin:1.5em 0;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
border-radius:6px;
cursor:pointer;
}
#loginform .login_submit:focus{
background-color:#888;
}
 
 
#loginform p{
vertical-align:top;
padding:0;
margin:0.5em 0;
}
 
#loginform .login_text{
display:block;
width:230px;
padding:5px;
font-size:14px;
color:#444;
 
border:1px solid #888;
background-color: #fff;
}
#loginform .login_text:focus{
border:1px solid #000;
background-color: #fff;
color:#111;
}
 
#loginform label{
font-size:12px;
color:#555;
/*margin-right:15px;*/ /* this line causes the bad design of the login box - shoul be omitted  */
white-space:nowrap;
}
 
#browser_warning{
 
background-color:#fff1a8;
border:1px solid #bfb178;
}
#browser_warning a{
text-decoration:none;
color:#666;
margin-right:10px;
}
 
#javascript_warning{
color:#444;
padding:10px;
background-color:#fff1a8;
border:1px solid #bfb178;
 
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
border-radius:6px;
}

 

Fehler bei der Login-Box:

Siehe \include\css\login.css

-> Somit ist die Beschriftung korrekt links ausgerichtet! (Fehler siehe Markierung)

*******************************************************************
#login_container{
position:relative;
}

#loginform,
#browser_warning{
float:left;
position:relative;
padding:15px;
margin:10px;
width:250px;
color:#444;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
border-radius:6px;
}


#loginform{
background-color: #f1f1f1; /* #ccffcc; */
border:1px solid #aaa; /*339933;*/
}
#loginform .login_submit{

border:1px solid #444;
background-color:#444;

color:#fff;
font-size:14px;
font-weight:normal;

padding:3px 10px;
margin:1.5em 0;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
border-radius:6px;
cursor:pointer;
}
#loginform .login_submit:focus{
background-color:#888;
}


#loginform p{
vertical-align:top;
padding:0;
margin:0.5em 0;
}

#loginform .login_text{
display:block;
width:230px;
padding:5px;
font-size:14px;
color:#444;

border:1px solid #888;
background-color: #fff;
}
#loginform .login_text:focus{
border:1px solid #000;
background-color: #fff;
color:#111;
}

#loginform label{
font-size:12px;
color:#555;
/*margin-right:15px;*/ /* das war der fehler */
white-space:nowrap;
}

#browser_warning{

background-color:#fff1a8;
border:1px solid #bfb178;
}
#browser_warning a{
text-decoration:none;
color:#666;
margin-right:10px;
}

#javascript_warning{
color:#444;
padding:10px;
background-color:#fff1a8;
border:1px solid #bfb178;

-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
border-radius:6px;
}

9 years ago
Post: 4627
Topic: Login not shown correctly

On my gp-easy installation (3.04.) the login window is not shown properly. Can anybody help me, please?

Thanks,

Roland

Unfortunately, the upload feature for pictures does not work here with Google chrome, so I post a link to my test site:

http://www.gomyway.bplaced.net

The source of the css-file is:

******************************************************************************************************************************

 

body { overflow-y: scroll; }
* {margin: 0px; padding: 0px; border: 0px;}
p { margin-bottom: 10px;}
 
#container
{
padding: 20px;
margin: auto;
width: 800px;
background:#fff;
 
}
 
#header
{
background-image:url("header.png");
background-repeat:no-repeat;
padding: 20px;
font-family: Verdana, sans-serif;
font-weight:bolder;
color:orange;
text-transform:uppercase;
height:80px;
 
}
 
#header h1 { margin: 0; }
 
#navigation
{
float: left;
width: 800px;
background:#333;
font-family: Verdana, sans-serif;
 
}
 
#navigation ul
{
margin: 0;
padding: 0;
}
 
#navigation ul li
{
list-style-type: none;
display: inline;
}
 
#navigation li a
{
display: block;
float: left;
padding: 5px 10px;
color:white;
text-decoration: none;
border-right: 1px solid#fff;
font-family: Verdana, sans-serif;
}
 
#navigation li a:hover { background:orange; }
 
#content
{
clear: left;
padding: 20px;
font-family: arial, sans-serif;
font-size: 0.85em;
background:whitesmoke;
}
 
#content h2
{
color:#000;
font-size: 1em;
font-family: Verdana, sans-serif;
margin-left: 0px;
margin-bottom: 10px;
}
 
#footer 
{
background-image:url("footer.png");
background-repeat:repeat-x;
text-align: right;
text-decoration: none;
padding-top: 10px;
padding-right: 0px;
height: 20px;
font-family: arial, sans-serif;
font-size: 0.75em;
color:black;
}
9 years ago
Post: 3900
Topic: Login

Thank you very much! This exactly was the solution for my CSS-problem:

I added the following code to my CSS-template, and the Login-form then was fine:

p {margin-bottom: 10px;}

Regards,

Roland

9 years ago
Post: 3845
Topic: Login

Hi,

you can see my test page on:

www.gomyway.bplaced.net

Maybe the problem is due to my css-file ...

Thanks,

Roland

9 years ago
Post: 3810
Topic: Login

Just for esthetical reasons (Version 2.4):

The positon of the  "login"-button is too close to the "password"-field - there is no distance between.

 

 

 

  

9 years ago

News

elFinder 2.1.50 in Upcoming Release
12/28/2019

A new release for Typesetter is in the works with a lot of improvements including the ... Read More

Typesetter 5.1
8/12/2017

Typesetter 5.1 is now available for download. 5.1 includes bug fixes, UI/UX improvements, ... Read More

More News

creisi productions

Dienstleistungen von creisi productions, Luzern (Schweiz): * Konzeption, Planung und Erstellung Ihres Internet-Auftritts * Betreuung und Aktualisierung/Pflege Ihrer Website * ...

Find out more about our Provider Spotlight

Log In

  Register