I want to make a site with frames on the top left and bottom.
The complexity is that I want to add images which must be connected.
Here is a text thought:



When I make this, the points 1 and 2 are far apart. There are no borders.
Can anyone tell me how to make them join?
Or any other way to get the same result. Upon pressing the buttons on these frames, on the central frame will change.

 

 

 

Reply

You have two separate issues here.

1. The placement and positioning of the Images to create a 'bordered' look.
2. The manipulation of the interior contents.

What you you have for images? and why frames for the central data? Frames are not Search Engine Friendly, don't allow for bookmarks, can't be searched, and lots of other reasons. I have a template which creates a "framed" look, but uses css to do all of that.

Have a look : http://jlhaslip.trap17.com/samples/templat...amed/index.html

snag it if you want...

Also, look here to see a php solution for swapping out the contents: http://www.jlhaslip.trap17.com/template/index.php

Send me a PM to receive the link for that php template if you wish.

Reply

What I am trying to make is a new type of interface. I don't really need search engine support as my site won't have any such thing.
Its basically the interface only.
Also, I don't want reload the borders again and again, just the main content.

Another point to note is that I am new to web design and think more like a programmer, which doesn't work with HTML.
So, I could only come up with the framed design. I don't know CSS or PHP, yet, and I am planning to buy a good book in a month (after exams).
Well, thanks for the help. I will check it out.

Reply

Hi, I think I can help you with this one.

If you are trying to use a link (on the main page or in another frame), which will then change the content/external page in another frame, you need to do this.

On the frames, you need to add this to the code:

Replace stuff in bold. The stuff in red has the be the same as the stuff in red on the other code boxes.

For example,

Replace stuff in bold. The stuff in red has the be the same as the stuff in red on the other code boxes.

Now, if you wish to change "http://yourlinkhere.com/file.extension" to, say, http://yourlinkhere.com/file2.extension you need to put this in the link (i put the whole link here for you):

Replace stuff in bold. The stuff in red has the be the same as the stuff in red on the other code boxes.

Also, please explain your other question in more detail, I got confused. If you are trying to get frames side by side in certain positions, you use frameset, cols, rows.


Lastly, to put frame 2 next to frame 1, inset this in frame 1 tag:

 

 

 

Reply

That's exactly what I wanted to know! Thanks, cj-real!

The second thing is that the images I put in the bottom and right frames don't join. There is a gap. I tried aligning but it didn't work.

No worries, though. I have changed the design to include less images.

Reply

With the images it is a matter of just positioning them with CSS, but you can get away from that if you design your template in photoshop then slice your images. Then you would set up your slices depending on where you plan to have your frame scroll bars set up at. Although as a programmer myself I would suggest getting out of frames altogether, however, another solution would be to use iframes instead of standard frames. That would way you won't have to deal with headaches of trying to keep your site from breaking.

But like I mention to get a good frames site going start with adobe photoshop or some other graphics program that slices and can be saved as a website and its just a matter of adding the code in it.

Reply