isnoend2001
asked on
How to put a small image inline with the <h1> tag
In the center of this page:http://roofgenius.com/RoofCalcWriter/test.asp
<h1>Usb Flash Drive Backup</h1><img src="../images/USB35x26.gi f" width="35" height="26" alt="flash drive" title="">
I think the h1 tag is causing it to drop to a new line.
How can i write this ?
<h1>Usb Flash Drive Backup</h1><img src="../images/USB35x26.gi
I think the h1 tag is causing it to drop to a new line.
How can i write this ?
ASKER
Thanks Number-1,but that would not work as many pages are already styled using the h1 tag
You can have a special H1 just for main page like this
#main-page h1 {
background-image: url(../images/USB35x26.gif );
background-repeat:no-repea t;
}
#main-page h1 {
background-image: url(../images/USB35x26.gif
background-repeat:no-repea
}
ASKER
Thanks : Number-1 i had already tried that from your last post and the image does not go at the end of the text, it's at the beginning and behind the text.
I have since got success with this, but need to move the image a little to the right:
<h1 style="display:inline">Usb Flash Drive Backup</h1>
<img src="../images/USB35x26.gi f" width="35" height="26" alt="flash drive" title=""/>
I have since got success with this, but need to move the image a little to the right:
<h1 style="display:inline">Usb
<img src="../images/USB35x26.gi
Did you change your page - I cannot see any <h1>Usb Flash Drive Backup</h1> on the link above
I did however notice that you do have multiple <h1> tags on your page - you should consider putting only 1 <h1> tag per page.
I did however notice that you do have multiple <h1> tags on your page - you should consider putting only 1 <h1> tag per page.
If you just need a little spacing you can try padding like:
style="padding: 4px"
<h1 style="display:inline">Usb Flash Drive Backup</h1>
<img src="../images/USB35x26.gi f" width="35" height="26" style="padding: 4px alt="flash drive" title=""/>
style="padding: 4px"
<h1 style="display:inline">Usb
<img src="../images/USB35x26.gi
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
thanks the padding works
h1 {
background-image: url(../images/USB35x26.gif
background-repeat:no-repea