 how to poistion text after relatively positioned image |
| hjl1999 |
 Jul 18 2011, 03:03 PM
Post
#1
|
|
Newbie  Group: Members Posts: 18 Joined: 19-August 09 Member No.: 9,488  |
My page is in the middle position of browser
<body style="width:85%; margin-left:auto; margin-right:auto"> On top left corner is logo. Then, the text " ® ". However, the image covers up the ® sign. Not able to move this ® slight left of logo <img src="logo.jpg" style="border:none; width: 312px; height: 28px; position:relative; left:10%; margin-top:1em" alt="logo" /></a> <sup> <span style="position:relative; left: auto"> ® </span></sup> What should I do? Thank you. |
  |
 
|
  |
Replies
| hjl1999 |
Jul 19 2011, 07:30 PM
Post
#2
|
|
Newbie Group: Members Posts: 18 Joined: 19-August 09 Member No.: 9,488 |
Pandy, thank you. I follow your example. The image is stuck at the top left corner. The image is outside of the margin frame. The margin frame is located at the desirable location, lower and righ of the top-left-corner. How can I locate the image inside the margin frame? Thank you.
You specifiy image width and height, is it better to use %, particularly when different browser show image sizing differently in different screens or smartphones? Thank you. |
|
|
|
Posts in this topic
hjl1999 how to poistion text after relatively positioned image Jul 18 2011, 03:03 PM
pandy To start with, why is the image positioned? Jul 18 2011, 03:41 PM hjl1999 I tried to position the image near the top left co... Jul 18 2011, 06:18 PM
pandy Yeah, I can see that, but I wonder why it's po... Jul 18 2011, 06:25 PM hjl1999 Thank you pandy. I re-write the following html, bu... Jul 18 2011, 06:51 PM pandy By not positioning the logo over it.
If I unders... Jul 18 2011, 07:42 PM pandy
Pandy, thank you. I follow your example. The imag... Jul 19 2011, 08:05 PM hjl1999 OK, I end up first put the image with margin 0em 0... Jul 30 2011, 10:59 AM Brian Chandler There's a breakdown in communications here:
P... Jul 31 2011, 12:41 AM hjl1999 <img src="Logo.jpg" style=" posi... Aug 2 2011, 11:39 AM pandy Yes. And that's the problem, IIRC. Aug 2 2011, 12:37 PM Darin McGrew Yes. Note the CSS property "position:absolute... Aug 2 2011, 12:50 PM hjl1999 how would you re-write this? Aug 8 2011, 07:20 PM Darin McGrew Actually, I'm used to logo images including th... Aug 8 2011, 08:10 PM pandy What was wrong with the example I posted above? Ei... Aug 8 2011, 11:33 PM |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
|
Lo-Fi Version | Time is now: 19th April 2024 - 11:07 PM |
Invision Power Board
© 2024 IPS, Inc.
Licensed to: HTMLHelp.com, LLC