Powered by Invision Power Board

 
    Reply to this topicStart new topicStart Poll

> Minor Yet Annoying Html Thing, RARGH!
Unspecified
Draco Icebane
Posted: Jan 1 2004, 10:20 PM
Quote Post


Standard Member
[*][*][*][*][*]


Group Icon
Group: Banned
Posts: 52997
Member No.: 10
Joined: 13-October 03

Status: (71582612m) [XX]


How do I make an image show above text?
PM
Top
United States
SonicProject
Posted: Jan 1 2004, 11:45 PM
Quote Post


Finkrats that I spit on know not of the cool I have.
[*][*][*][*][*]
[*][*][*][*]

Group Icon
Group: Members
Posts: 54900
Member No.: 56
Joined: 14-October 03

Status: (0d) [--]


CODE
<img src="imageurl">
<BR>
[insert text here]


If that's not what you're looking for, please elaborate.


--------------------
user posted image
user posted image
Apologies for the nostalgia.
PMAOLYahooMSN
Top
Unspecified
Draco Icebane
Posted: Jan 2 2004, 12:01 AM
Quote Post


Standard Member
[*][*][*][*][*]


Group Icon
Group: Banned
Posts: 52997
Member No.: 10
Joined: 13-October 03

Status: (71582612m) [XX]


I'm sorry, that made me laugh. Honest.

On top. Over. The text goes under it. The text is not visible because the image covers it.

Think of it as a top down view.
PM
Top
United States
SonicProject
Posted: Jan 2 2004, 12:29 AM
Quote Post


Finkrats that I spit on know not of the cool I have.
[*][*][*][*][*]
[*][*][*][*]

Group Icon
Group: Members
Posts: 54900
Member No.: 56
Joined: 14-October 03

Status: (0d) [--]


QUOTE (Draco Icebane @ Jan 1 2004, 11:01 PM)
On top. Over. The text goes under it. The text is not visible because the image covers it.

Think of it as a top down view.

Hmm... I don't know how to do that. O_o;


--------------------
user posted image
user posted image
Apologies for the nostalgia.
PMAOLYahooMSN
Top
United States
Retriever II
Posted: Jan 2 2004, 12:37 AM
Quote Post


Catalyst
[H][*][*][*][*]
[*][*][*][*][*]


Group Icon
Group: Members
Posts: 18290
Member No.: 52
Joined: 13-October 03

Status: (0d) [--]


You don't ..... well, it requires some tricky CSS ...

CODE
[dohtml]<div><div style='position: absolute; top:auto; left:auto'><img src='http://www.penguinia.net/blooper.jpg'></div>
texttexttexttexttexttexttexttexttext<br>
texttexttexttexttexttexttexttexttext<br>
texttexttexttexttexttexttexttexttext<br>
texttexttexttexttexttexttexttexttext<br>
texttexttexttexttexttexttexttexttext<br>
texttexttexttexttexttexttexttexttext<br>
texttexttexttexttexttexttexttexttext<br>
texttexttexttexttexttexttexttexttext
</div>
[/dohtml]


texttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttext


--------------------

PMEmail PosterUsers WebsiteICQAOLMSN
Top
United States
Retriever II
Posted: Jan 2 2004, 12:42 AM
Quote Post


Catalyst
[H][*][*][*][*]
[*][*][*][*][*]


Group Icon
Group: Members
Posts: 18290
Member No.: 52
Joined: 13-October 03

Status: (0d) [--]


texttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttext


^ really kick-ass example for Mozilla/Netscape/Opera/etc users only


--------------------

PMEmail PosterUsers WebsiteICQAOLMSN
Top
Unspecified
Draco Icebane
Posted: Jan 2 2004, 12:44 AM
Quote Post


Standard Member
[*][*][*][*][*]


Group Icon
Group: Banned
Posts: 52997
Member No.: 10
Joined: 13-October 03

Status: (71582612m) [XX]


