- This topic is empty.
-
AuthorPosts
-
October 8, 2015 at 5:57 pm #209449chrysolightParticipant
I am trying to insert a line of text over a background image that already has a png logo image floating left with the background underneath. I am quite new to web coding (HTML and CSS), so I tend to try what seems intuitively correct. This approach usually only works about half the time. In this case whether as text or a transparent png the line of text refuses to go onto the background. I need help with it.
The item I need to float right on top of the background image is:
<a href="../index.html"><img src="../img/slogan.png" width="285" height="36" z index=100 float: right /></a>
I need the text to appear on the lower right portion of the background image and it need to float as the window is resized.
You will see that at present I have turned the line of text into a png image and it appears below the background image instead of over it. I don’t care if it is inserted over the background as text or as an image.
This is my first post so if anyone needs more clarification and/or code I’ll do my best to provide it.
[MOD EDIT – Codedump Removed]
October 8, 2015 at 10:00 pm #209453BeverleyhParticipantA live demo in CodePen, showing just the pertinent HTML and CSS, would be more useful :)
October 9, 2015 at 7:22 pm #209524chrysolightParticipantI Have posted a CodePen at
http://codepen.io/chrysolight/pen/gaRQVM
But I was unable to get the images to display — I inserted links to google-photos in the HTML, but that doesn’t seem to work, so I don’t know how helpful the CodePen will be for you.October 11, 2015 at 4:01 pm #209567chrysolightParticipantThis is how the code should display:
<img
src=”http://i.imgur.com/yulQCit.jpg” title=”source: imgur.com” />
or
here: [img]http://i.imgur.com/yulQCit.jpg[/img]
or
here: [url=http://imgur.com/yulQCit][img]
http://i.imgur.com/yulQCit.jpg%5B/img%5D%5B/url%5DThis s how the code currently displays:
<img
src=”http://i.imgur.com/6dyQSSU.jpg” title=”source: imgur.com” />
or
here: [img]http://i.imgur.com/6dyQSSU.jpg[/img]
or
here: [url=http://imgur.com/6dyQSSU][img]
http://i.imgur.com/6dyQSSU.jpg%5B/img%5D%5B/url%5D(wasn’t sure which linking method will work in this forum)
Thanks for your assistance.
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.