Maybe the code looks garbled because you forgot to enclose it in code. But the heading link code should look something like this:
<h2><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
and the above shows up in both FF and IE
Thread Starter
alemen
(@alemen)
Hi,
Thank you for the help. Yes, I forgot to use the code function. Anyway, the code that you post is the same that I am using, but now I found the problem. It works with IE 7, but it doesn’t work with IE 8.
I am using IE 8.0.6001.18702 and I can’t see the texts below the pictures, however I see the texts using IE 7.
The rare thing is that there is a web (inventarte.net) using the same template, and I can see the texts using IE 7 and IE 8. ???
titles on the images don’t work with Internet Explorer:
Do you mean titles on the images … in the slider?
There’s nothing wrong with the h2 code above, it’s most probably some declarations in your style.css which affected the placement of the h2 over the images. Did you make any changes in your style.css lately?
Thread Starter
alemen
(@alemen)
Do you mean titles on the images … in the slider?
Yes.
There’s nothing wrong with the h2 code above, it’s most probably some declarations in your style.css which affected the placement of the h2 over the images.
I don’t think so because I can see the titles using IE 7.
Do you see the titles using IE 8? Maybe is something else in my computer because IE 7 is installed in a different machine.
http://web2feel.com/futura/
Thread Starter
alemen
(@alemen)
I’ve just noticed another bug with IE 8. I see a white empty rectangle under first ‘Batman’ article.
alemen,
From a quick glance it could be a float issue with IE. You may need to be sure the floats are properly cleared.
http://www.doc4design.com
Thread Starter
alemen
(@alemen)
Could you give me a little more info about how can I clear floats please? I do that in the style.css file, doesn’t I?
alemen,
put this in your styles.css:
.clearfix {
content: "";
display: block;
clear: both;
}
.clearfix {
display: block;
}
.clearfix:after {
height: 0;
content: "";
display: block;
clear: both;
visibility: hidden;
}
* html>body .clearfix {
width: 100%;
display: inline-block;
}
* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}
Then add <div class=”clearfix”></div> to clear the float in the code. More than likely here:
<div class="panel">
<img width="200" height="120" src="http://web2feel.com/futura/wp-content/uploads/bats.jpg"/>
<h2></h2>
<div class="clearfix"></div>
</div>
But you may need to experiment with that.
http://www.doc4design.com
Thread Starter
alemen
(@alemen)
Finally works!!!! Many thanks. It works using the clear float code before the code for showing the title.
<div class="clearfix"></div>
<h2><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
Anyway, I don’t understand why the old code worked with IE 7, but doesn’t work with IE8.
When and where should I use the clear float code? Because I have another bug that only appers with IE8. See this pic please:
http://www.artigames.com/Temp/bug.jpg
I guess the problem is with glide.php file because when I don’t call this file from index, it doesn’t appear the ‘Headlines Today’ section and doesn’t appear the bug neither, but I’ve used the clear float code everywhere in the glide.php file but I can’t fix the bug yet.
alemen,
Strange, I just looked at the page in IE8 and all seems well. If you feel glide.php is causing the issue take a look at jcarousel lite.
http://www.doc4design.com
Thread Starter
alemen
(@alemen)
Finally I resolved the problem. It is strange, but this it what I see using IE7:
http://www.artigames.com/Temp/ie7.jpg
This is what I see using IE8:
http://www.artigames.com/Temp/ie8.jpg
I resolved the problem changing the code:
<div class="postmore"> <a href="<?php the_permalink() ?>">Read More</div>
by:
<div class="postmore"> <a href="<?php the_permalink() ?>">Read More</a></div>
I just had to add </a> at the end of ‘Read More’ in order to work with IE8. I had to change this in index.php and featured.php.
Do you have an idea why this problem with IE8?
What is </a> for?
alemen,
Missed that code. It’s important to end all your tags. <a href="#"> is closed by </a> just as <div id="something"> is closed by </div> Internet Explorer is very strict with code. Nice catch though.
http://www.doc4design.com
