Displaying images on webpages

  • sycofi5h
  • Expert
  • Expert
  • sycofi5h
  • Posts: 506
  • Loc: Australia

Post 3+ Months Ago

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
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • OriginNO
  • Graduate
  • Graduate
  • User avatar
  • Posts: 137
  • Loc: the Glass City (Hometown: the NO)

Post 3+ Months Ago

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>
  2. <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
  • sycofi5h
  • Posts: 506
  • Loc: Australia

Post 3+ Months Ago

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
  • sycofi5h
  • Posts: 506
  • Loc: Australia

Post 3+ Months Ago

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
  • Posts: 6893
  • Loc: up a tree

Post 3+ Months Ago

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
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23456
  • Loc: Woodbridge VA

Post 3+ Months Ago

I merged the two threads
  • sycofi5h
  • Expert
  • Expert
  • sycofi5h
  • Posts: 506
  • Loc: Australia

Post 3+ Months Ago

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
  • Posts: 1855
  • Loc: Uk

Post 3+ Months Ago

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.
  • s15199d
  • Expert
  • Expert
  • User avatar
  • Posts: 524
  • Loc: NC, USA

Post 3+ Months Ago

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.
  • s15199d
  • Expert
  • Expert
  • User avatar
  • Posts: 524
  • Loc: NC, USA

Post 3+ Months Ago

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...

Post Information

  • Total Posts in this topic: 10 posts
  • Users browsing this forum: No registered users and 49 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
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.