Probs with IE

Discussion in 'HTML & Website Design' started by webguy84, Feb 7, 2007.

0
  1. #1
    Hi all,
    Have a look at the following page: http://www.maltasearchengine.com/. On firefox it looks ok but on ie the space between the iamge and the search box is thick. How can it be solved?

    Many thx
     
    webguy84, Feb 7, 2007 IP
  2. Smaug

    Smaug Peon

    Messages:
    374
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #2
    If you want to leave the table there, try 
    
<table cellpadding="0" cellspacing="0">
    HTML:
    But I would recommend redo it with CSS
     
    Smaug, Feb 7, 2007 IP
  3. Smaug

    Smaug Peon

    Messages:
    374
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Here you have it complete, tested in Opera and IE
    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#wrap {
margin:70px auto 0 auto; /*dial that first up a bit*/
width:340px;}

 #image {
 background-image:url('mselogoblack.jpg'); 
 width:331px;
 height:171px;}

 #search {width:340px;}
</style>

<title>MaltaSearchEngine.com</title>
</head>

<body>


<div id="wrap">
 <div id="image"></div>
 <div id="search">
 <form id="searchbox_016808286700368055991:hp98s3ikclg" action="http://www.google.com/cse">
    <input type="hidden" name="cx" value="016808286700368055991:hp98s3ikclg" />
    <input name="q" type="text" size="40" />
    <input type="submit" name="sa" value="Search" />
    <input type="hidden" name="cof" value="FORID:1" />
  </form>
</div>
</div>


</body>
</html>
    HTML:
     
    Smaug, Feb 7, 2007 IP
    rochow likes this.
  4. rochow

    rochow Notable Member

    Messages:
    3,991
    Likes Received:
    245
    Best Answers:
    0
    Trophy Points:
    240
    #4
    Nice job helping out. You earnt yourself some rep :D
     
    rochow, Feb 7, 2007 IP
  5. Smaug

    Smaug Peon

    Messages:
    374
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #5
    It's fun to help people, mainly with CSS etc. which is pretty easy for me... but once it wasn't, that's why I remember these guys and help them out ;)
     
    Smaug, Feb 7, 2007 IP
  6. webguy84

    webguy84 Well-Known Member

    Messages:
    815
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    128
    #6
    wow smaug - many thanks for you help :)
     
    webguy84, Feb 7, 2007 IP
  7. Smaug

    Smaug Peon

    Messages:
    374
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #7
    You're welcome ;)
     
    Smaug, Feb 7, 2007 IP
  8. webguy84

    webguy84 Well-Known Member

    Messages:
    815
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    128
    #8
    Another problem - howcome "make malta search engine your homepage" isn t centered since i added the alignment?
     
    webguy84, Feb 7, 2007 IP
  9. rochow

    rochow Notable Member

    Messages:
    3,991
    Likes Received:
    245
    Best Answers:
    0
    Trophy Points:
    240
    #9
    Try this:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
    #wrap {
    margin:70px auto 0 auto; /*dial that first up a bit*/
    width:340px;}

    #image {
    background-image:url('mselogoblack.jpg');
    width:331px;
    height:171px;}

    #search {width:340px;}
    </style>

    <title>MaltaSearchEngine.com</title>
    </head>

    <body>


    <div id="wrap" align="center">
    <div id="image"></div>
    <div id="search">
    <form id="searchbox_016808286700368055991:hp98s3ikclg" action="http://www.google.com/cse">
    <input type="hidden" name="cx" value="016808286700368055991:hp98s3ikclg" />
    <input name="q" type="text" size="40" />
    <input type="submit" name="sa" value="Search" />
    <input type="hidden" name="cof" value="FORID:1" />
    </form>
    </div>
    </div>


    </body>
    </html>



    I actually can't even see where it says "make your homepage"
     
    rochow, Feb 7, 2007 IP
  10. Smaug

    Smaug Peon

    Messages:
    374
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #10
    I cant see any "make malta search engine your homepage", what do you mean? If you want something centered under/above the search or logo, just add another div with text-align:center;
     
    Smaug, Feb 7, 2007 IP
  11. Smaug

    Smaug Peon

    Messages:
    374
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #11
    By the way, small tip, add to <div id="image"> div a h1 tag like this 
    
<div id="image"> 
<h1>Malta Search Engine</h1>
</div>
    HTML:
    and to CSS
    
#image h1 {
display:none;}
    HTML:

    It will help with a SEO, search engines will see text, not just useless image ;)
     
    Smaug, Feb 7, 2007 IP
  12. webguy84

    webguy84 Well-Known Member

    Messages:
    815
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    128
    #12
    i was refereing to this:
    <div id="sethomepage"><a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://maltasearchengine.com');">Make Malta Search Engine Your Homepage!</a></div>
     
    webguy84, Feb 7, 2007 IP
  13. webguy84

    webguy84 Well-Known Member

    Messages:
    815
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    128
    #13
    oh ok i solved it. I misunderstood something - stupid me :S. Thx for your help guys!!!!
     
    webguy84, Feb 7, 2007 IP