Image problem with IE8

[cortexaz]

Hi Folks,

I wonder if anybody has some problems with IE8 image rendering. I've inserted the image in php code, all browsers render it but not IE8 . . . Does anyone know how to fix this issue?

Thanks . . .

[RPicard]

Could you post the code?

[cortexaz]

Yes of course . . .

PHP Code:

<div style="position:absolute; left:41%; right::50%; text-align:center; margin-left:auto; margin-top:8px;" align="center" <img src="tolia2.png" > </div> 


[Grizzly]

Is tolia2.png uploaded to the root of the site? (public_html or such other place that you placed your index.html)

Code:

<div style="position:absolute; left:41%; right::50%; text-align:center; margin-left:auto; margin-top:8px;" align="center"> <img src="tolia2.png" > </div>

Try that code.

[cortexaz]

Yes of course . . . All browsers show me the image Firefox, Chrome, Safari but not IE8 (maybe IE7 either because I've tested the page in compatibility mode . . .)

[Gaijin]

Yes of course . . .

PHP Code:

<div style="position:absolute; left:41%; right:50%; text-align:center; margin-left:auto; margin-top:8px;" align="center" <img src="tolia2.png" > </div> 


IE is very angry when you use tags wrong.
The image tag REQUIRES width="" height="" and alt="" attributes, I'm not sure if that solves your problem(didn't touched IE ages ago)
Try this img tag

Code:

<img src="tolia2.png" width="100" height="100" alt="Some text" />

Also at the div you have a syntax error

Code:

right::51%

It's only : not "::"
And you didn't close (>) the first div tag

[cortexaz]

Thanks . . .

I'll try . . .

---

neeeeee . . . It doesn't work . . .

Thanks for help anyway . . .

[RPicard]

Sorry for abandoning you here. I can't think of anything else though.

[Gaijin]

Thanks . . .

I'll try . . .

---

neeeeee . . . It doesn't work . . .

Thanks for help anyway . . .

You say you inserted into PHP, could I see the PHP script...
Does the image don't show up, or are you having transparency problems?

[cortexaz]

You say you inserted into PHP, could I see the PHP script...
Does the image don't show up, or are you having transparency problems?

Yes Sure . . . Script is the same as password randomizer . . . I'll put it here as well . . . Problem is that image won't show up . . .
The code is on line 108 . . .

PHP Code:

<?php

###############################################################
# Page Password Protect 2.13
###############################################################
# Visit http://www.zubrag.com/scripts/ for updates
############################################################### 
#
# Usage:
# Set usernames / passwords below between SETTINGS START and SETTINGS END.
# Open it in browser with "help" parameter to get the code
# to add to all files being protected. 
#    Example: password_protect.php?help
# Include protection string which it gave you into every file that needs to be protected
#
# Add following HTML code to your page where you want to have logout link
# <a href="http://www.example.com/path/to/protected/page.php?logout=1">Logout</a>
#
###############################################################

/*
-------------------------------------------------------------------
SAMPLE if you only want to request login and password on login form.
Each row represents different user.

$LOGIN_INFORMATION = array(
  'zubrag' => 'root',
  'test' => 'testpass',
  'admin' => 'passwd'
);

--------------------------------------------------------------------
SAMPLE if you only want to request only password on login form.
Note: only passwords are listed

$LOGIN_INFORMATION = array(
  'root',
  'testpass',
  'passwd'
);

--------------------------------------------------------------------
*/

##################################################################
#  SETTINGS START
##################################################################

// Add login/password pairs below, like described above
// NOTE: all rows except last must have comma "," at the end of line
$LOGIN_INFORMATION = array(
  'zubrag' => 'root',
  'admin' => 'adminpass'
);

// request login? true - show login and password boxes, false - password box only
define('USE_USERNAME', true);

// User will be redirected to this page after logout
define('LOGOUT_URL', 'http://www.example.com/');

// time out after NN minutes of inactivity. Set to 0 to not timeout
define('TIMEOUT_MINUTES', 0);

