Emuforums.com

Go Back   Emuforums.com > General Discussion > Web development / Programming
About Us Register FAQ Members List Calendar Mark Forums Read

Login to remove all ads!
Reply
 
LinkBack Thread Tools Display Modes
Old May 13th, 2004   #1 (permalink)
The Legendary Journey
 
Takmadeus's Avatar
 
Join Date: Oct 2001
Location: In real life
Posts: 4,040
n00b question about html

OK guys... here's the thing... I have made a webpage for a uni project.... now, i though that the easiest way to do it was doing the page in the GIMP, save it as an image file, load a new file in Deamweaver 2004 and then make a image map (easy, isn't it?) then add some more content (in text mode) and that's all....., now some things come to the play:

1. I want the page to be in a fixed window (that is, loads the image and cannot be maximized and does not show anything that is not contained in the image) sort of like flash pages, that load and cannot be resized......

2. I want to add a scrolling bar to the page.... I'll put an example.....

so, any help would be greatly apreciated
Attached Images
File Type: jpg some.jpg (35.5 KB, 63 views)
__________________


Made with the GIMP
Takmadeus is offline   Reply With Quote
Old May 13th, 2004   #2 (permalink)
MMP-2 Dude
 
Clements's Avatar
 
Join Date: Jun 2003
Location: UK
Posts: 1,635
For No.1, you can use the iframe tag to have a scrolling window as you showed in the pic:

<iframe src="location of page to put in the window" height="#" width="#"></iframe>

Where # are the number of pixels you want it to be.
Clements is offline   Reply With Quote
Old May 13th, 2004   #3 (permalink)
The Legendary Journey
 
Takmadeus's Avatar
 
Join Date: Oct 2001
Location: In real life
Posts: 4,040
Thanks Clements .... i am trying that right now ..... the only thing left is the fixed window (makes imagemaps look neat )
__________________


Made with the GIMP
Takmadeus is offline   Reply With Quote
Old May 13th, 2004   #4 (permalink)
The Legendary Journey
 
Takmadeus's Avatar
 
Join Date: Oct 2001
Location: In real life
Posts: 4,040
here goes another question.... I want the page to load so, whenever I click on any of the "shizzle links", the mentioned page loads in the iframe.... without having to lload the page once more, just the thing in the frame
__________________


Made with the GIMP
Takmadeus is offline   Reply With Quote
Old May 13th, 2004   #5 (permalink)
MMP-2 Dude
 
Clements's Avatar
 
Join Date: Jun 2003
Location: UK
Posts: 1,635
Try this, this is as basic as I could get the HTML, so it'll need adjusting so that pictures can be the hyperlinks etc.

Code:
<iframe src="Link to default window" width="#" height="#" name="yeah" frameborder="0" marginwidth="0" marginheight="0"></iframe>
<ul type=disc compact>
<a href="link to frame you want to go in the window" target="yeah">The hyperlink's name</a>
<a href="link to frame you want to go in the window" target="yeah">The hyperlink's name</a>
<a href="link to frame you want to go in the window" target="yeah">The hyperlink's name</a>
<a href="link to frame you want to go in the window" target="yeah">The hyperlink's name</a>
</ul> 


You may need to highlight the code to see it all, damn Emuforums dark style

Hope it works
Clements is offline   Reply With Quote
Old May 14th, 2004   #6 (permalink)
The Legendary Journey
 
Takmadeus's Avatar
 
Join Date: Oct 2001
Location: In real life
Posts: 4,040
thanks a lot Clements.... one more thing....

I could not allocate the frame in the page (in other works, I could not get iframe to work).... so my question is.... where should it go?.... how can I give it some coordinates (to locate it in the part it should go)

may I ask you if you post a specific example using the image I just posted?.... let's say one link has to point to (insert page in here)

sorry for the bothering, but I really need to learn
__________________


Made with the GIMP
Takmadeus is offline   Reply With Quote
Old May 14th, 2004   #7 (permalink)
ヴィンセント
 
DeathPenalty's Avatar
 
Join Date: Jul 2003
Location: Italy - Tuscany - Florence
Posts: 252
I'm not an ace in html but, shouldn't iframes be placed in a table?

-DeathPenalty
__________________
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
-= Intel Core 2 Duo E6300 | 1GB DDR400 @ 2-2-2-5 | ATI Radeon X1950 Pro 512Mb AGP | Integrated 7.1 Channels Audio =-
-= HDD 160GB U-ATA133 + HDD 120GB U-ATA133 | Samsung DVD±RW 8x(DL)18x8x(+)18x6x(-) | LG 52x24x52x GCE-8520B =-
DeathPenalty is offline   Reply With Quote
Old May 14th, 2004   #8 (permalink)
The Legendary Journey
 
Takmadeus's Avatar
 
Join Date: Oct 2001
Location: In real life
Posts: 4,040
I don't have the slightest idea .......

BTW, nice sig
__________________


Made with the GIMP
Takmadeus is offline   Reply With Quote
Old May 14th, 2004   #9 (permalink)
MMP-2 Dude
 
Clements's Avatar
 
Join Date: Jun 2003
Location: UK
Posts: 1,635
The script works fine for me. I'll attach a small example using the script. I don't think iframes need to be in a table, but it sure makes it easier to put them where you want if you do.
Attached Files
File Type: zip index.zip (335 Bytes, 19 views)
Clements is offline   Reply With Quote
Old May 14th, 2004   #10 (permalink)
The Legendary Journey
 
Takmadeus's Avatar
 
