Div code help
Hello again, I have another issue.
For my post: http://www.madeinregio.com/2012/10/0...to-recruiting/
The coding used here is:
<img src="http://www.madeinregio.com/wp-content/uploads/2012/10/steph111.png" alt="" title="" width="900" height="567" class="alignnone size-full wp-image-2001" />
<div style="position: relative; top: -547px; left: 45px; width: 1000px; z-index: 2">
<h1><font size="6">Ride for the fall                 Sebastian 3<sup>rd</sup> floor, Stephon 4<sup>th</sup> floor
and it works perfectly on Google Chrome:
but Safari and Firefox both show this:
I want Safari and Firefox to show it the same way as Google Chrome. Hopefully someone can help me with this. The CSS could possibly be the issue. or possbily the   code doesnt work well with the other browsers.
Hi, looks like you intended using rather than Stands for No Breaking SPace. Jim
Once creates space on a line, when makes space between lines?
Is it not right to use it?
Hi, not a good idea to use it repeatedly. To change the spacing between lines add a line height within you CSS style. Since you are using inline styling I would suggest using a style block along the lines of
Adjust these figures to suit your preference, and any other styles you wish to adopt would be palaced within the same style holder. The reason for giving the h1 header a px size is that different browsers display a header at a different size according to their own inbuilt stylesheet and giving a fixed value should have it display the same size in all browsers.
On the subject of getting the space right between the text you may wish to try a transparent image sized to fit and use
Hope this gives you some ideas. Jim
<h1>Ride for the fall<img src="path-of-image/image.gif" width="300" height="20" alt="spacer">Sebastian 3<sup>rd</sup> floor, Stephon 4<sup>th</sup> floor</h1>