| Author |
Message
|
| Bandini |
 Posted: Sat Jan 20, 2007 3:50 am Post subject: template not loading properly with IE |
 |
|
New Member
Joined: Jan 20, 2007
Posts: 4
|
i added a new template to my blog and when using firefox it's fine but with internet explorer the title of the blog doesn't appear and the description is out of place also.
bah internet explorer 
http://tacohunt.blogspot.com |
|
| Back to top |
|
 |
Sponsored Ads
|
 |
| Syed_Kazim |
| Posted: Sat Jan 20, 2007 6:18 am Post subject: Template not loading properly with IE |
|
|
Primary member
Joined: Dec 23, 2006
Posts: 68
|
Hi Bandini! Welcome to Blogger Talk!
The templete looks fine in IE for me! I saw it in Firefox as well as Internet Explorer!
You are using Internet Explorer 7, right?
_________________
My blog |
|
| Back to top |
|
|
| Bandini |
| Posted: Sat Jan 20, 2007 2:51 pm Post subject: Re: Template not loading properly with IE |
|
|
New Member
Joined: Jan 20, 2007
Posts: 4
|
| Syed_Kazim wrote: | Hi Bandini! Welcome to Blogger Talk!
The templete looks fine in IE for me! I saw it in Firefox as well as Internet Explorer!
You are using Internet Explorer 7, right? |
hi Syed
yes 7.0
on IE the title of the blog "the great taco hunt" doesn't show up.
on firefox it does. |
|
| Back to top |
|
|
| Syed_Kazim |
| Posted: Sat Jan 20, 2007 4:42 pm Post subject: Template not loading properly with IE |
|
|
Primary member
Joined: Dec 23, 2006
Posts: 68
|
Its showing up on my side!
_________________
My blog |
|
| Back to top |
|
|
| Bandini |
| Posted: Sat Jan 20, 2007 6:33 pm Post subject: Re: Template not loading properly with IE |
|
|
New Member
Joined: Jan 20, 2007
Posts: 4
|
um..no it's not....
above the photo it should have the blog title The Great Taco Hunt
it appears on firefox |
|
| Back to top |
|
|
| Syed_Kazim |
| Posted: Sun Jan 21, 2007 7:50 am Post subject: Template not loading properly with IE |
|
|
Primary member
Joined: Dec 23, 2006
Posts: 68
|
Oh, that, yeah, thats not showing!
_________________
My blog |
|
| Back to top |
|
|
| Syed_Kazim |
| Posted: Sun Jan 21, 2007 7:50 am Post subject: Template not loading properly with IE |
|
|
Primary member
Joined: Dec 23, 2006
Posts: 68
|
Wiat for Shawn, lol
_________________
My blog |
|
| Back to top |
|
|
| Shawn |
| Posted: Sun Jan 21, 2007 8:38 pm Post subject: |
|
|
Site Developer
Joined: Sep 06, 2006
Posts: 315
Location: Canada
|
Hello Bandini 
Sorry I am a very busy guy these days as I got several sites I maintain so I appoligize for not responding sooner!
Now have you fixed this issue?
As I viewed your site in IE 7, Firefox, Opera and they all view it fine?
I see the title The Great Taco Hunt and then the discription tag to the right and just below is the blog header!
Ohhh wait I see what you meen in IE 6 it doesnt show at all!
Well there is always a way to fix this error, we can either apply an html hack to it or apply some CSS to the H1 tag so it does what its suppose to, as for some reason its not using the CSS attribute for h1 banner-header class!
So the quick HTML hack would be to edit the theme and look for this simular tag near the top after the < div id="banner" >
| Code: | | <h1 id="banner-header"> </h1> |
Simply modify it by adding the following after the < h1 id="banner-header" >
| Code: | | <span style="color: #000000;">Then the title, then the closing span </span> |
Now to use CSS you would need to first apply the CSS style in the header part by adding the following right after the following code that you already have in your header!
| Code: |
<style type="text/css">
@import url('http://googlelite.free.fr/newsline.css');
/************** REMOVE THIS TO UNHIDE THE BLOGGER NAVBAR ****************
**/ #b-navbar {height:0px;visibility:hidden;display:none} /** *************************************************************************
body {margin-top: 32px !important}
*/
.centeredImage
{
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding-bottom:20px;
}
</style>
|
And change it to this ...
| Code: |
<style type="text/css">
@import url('http://googlelite.free.fr/newsline.css');
/************** REMOVE THIS TO UNHIDE THE BLOGGER NAVBAR ****************
**/ #b-navbar {height:0px;visibility:hidden;display:none} /** *************************************************************************
body {margin-top: 32px !important}
*/
.centeredImage
{
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding-bottom:20px;
}
h1 {
font: 160% Arial, Sans-Serif;
color: #000000;
font-weight: bold;
padding: 3px 0 0 0;
margin: 0
}
</style>
|
Well now you have two options, either use the HTML and edit the template to surround it with a span style or add the CSS to your existing style CSS for the H1 tag.
Now you may want to adjust the size of the h1, which is really simple, just adjust the 160% to whatever suites your needs and same goes for the font styles you prefer!
I hope this helps and let me know if you need any further assitance!
Shawn
_________________
| Affordable Web-Hosting | FREE Blog Directory |
PC Windows Tips |
Ultra Game Play |
|
| Back to top |
|
|
| Bandini |
| Posted: Sun Jan 21, 2007 10:36 pm Post subject: |
|
|
New Member
Joined: Jan 20, 2007
Posts: 4
|
thanks shawn for replying
the css option doesn't work.Probably cuz the template is an external file? i don't know much..learning as I go.
but the first option works...I aligned it to the left...I'm just figureing out how i can make the type bigger and the same font as the rest of my blog.
thanks for your help!  |
|
| Back to top |
|
|
| Shawn |
| Posted: Sun Jan 21, 2007 11:36 pm Post subject: |
|
|
Site Developer
Joined: Sep 06, 2006
Posts: 315
Location: Canada
|
Well in the span style you can include any CSS attribute you wish to get the desired effect, for example...
| Code: | | <span style="color: #000000; font: 160% Arial, Sans-Serif;">Then the title, then the closing span </span> |
Because we used style we can place the CSS attribute font: 160% Arial, Sans-Serif; and simply adjust it to make it bigger and also set the font you wish to use to match your blog!
Now in this case it looks like the font is either Georgia, Bookman Old Style.
So you could use this and see, how it looks
| Code: | | <span style="color: #000000; font: 160% Georgia, Bookman Old Style;">Then the title, then the closing span </span> |
Shawn
_________________
| Affordable Web-Hosting | FREE Blog Directory |
PC Windows Tips |
Ultra Game Play |
|
| Back to top |
|
|
| mrLenin |
| Posted: Thu Apr 12, 2007 10:56 am Post subject: |
|
|
New Member
Joined: Apr 05, 2007
Posts: 12
|
|
| Back to top |
|
|
|
|