// This parameter is only useful when TIMEOUT_MINUTES is not zero
// true - timeout time from last activity, false - timeout time from login
define('TIMEOUT_CHECK_ACTIVITY', true);

##################################################################
#  SETTINGS END
##################################################################


///////////////////////////////////////////////////////
// do not change code below
///////////////////////////////////////////////////////

// show usage example
if(isset($_GET['help'])) {
  die('Include following code into every page you would like to protect, at the very beginning (first line):<br>&lt;?php include("' . str_replace('\\','\\\\',__FILE__) . '"); ?&gt;');
}

// timeout in seconds
$timeout = (TIMEOUT_MINUTES == 0 ? 0 : time() + TIMEOUT_MINUTES * 60);

// logout?
if(isset($_GET['logout'])) {
  setcookie("verify", '', $timeout, '/'); // clear password;
  header('Location: ' . LOGOUT_URL);
  exit();
}

if(!function_exists('showLoginPasswordProtect')) {

// show login form
function showLoginPasswordProtect($error_msg) {
?>
<html>
<head>
  <title>Project: "Tolia" </title>
  <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
  <META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
</head>
    <body>
        <style>
          input { border: 1px solid #c3c3c3; border-top-color:#7c7c7c; border-botom-color:#DDD; background-color:38547f; color:ffffff; text-align: center; }
        </style>
        <div style="position:absolute; left:41%; right:50%; text-align:center; margin-left:auto; margin-top:8px;" align="center" <img src="tolia2.png" > </div>
          <div style="position:absolute; top:50%; left:50%;  width:500px; height:308px; background:url(back4.png); margin-left: -241px; margin-top: -154px; text-align:center">
            <div style="padding-top:30px;">
              <form method="post">
              <div style="font-size:15px;  letter-spacing:1pt;" <h3>Project: "Tolia" </h3> </div>
                <div style="" <h3>Please enter password to access this page</h3> </div>
                <font color="red"><?php echo $error_msg; ?></font><br />
                <?php if (USE_USERNAME) echo'Login:<br /><input type="input" name="access_login" /><br />Password:<br />'; ?>
                <input type="password" name="access_password" /><p></p><input type="submit" name="Submit" value="Submit" style="border:none; font-family: Calibri, Verdana, Arial;"/>
              </form>
            </div>
              <br />
             <a style="font-size:9px; color: #B0B0B0; font-family: Verdana, Arial;" href="http://esm-students.org/" title="ESM Students">Copyright &copy; 2009, ESM Students, All Rights Reserved</a>
      </div>
    </body>
</html>

<?php
  // stop at this point
  die();
}
}

// user provided password
if (isset($_POST['access_password'])) {

  $login = isset($_POST['access_login']) ? $_POST['access_login'] : '';
  $pass = $_POST['access_password'];
  if (!USE_USERNAME && !in_array($pass, $LOGIN_INFORMATION)
  || (USE_USERNAME && ( !array_key_exists($login, $LOGIN_INFORMATION) || $LOGIN_INFORMATION[$login] != $pass ) ) 
  ) {
    showLoginPasswordProtect("Incorrect password.");
  }
  else {
    // set cookie if password was validated
    setcookie("verify", md5($login.'%'.$pass), $timeout, '/');
    
    // Some programs (like Form1 Bilder) check $_POST array to see if parameters passed
    // So need to clear password protector variables
    unset($_POST['access_login']);
    unset($_POST['access_password']);
    unset($_POST['Submit']);
  }

}

else {

  // check if password cookie is set
  if (!isset($_COOKIE['verify'])) {
    showLoginPasswordProtect("");
  }

  // check if cookie is good
  $found = false;
  foreach($LOGIN_INFORMATION as $key=>$val) {
    $lp = (USE_USERNAME ? $key : '') .'%'.$val;
    if ($_COOKIE['verify'] == md5($lp)) {
      $found = true;
      // prolong timeout
      if (TIMEOUT_CHECK_ACTIVITY) {
        setcookie("verify", md5($lp), $timeout, '/');
      }
      break;
    }
  }
  if (!$found) {
    showLoginPasswordProtect("");
  }

}

?>