HTML linking problem

  • Banjer
  • Novice
  • Novice
  • Banjer
  • Posts: 21

Post 3+ Months Ago

The video for 'Fly' will premiere on MTV's TRL on Wednesday August 25th. Dont miss it!!

Hilary will be a presenter at the 'MTV Music Video Awards' on Sunday, August 29th

Hi, today I started trying to make my first website using Dreamweaver MX 2004, I took a tutorial with a complete webdesign using .css, the page can be found right here http://80.57.203.17/DreamWeaver/.

My problem is, all the links are set to go to '#', I want them to open up a new page in the main window, the one with the Feature title and stuff.

How do you make new pages open in that window? it's not an iframe, i've looked into the code and it's all set up with <div>, and i'm not familiar with that attribute...
I know how to make something link to another page, but I want it to open on the same page, but just in a little frame where the Feature title is located in for example, like iframes do, but I don't know how to convert this div thinggy to an iframe and still make it look the same.
And I don't think iframes are the only way of opening a new page in a part of the main page?

Please view the source and tell me how to make every link open in the main window, this is my first time webdesigning and I'm kinda stuck.


Sincerely yours,
Banjer
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • Poly
  • Guru
  • Guru
  • User avatar
  • Posts: 1091
  • Loc: Same place you left me.

Post 3+ Months Ago

THIS IS HOW TO MAKE IT LINK TO OTHER PAGES!!

ok to change the links:
1. go into dreamweaver
2. open up the webpage
3. then click the button that says "split"(its located right under the name of the document this will split your window between code and design, easier to do it this way for beginners.)
4. next click the text for the button, in your case section link, global link, or related link.
5. you will see in the code area a cursor.( if you click section link the cursor will be in a line of text that says section link) next to that text, section link, global link, etc., you will see text that says "<a href="#">Section Link</a>" hight light the # symbol.
6. once it is highlighted, down near the bottom of your screen, you will see a a box that says link: # change the # symbol to what the link will be.
7. hit enter
8. repeat these steps for all buttons(section link, global link, related link etc.
9. (optional) of you are going to link to another website i.e. http://www.microsoft.com, you will need to type in http://www.microsoft.com in the link box, NOT just http://www.microsoft.com or microsoft.com. you need http:// or the link WILL NOT WORK!
10. save your work and your done!

poly
  • chimiwaza
  • Novice
  • Novice
  • chimiwaza
  • Posts: 19

Post 3+ Months Ago

yeah just change the # for the link u want, and you idnt do that css page, that comes in the css templates section in DW 2004 dude.
  • Banjer
  • Novice
  • Novice
  • Banjer
  • Posts: 21

Post 3+ Months Ago

I know how to make links to other pages but I want the new link to open up in a part of the main page and not open a whole new window.

Like, If you click Section Link #1 I want it to open link 1 in the window where you now see:

Code: [ Select ]
Feature Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
Story Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.

Capsule Story Cras enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. Donec eget lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris.
    

Capsule Story Cras enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. Donec eget lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris.

Capsule Story Cras enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. Donec eget lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris.
    

Capsule Story Cras enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. Donec eget lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris.

Capsule Story Cras enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. Donec eget lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris.
    

Capsule Story Cras enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. Donec eget lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris.
  1. Feature Title
  2. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
  3. Story Title
  4. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
  5. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor.
  6. Capsule Story Cras enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. Donec eget lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris.
  7.     
  8. Capsule Story Cras enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. Donec eget lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris.
  9. Capsule Story Cras enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. Donec eget lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris.
  10.     
  11. Capsule Story Cras enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. Donec eget lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris.
  12. Capsule Story Cras enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. Donec eget lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris.
  13.     
  14. Capsule Story Cras enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis, lobortis ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras lobortis. Aenean ut turpis eu libero volutpat euismod. Donec eget lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a elit. Sed id mauris.


Hope I explained it better this time.

Or maybe this explains it:
http://members.chello.nl/y.engel/misc/addon.PNG
  • chimiwaza
  • Novice
  • Novice
  • chimiwaza
  • Posts: 19

Post 3+ Months Ago

ok thats easy, what u need is an Iframe. place the following code where u want the lil wndows to appear.

Code: [ Select ]
<iframe src="name.html" name="framename" frameborder="0" width="X" height="X"></iframe


Of course u cnahge the height and width, that defines the size of the window. Hope that helped :wink:
  • Poly
  • Guru
  • Guru
  • User avatar
  • Posts: 1091
  • Loc: Same place you left me.

Post 3+ Months Ago

ok i see what u r sayin, and chimiwaza made it pretty clear, to change the size of the window, just type in an amount where he has X. and you should be good to go!

poly
  • Neturge
  • Born
  • Born
  • Neturge
  • Posts: 3

Post 3+ Months Ago

yeah the iframe is great, I use it alot on my sites.
  • Banjer
  • Novice
  • Novice
  • Banjer
  • Posts: 21

Post 3+ Months Ago

Yeah thx I've tried that but I don't know the size, isn't it different for every monitor? I want it to align to the bottom of the left menubars but height="100%" doesn't give me that effect
  • Poly
  • Guru
  • Guru
  • User avatar
  • Posts: 1091
  • Loc: Same place you left me.

Post 3+ Months Ago

the size will be the same on everybodies computer, if your using a style sheet, it will automatially expand everything for you. if your not then it will appear the same on everybodies monitor. pm or im me if you need help setting it up.

poly

Post Information

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

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