Moving 'Log in' boxes up

For my developed themes, specially reDesign. Please make different topic for every problem.
Besvar indlæggetBesvar indlægget Printvenlig side
Forum FAQSøgVis ubesvarede indlæg

Moving 'Log in' boxes up

Indlæg Skrevet: 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

Indlæg Skrevet: 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

Indlæg Skrevet: 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

Indlæg Skrevet: 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:

Kode:
#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

Indlæg Skrevet: 24.12.09. 01: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
 
Side 1 af 1



Du kan ikke skrive nye indlæg i dette forum
Du kan ikke besvare indlæg i dette forum
Du kan ikke rette dine indlæg i dette forum
Du kan ikke slette dine indlæg i dette forum
Du kan ikke stemme på afstemninger i dette forum
Du kan ikke tilføje filer i dette forum
Du kan downloade filer fra dette forum