Új hozzászólás Aktív témák

• #756 vakondka őstag

  Új Válasz 2011-08-04 10:06:17 #756

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  vakondka

  őstag

  Sziasztok,

  Olyan hibával találkozott már valaki, hogy CSS-ben meg van adva egy div-nek háttérkép és amikor ez megjelenik, akkor (kizárólag internet explorerben) még egyszer megjelenik a háttérkép az előzőhöz nagyon közel...
  

  HTML: <div id="login_box">
  <form method="post" action="login.php?action=process" name="login"><p style="text-align:right"><label>E-Mail cím:</label><input type="text" size="15" name="email_address"><br><label>Jelszó:</label><input type="password" size="15" name="password"></p>
  <div id="login_button_box">
  <div id="reg_btn"><a rel="nofollow" href="create_account.php">Regisztráció</a></div>
  <div id="login_btn"><a href="javascript:document.login.submit();">Bejelentkezés</a></div>
  </div></form>
  <div class="pr_clear"></div>
  <div id="lost_pass"><a rel="nofollow" href="password_forgotten.php">Jelszó emlékeztető</a></div>
  </div>

  CSS:

  #login_box {
  width: 260px;
  height: 130px;
  margin: 0;
  padding: 0;
  float: left;
  }
  
  #login_button_box {display:block;width:240px;height:30px;margin:0;padding:0;float:right}
  
  #reg_btn {
  display: block;
  width: 112px;
  height: 22px;
  /*background: url(images/design/reg_btn.png) no-repeat 0 0 scroll;*/
  background-image:url(images/design/reg_btn.png);
  background-position:center;
  background-repeat:no-repeat;
  margin:0;
  padding:2px 0 0 0;
  float:left;
  border:0;
  }
  
  #login_btn {
  display: block;
  width: 122px;
  height: 29px;
  background-image:url(images/design/login_btn.png);
  background-position:center;
  background-repeat:no-repeat;
  
  /*background: url(images/design/login_btn.png) no-repeat 0 0 scroll;*/
  margin:0;
  padding:0;
  float:left;
  border:0;
  }
  
  
  #account_btn {
  display: block;
  width: 89px;
  height: 24px;
  background: url(images/design/setup_btn.png) no-repeat center;
  margin: 0 10px 0 14px;
  padding: 2px 0 0 0;
  float:left;
  border:0;
  }
  
  #logoff_btn {
  width: 121px;
  height: 28px;
  background: url(images/design/logoff_btn.png) no-repeat center;
  margin: 0;
  padding: 2px 0 0 0;
  float:left;
  
  }
  
  #login_btn a, #logoff_btn a, #reg_btn a, #account_btn a {
  position:relative;
  top:4px;
  left:4px;
  color: #ffffff;
  /*margin: 0;
  padding: 7px 5px 0 25px;*/
  font-size: 1.0em;
  text-decoration: none;
  }
  
  #login_btn a:hover, #logoff_btn a:hover {
  color: #ffff96;
  }
  
  #reg_btn a:hover, #account_btn a:hover {
  color: #ffff00;
  }
  
  #lost_pass {
  display: block;
  width: 260px;
  height: 13px;
  margin: 0;
  text-align:right;
  }
  
  #lost_pass a {
  font-size: 0.9em;
  text-decoration: none;
  }

Új hozzászólás Aktív témák