QUOTE (Retriever II @ Jan 1 2004, 10:37 PM)
You don't ..... well, it requires some tricky CSS ...

CODE
[dohtml]<div><div style='position: absolute; top:auto; left:auto'><img src='http://www.penguinia.net/blooper.jpg'></div>
texttexttexttexttexttexttexttexttext<br>
texttexttexttexttexttexttexttexttext<br>
texttexttexttexttexttexttexttexttext<br>
texttexttexttexttexttexttexttexttext<br>
texttexttexttexttexttexttexttexttext<br>
texttexttexttexttexttexttexttexttext<br>
texttexttexttexttexttexttexttexttext<br>
texttexttexttexttexttexttexttexttext
</div>
[/dohtml]


texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttexttexttexttext

So, basically, <img src="sfjsdklgf" style="position: absolute; top: auto; left: auto;">?
PM
Top
Unspecified
Draco Icebane
Posted: Jan 2 2004, 12:46 AM
Quote Post


Standard Member
[*][*][*][*][*]


Group Icon
Group: Banned
Posts: 52997
Member No.: 10
Joined: 13-October 03

Status: (71582612m) [XX]


*gets to trying RII's method*

People without CSS-supporting browsers won't view it right at all though, huh?
PM
Top
United States
Retriever II
Posted: Jan 2 2004, 12:51 AM
Quote Post


Catalyst
[H][*][*][*][*]
[*][*][*][*][*]


Group Icon
Group: Members
Posts: 18290
Member No.: 52
Joined: 13-October 03

Status: (0d) [--]


Blast you, I was working on the IE example, but that filter doesn't work like the one I posted - that's a set tansparency - the one I posted had an alpha gradient


--------------------

PMEmail PosterUsers WebsiteICQAOLMSN
Top
Unspecified
Draco Icebane
Posted: Jan 2 2004, 12:53 AM
Quote Post


Standard Member
[*][*][*][*][*]


Group Icon
Group: Banned
Posts: 52997
Member No.: 10
Joined: 13-October 03

Status: (71582612m) [XX]


I think I might know how to do that, be right back.
PM
Top
United States
Retriever II
Posted: Jan 2 2004, 12:53 AM
Quote Post


Catalyst
[H][*][*][*][*]
[*][*][*][*][*]


Group Icon
Group: Members
Posts: 18290
Member No.: 52
Joined: 13-October 03

Status: (0d) [--]


I couldn't do it with my remotely hosted image, for some reason


--------------------

PMEmail PosterUsers WebsiteICQAOLMSN
Top
Unspecified
Draco Icebane
Posted: Jan 2 2004, 12:56 AM
Quote Post


Standard Member
[*][*][*][*][*]


Group Icon
Group: Banned
Posts: 52997
Member No.: 10
Joined: 13-October 03

Status: (71582612m) [XX]



That? =P
PM
Top
United States
Retriever II
Posted: Jan 2 2004, 12:59 AM
Quote Post


Catalyst
[H][*][*][*][*]
[*][*][*][*][*]


Group Icon
Group: Members
Posts: 18290
Member No.: 52
Joined: 13-October 03

Status: (0d) [--]


QUOTE (Draco Icebane @ Jan 2 2004, 12:56 AM)



That? =P

Yes and no. That PNG has an alpha channel allready in it, you're just posting a hack. There's a way if I recall that would use the PNG's own transparency, and not whatever you set.


--------------------

PMEmail PosterUsers WebsiteICQAOLMSN
Top
Unspecified
Draco Icebane
Posted: Jan 2 2004, 01:00 AM
Quote Post


Standard Member
[*][*][*][*][*]


Group Icon
Group: Banned
Posts: 52997
Member No.: 10
Joined: 13-October 03

Status: (71582612m) [XX]


QUOTE (Retriever II @ Jan 1 2004, 10:59 PM)
QUOTE (Draco Icebane @ Jan 2 2004, 12:56 AM)

