Back To Website Design Forum

Displaying images on webpages

  • sycofi5h
  • Expert
  • Expert
  • No Avatar
  • Joined: Jun 19, 2004
  • Posts: 506
  • Loc: Australia
  • Status: Offline

Post June 19th, 2004, 6:19 pm

ok welll i have 2 hopefully small problems and well yeah i dont no wat to do..
first: how do u make images over lap????
second: i have saved images from the net then cut parts out of them and then tried to paste them into a new file and save that. then i write.

<img src="with the new location of the images" width=x height=x border=x alt="x"></a>

but all this comes up with is a little box with a red cross in it, in the top left hand corner.

please i need help but and i bet it is not too complicated.

p.s. as u can see i am kinda begining web designing. ty
[/img]
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post June 19th, 2004, 6:19 pm

  • OriginNO
  • Graduate
  • Graduate
  • User avatar
  • Joined: May 18, 2004
  • Posts: 137
  • Loc: the Glass City (Hometown: the NO)
  • Status: Offline

Post June 19th, 2004, 8:27 pm

Im not really sure exactly what your second problem is but here is the answere to your overlapping images. What the following coding will do is put two images into two seperate layers that over lap each other.
First put this script between the <head> </head> tags.
Code: [ Select ]
<script language="JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
 if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
  document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
 else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
  1. <script language="JavaScript">
  2. <!--
  3. function MM_reloadPage(init) { //reloads the window if Nav4 resized
  4.  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
  5.   document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  6.  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
  7. }
  8. MM_reloadPage(true);
  9. // -->
  10. </script>


Next put the layers code in the <body> like so:
Code: [ Select ]
<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1"><img src="image 1"></div>

<div id="Layer2" style="position:absolute; width:200px; height:115px; z-index:2; left: 72px; top: 88px"><img src="image 2"></div>
  1. <div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1"><img src="image 1"></div>
  3. <div id="Layer2" style="position:absolute; width:200px; height:115px; z-index:2; left: 72px; top: 88px"><img src="image 2"></div>


Duplicate the layer code as needed but make sure you change the div id. Hope this helps.
  • sycofi5h
  • Expert
  • Expert
  • No Avatar
  • Joined: Jun 19, 2004
  • Posts: 506
  • Loc: Australia
  • Status: Offline

Post June 19th, 2004, 8:36 pm

hey thanks man......but yeh i am a basic web designer, so welll i think that i will just leave overlapping images for a while.
  • sycofi5h
  • Expert
  • Expert
  • No Avatar
  • Joined: Jun 19, 2004
  • Posts: 506
  • Loc: Australia
  • Status: Offline

Post June 21st, 2004, 12:17 am

well i tryed to explain my problem before but yeh i dont think ppl understood it.
well my problem is that:
i save pictures from the internet like from google and then edit them and save them as a different name and try and out them on my site but my problem is that it just wont come up. like i see the border of it but no picture???

please if anyone noes write back.
  • musik
  • Legend
  • Super Moderator
  • User avatar
  • Joined: Aug 06, 2003
  • Posts: 6892
  • Loc: up a tree
  • Status: Offline

Post June 21st, 2004, 2:21 am

Are you saving the file to your webspace online? For example in an images directory?

you need to use the html tag:

Code: [ Select ]
<img src="http://www.domainname.com/filename.jpg">



Also keep in mind copyright information of the images your downloading. Even if you change them you are still in breach of copyright laws unless you get them from a site which is specifically for free use anywhere with no restrictions.

Please donot multiple post. Repeat your question in the same topic you already started next time.

Cheers,
Rose
Opportunity To Do - Changing the lives of children around the world.
Rose.id.au - Doing Life.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Joined: May 28, 2003
  • Posts: 23404
  • Loc: Woodbridge VA
  • Status: Offline

Post June 21st, 2004, 4:25 am

I merged the two threads
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • sycofi5h
  • Expert
  • Expert
  • No Avatar
  • Joined: Jun 19, 2004
  • Posts: 506
  • Loc: Australia
  • Status: Offline

Post June 21st, 2004, 4:32 am

Ok, now I know what you did.

next time i wont make new topics all the time sorry about that.
  • rtm223
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Mar 24, 2004
  • Posts: 1855
  • Loc: Uk
  • Status: Offline

Post June 21st, 2004, 4:49 am

The problem you have given us is far to vague to give a solution. Can you post some code, or a link, or something so we can see what the problem is. At the moment there could be many many different causes

As for overlapping images, I would suggest CSS rather than javascript, but again it's difficult to give an answer with such a vague question.
CSS website design tutorials
  • s15199d
  • Expert
  • Expert
  • User avatar
  • Joined: Feb 20, 2004
  • Posts: 524
  • Loc: NC, USA
  • Status: Offline

Post June 21st, 2004, 5:49 am

As far as "overlapping the two images". If you are "altering" the images b/4 you post them on your site...I take it that you have some sort of photo editing software. If that is in fact the case...you could easily open the two images in your photo editing suite lay one on top of the other (on the same 'canvas'). Export the image, and you should be in business.
Image
Give a man a fish he eats for a day. Teach a man to fish he eats for a lifetime.
  • s15199d
  • Expert
  • Expert
  • User avatar
  • Joined: Feb 20, 2004
  • Posts: 524
  • Loc: NC, USA
  • Status: Offline

Post June 21st, 2004, 5:53 am

As far as images not appearing on your site after you've uploaded them. I'm failry certain that your problem there is that your link to them is broken. Like musik said look at your
Code: [ Select ]
<img>
tags. Make sure the path, filename, and file extentions (jpg, gif, etc) are correct. You aren't uploading .png files are you? Holler back...
Image
Give a man a fish he eats for a day. Teach a man to fish he eats for a lifetime.

Page 1 of 1

Post Information

  • Total Posts in this topic: 10 posts
  • Users browsing this forum: Kurthead+1 and 129 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.