Join Date: Oct 2001
Location: In real life
Posts: 4,040
thanks clements ..... thanks a lot

nwo the only thing left is to disable resizing (I mean, I want the page to load at 800*600 and stay like that, no resizes)
__________________


Made with the GIMP
Takmadeus is offline   Reply With Quote
Old May 14th, 2004   #11 (permalink)
MMP-2 Dude
 
Clements's Avatar
 
Join Date: Jun 2003
Location: UK
Posts: 1,635
I'm not positive how to do that, I think it requires javascript to create a pop-up window that cannot be resized, and I'm not good at js! :P . If this is what you want for your site, then the example here might help you.
Clements is offline   Reply With Quote
Old May 14th, 2004   #12 (permalink)
The Legendary Journey
 
Takmadeus's Avatar
 
Join Date: Oct 2001
Location: In real life
Posts: 4,040
OK, one thing Clements... it worked wonderfully.... but how do I locate it?... it does not have any coords property..... so I need it to go exactly where the pic shows... yet I don't know how to locate it....

edit: thanks a lot Clements..... the non resize script worked like a charm
__________________


Made with the GIMP

Last edited by Takmadeus; May 14th, 2004 at 16:35.
Takmadeus is offline   Reply With Quote
Old May 14th, 2004   #13 (permalink)
MMP-2 Dude
 
Clements's Avatar
 
Join Date: Jun 2003
Location: UK
Posts: 1,635
From your picture, a 16x16 table would be great. Create one, and merge the 9 cells toward the bottom-right corner to make a square for the large window in your picture (this merged cell is where you place the iframe info). The other smaller boxes are going to be the links and stuff that change the main window. The cell in the top-left can be left blank.
Clements is offline   Reply With Quote
Old May 14th, 2004   #14 (permalink)
The Legendary Journey
 
Takmadeus's Avatar
 
Join Date: Oct 2001
Location: In real life
Posts: 4,040
that's great Clements, I really thank you a lot!
__________________


Made with the GIMP
Takmadeus is offline   Reply With Quote
Old May 14th, 2004   #15 (permalink)
MMP-2 Dude
 
Clements's Avatar
 
Join Date: Jun 2003
Location: UK
Posts: 1,635
That's all right! I've made an example of your pic and the script working together, if you need it
Attached Files
File Type: zip index2.zip (431 Bytes, 21 views)
Clements is offline   Reply With Quote
Old May 14th, 2004   #16 (permalink)
The Legendary Journey
 
Takmadeus's Avatar
 
Join Date: Oct 2001
Location: In real life
Posts: 4,040
OK, it is amost done... but there is one thing.... I want the table cells to act as hyperlinks...... but it seems the only was for this to work is if I put text on the cell.... and I don't want to do so....

the plan was to make the page work as an image map.... but it won't work, since I cannot put a table over a image map..... so I made the table, and put the image as the background, then adjusted the cells to fit each link.... but then again, I can't do much as I meed to put text for the hyperlinks to work....

is tere any way to get around this? I mean, to make it that if I click on the cell, it will open the link
__________________


Made with the GIMP
Takmadeus is offline   Reply With Quote
Old May 14th, 2004   #17 (permalink)
MMP-2 Dude
 
Clements's Avatar
 
Join Date: Jun 2003
Location: UK
Posts: 1,635
Make a picture as big as the cell to represent the thing you are linking to (or change a pictures size to the size of a cell by specifying width and height), put it inside the cell and make the picture a hyperlink eg:

<A HREF="URL of page you want"><IMG SRC="Link to picture size of cell"></A>

That way you don't need to click on text but a picture instead, and it'll fill the cell up completely.

Edit: Updated the example site to show the changes:
Attached Files
File Type: zip index3.zip (464 Bytes, 44 views)

Last edited by Clements; May 14th, 2004 at 19:17.
Clements is offline   Reply With Quote
Old May 14th, 2004   #18 (permalink)
The Legendary Journey
 
Takmadeus's Avatar
 
Join Date: Oct 2001
Location: In real life
Posts: 4,040
thanks a lot Clements .... I decided to go the old way (that is, just using the template and writing the text by using the same font and size )

I have uploaded the page, and I would want you to see it.... after all, it was your help what got me through this

(a last question.... how do i change the color of the sliding bar?)

www.exemu.net/maggot/protacpa
__________________


Made with the GIMP
Takmadeus is offline   Reply With Quote
Old May 14th, 2004   #19 (permalink)
MMP-2 Dude
 
Clements's Avatar
 
Join Date: Jun 2003
Location: UK
Posts: 1,635
Although the pop-up didn't work, I found your site and it looks superb! Good job. If you want to add a custom coloured scrollbar, you can find a great online editor to make it simpler:

http://msdn.microsoft.com/workshop/s...llbarColor.htm

The colour choice is limited, but you can use the colour codes from this site:

http://www.w3schools.com/html/html_colors.asp
Clements is offline   Reply With Quote
Old May 15th, 2004   #20 (permalink)
The Legendary Journey
 
Takmadeus's Avatar
 
Join Date: Oct 2001
Location: In real life
Posts: 4,040
thanks man I owe you a lot, after all, you helped me quite much with its development

I'll name you in the credits

hmmmm now I know why you could not open my site.... seems that IE is not friendly with my page... in order to see it adequatelly, you need mozilla (classic or firefox)... or any other good browser....

why it does not work, I dunno.... I just know it doesn't
__________________


Made with the GIMP

Last edited by Takmadeus; May 15th, 2004 at 05:00.
Takmadeus is offline   Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On