Moving 'Log in' boxes up

For my developed themes, specially reDesign. Please make different topic for every problem.
Vasta teemaleVasta teemale Printerisõbralik lehekülg
Foorumi KKKOtsiVaata vastamata teateid

Moving 'Log in' boxes up

Postitus Postitatud: 13.06.09. 09:52:48

Simple question I hope. On my modified header here if you are not logged in and you click the 'Log in' button on the header, the boxes appear too low and so don't really show properly. How would I move them up?

rosbif's server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS)
Linux/2.2.11/5.0.91/5.2.8/9.2.1

rosbif
Tõusmas kõrgemale
Tõusmas kõrgemale
 

Re: Moving 'Log in' boxes up

Postitus Postitatud: 13.06.09. 15:12:28

You have to play with #log_in_box in the css file.
Be sure not to position them on the banner though, as if user misses the Log in button by some pixels (s)he would accidentally click on the banner.

Madis's server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS)
Linux/2.0.63/5.0.67/5.2.5/9.2.1

Madis
Administraator
Administraator
 

Re: Moving 'Log in' boxes up

Postitus Postitatud: 17.06.09. 12:44:21

Thanks Madis, will give it a try

rosbif's server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS)
Linux/2.2.11/5.0.91/5.2.8/9.2.1

rosbif
Tõusmas kõrgemale
Tõusmas kõrgemale
 

Re: Moving 'Log in' boxes up

Postitus Postitatud: 18.06.09. 07:46:49

I've tried to move the boxes with some success but am having no luck with the labels and ther close button. At the moment the boxes and the word 'Password' and the close button don't line up at all. What do I need to change?

Here's my code so far:

Kood:
#log_in_box {
  display: inline;
  position: absolute;
  top: 0;
  right: 0;
  margin: 40px 230px 0 0;
  padding: 0;
}

#log_in_page {
  background-color: #E9FDDB;
  padding: 10px;
  border: 1px solid #60A9D5;
}

#log_in_box div, #log_in_page div {
  float: left;
  margin-left: 5px;
}

#log_in_box div label, #log_in_page div label {
  display: block;
  clear: right;
  color: #000;
}

#log_in_page div label {
  color: #000000;
}

#log_in_box div .losspass, #log_in_page div .sublink {
  display: block;
  float: left;
  clear: left;
  margin-top: 5px;
  font: 10px verdana, tahoma, arial;
  color: #E8E8E8;
  border-bottom: 1px solid #E8E8E8;
}

#log_in_page div .sublink {
  color: #7575FF;
  border-bottom: 1px solid #7575FF;
}

#log_in_box div .losspass:hover, #log_in_page div .sublink:hover {
  text-decoration: none;
  border-bottom: 0;
}

#log_in_box .closebutton {
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -20px;
  right: 0;
  background: transparent url('../images/backgrounds/header/close.png') no-repeat top left;
  height: 16px;
  width: 16px;
}


rosbif's server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS)
Linux/2.2.11/5.0.91/5.2.8/9.2.1

rosbif
Tõusmas kõrgemale
Tõusmas kõrgemale
 

Re: Moving 'Log in' boxes up

Postitus Postitatud: 24.12.09. 00:18:15

Still can't do this?

rosbif's server specs (Server OS / Apache / MySQL / PHP / DragonflyCMS)
Linux/2.2.11/5.0.91/5.2.8/9.2.1

rosbif
Tõusmas kõrgemale
Tõusmas kõrgemale
 
Lehekülg 1, lehekülgi kokku 1



Sa ei saa teha siia alafoorumisse uusi teemasid
Sa ei saa vastata siinsetele teemadele
Sa ei saa muuta oma postitusi
Sa ei saa kustutada oma postitusi
Sa ei saa hääletada küsitlustes
Sa ei saa lisada faile selles alafoorumis
Sa saad allalaadida faile selles alafoorumis