|
|
|||||||
| About Us | Register | FAQ | Members List | Calendar | Mark Forums Read |
![]() |
|
|
LinkBack | Thread Tools | Display Modes |
|
|
#1 (permalink) |
|
The Legendary Journey
![]() ![]() ![]() ![]() ![]() ![]() ![]() 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 |
|
|
|
|
|
#2 (permalink) |
|
MMP-2 Dude
![]() ![]() ![]() ![]() ![]() 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. |
|
|
|
|
|
#4 (permalink) |
|
The Legendary Journey
![]() ![]() ![]() ![]() ![]() ![]() ![]() 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
|
|
|
|
|
|
#5 (permalink) |
|
MMP-2 Dude
![]() ![]() ![]() ![]() ![]() 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 |
|
|
|
|
|
#6 (permalink) |
|
The Legendary Journey
![]() ![]() ![]() ![]() ![]() ![]() ![]() 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
|
|
|
|
|
|
#7 (permalink) |
|
ヴィンセント
![]() ![]() ![]() ![]() ![]() ![]() ![]() 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 =- |
|
|
|
|
|
#11 (permalink) |
|
MMP-2 Dude
![]() ![]() ![]() ![]() ![]() 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.
|
|
|
|
|
|
#12 (permalink) |
|
The Legendary Journey
![]() ![]() ![]() ![]() ![]() ![]() ![]() 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
Last edited by Takmadeus; May 14th, 2004 at 16:35. |
|
|
|
|
|
#13 (permalink) |
|
MMP-2 Dude
![]() ![]() ![]() ![]() ![]() 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.
|
|
|
|
|
|
#16 (permalink) |
|
The Legendary Journey
![]() ![]() ![]() ![]() ![]() ![]() ![]() 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
|
|
|
|
|
|
#17 (permalink) |
|
MMP-2 Dude
![]() ![]() ![]() ![]() ![]() 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: Last edited by Clements; May 14th, 2004 at 19:17. |
|
|
|
|
|
#18 (permalink) |
|
The Legendary Journey
![]() ![]() ![]() ![]() ![]() ![]() ![]() 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 |
|
|
|
|
|
#19 (permalink) |
|
MMP-2 Dude
![]() ![]() ![]() ![]() ![]() 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 |
|
|
|
|
|
#20 (permalink) |
|
The Legendary Journey
![]() ![]() ![]() ![]() ![]() ![]() ![]() 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
Last edited by Takmadeus; May 15th, 2004 at 05:00. |
|
|
|