/    Sign up×
Community /Pin to ProfileBookmark

replace text with image…….

On [url=http://projep.t35.com]my site[/url] i wanna have it so the header is text, but then once the image loads up, it replaces the text…

sum of u r fricking geniuses bout dis so… maybe you’ll have a solution i’m hoping.

to post a comment
CSS

15 Comments(s)

Copy linkTweet thisAlerts:
@JonaFeb 02.2004 — [font=arial]JavaScript would be the only way I'd see doing this possible... Not CSS.

By the way, have you designed your site for other browsers, excluding IE?[/font]

[b][J]ona[/b]
Copy linkTweet thisAlerts:
@Ben_RogersauthorFeb 02.2004 — sure, it doesn't look the best but it looks pretty much the same. i no sum elements go off the page at lower resolutions but they do on every site, so... yeah.

and to answer your question more clearly my site is ie compatible
Copy linkTweet thisAlerts:
@Ben_RogersauthorFeb 02.2004 — and also i saw some thing on csszengarden, i forget where it was tho... :-. anyways... could you give me the basics of the js solution? ii think i no wut ur thinking but i thot u could only apply onload to the bosy attribute.
Copy linkTweet thisAlerts:
@JonaFeb 02.2004 — [font=arial]You can, but that's just it. Preload the image, then onload, run a function to replace the SPAN node containing the text with an IMG node containing the preloaded image.[/font]

[b][J]ona[/b]
Copy linkTweet thisAlerts:
@JonaFeb 02.2004 — [i]Originally posted by omega [/i]

[B]sure, it doesn't look the best but it looks pretty much the same. i no sum elements go off the page at lower resolutions but they do on every site, so... yeah.[/B][/QUOTE]


[font=arial]Your site doesn't seem to work very well in Mozilla FireBird on an 800x600 screen resolution... :rolleyes: [/font]

[b][J]ona[/b]
Copy linkTweet thisAlerts:
@Ben_RogersauthorFeb 02.2004 — well how many ppl have mozilla firebird, and a 800/600 res?

the only browsers i have are ie6 and mozilla
Copy linkTweet thisAlerts:
@JonaFeb 03.2004 — [font=arial]As far as I know, most people using Internet Explorer, but more and more often have I found that people use Mozilla FireBird (not Mozilla). Which is kind of ironic, you'd think they'd use either Mozilla or IE, but not Moz FireBird. And the most common screen resolution is 800x600, as far as I remember.[/font]

[b][J]ona[/b]
Copy linkTweet thisAlerts:
@Ben_RogersauthorFeb 03.2004 — well like i said my page looks the same just you have to scroll a bit sideways on 800*600... :- could u get a scrnshot of wut it looks like with moz fb?
Copy linkTweet thisAlerts:
@JonaFeb 03.2004 — [i]Originally posted by omega [/i]

[B]well like i said my page looks the same just you have to scroll a bit sideways on 800*600... :- could u get a scrnshot of wut it looks like with moz fb? [/B][/QUOTE]


[font=arial]The horizontal scrolling isn't the biggest problem--your objects simply overlap each other. Attached is a screen shot...[/font]

[b][J]ona[/b]

[upl-file uuid=942fd077-e560-4037-912a-56a16ca9e8f3 size=81kB]projep.jpg[/upl-file]
Copy linkTweet thisAlerts:
@JonaFeb 03.2004 — [font=arial]I think I've come to realize just what you really are asking for. Here is an [url=http://www.stopdesign.com/also/articles/replace_text/]article that explains how to using a background image in the place of text[/url].[/font]

[b][J]ona[/b]
Copy linkTweet thisAlerts:
@Ben_RogersauthorFeb 03.2004 — that is really bad. could you tell me, me being a dunce, how i could fix it in that browser and have it look good in others? its prob a thing with percentages, but i dont wanna go back to pixels, i want thelayout to stay fluid.... ull c wut i mean if u use mozilla or ie. dunno about ns.
Copy linkTweet thisAlerts:
@spufiFeb 03.2004 — [i]Originally posted by Jona [/i]

[B][font=arial]As far as I know, most people using Internet Explorer, but more and more often have I found that people use Mozilla FireBird (not Mozilla). Which is kind of ironic, you'd think they'd use either Mozilla or IE, but not Moz FireBird. And the most common screen resolution is 800x600, as far as I remember.[/font]



[b][J]ona[/b] [/B]
[/QUOTE]


On a couple of stat sites I check, 800X600 is the secnd most used and 1024X768, or whatever it is, is around 50% usage.
Copy linkTweet thisAlerts:
@Ben_RogersauthorFeb 04.2004 — ah ok... thats... anyways. i just decided to do a text-indent: -1000em for the pic thing so that pplz without CSS would still see the text
Copy linkTweet thisAlerts:
@spufiFeb 05.2004 — If you link to your CSS via the import statement, then old browsers will ignore the CSS and show the text by default.
Copy linkTweet thisAlerts:
@Ben_RogersauthorFeb 05.2004 — ok.. that was random... especially since i think it was u who advised me to use the link rel method.
×

Success!

Help @Ben_Rogers spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.6,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...