That? =P

Yes and no. That PNG has an alpha channel allready in it, you're just posting a hack. There's a way if I recall that would use the PNG's own transparency, and not whatever you set.

... but doesn't setting it work just as well?

Unless the viewer doesn't support the style attribute?
PM
Top
United States
Retriever II
Posted: Jan 2 2004, 01:04 AM
Quote Post


Catalyst
[H][*][*][*][*]
[*][*][*][*][*]


Group Icon
Group: Members
Posts: 18290
Member No.: 52
Joined: 13-October 03

Status: (0d) [--]


There's a rift between browsers. Internet Explorer uses the style hack. It is the only browser that uses the hack, and isn't supported by any others. IE does NOT support the PNG's alpha channel. On the other hand, other browsers fully support the PNG alpha channel which does NOT require any style filters, but they do not support the style filter tag itself. Instead, they'll use the alpha channel, whatever it may be.


--------------------

PMEmail PosterUsers WebsiteICQAOLMSN
Top
Unspecified
Draco Icebane
Posted: Jan 2 2004, 01:07 AM
Quote Post


Standard Member
[*][*][*][*][*]


Group Icon
Group: Banned
Posts: 52997
Member No.: 10
Joined: 13-October 03

Status: (71582612m) [XX]


QUOTE (Retriever II @ Jan 1 2004, 11:04 PM)
There's a rift between browsers. Internet Explorer uses the style hack. It is the only browser that uses the hack, and isn't supported by any others. IE does NOT support the PNG's alpha channel. On the other hand, other browsers fully support the PNG alpha channel which does NOT require any style filters, but they do not support the style filter tag itself. Instead, they'll use the alpha channel, whatever it may be.

They need a browser that supports everything -_-;
PM
Top
United States
Retriever II
Posted: Jan 2 2004, 01:19 AM
Quote Post


Catalyst
[H][*][*][*][*]
[*][*][*][*][*]


Group Icon
Group: Members
Posts: 18290
Member No.: 52
Joined: 13-October 03

Status: (0d) [--]


What they need is IE to start supporting alpha transparencies. There's infinitely more possibilities with that than your flimsy filter gradients.


--------------------

PMEmail PosterUsers WebsiteICQAOLMSN
Top
Unspecified
Draco Icebane
Posted: Jan 2 2004, 01:35 AM
Quote Post


Standard Member
[*][*][*][*][*]


Group Icon
Group: Banned
Posts: 52997
Member No.: 10
Joined: 13-October 03

Status: (71582612m) [XX]


Or use Photoshop to make a web site that needs precisely aligned images to look any good =P
PM
Top
United Kingdom
Kyle
Posted: Jan 3 2004, 05:28 PM
Quote Post


Jus a lil kyle for ya
[*]

Group Icon
Group: Members
Posts: 7391
Member No.: 83
Joined: 17-October 03

Status: (0d) [--]


QUOTE (Retriever II @ Jan 2 2004, 05:42 AM)
texttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttext
texttexttexttexttexttexttexttexttext


^ really kick-ass example for Mozilla/Netscape/Opera/etc users only

oooh yeeeah ^_^ *Mozilla user*


--------------------
QUOTE
Kyle De Kyle: Hi
PMEmail PosterAOLMSN
Top
United States
Retriever II
Posted: Jan 3 2004, 10:31 PM
Quote Post


Catalyst
[H][*][*][*][*]
[*][*][*][*][*]


Group Icon
Group: Members
Posts: 18290
Member No.: 52
Joined: 13-October 03

Status: (0d) [--]


user posted image


--------------------

PMEmail PosterUsers WebsiteICQAOLMSN
Top
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

  Topic Options Topic Options Reply to this topicStart new topicStart Poll

 




[ Script Execution time: 0.1096 ]   [ 14 queries used ]   [ GZIP Enabled ]   [ Server Load: 4.36 ]