Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 11 of 11
  1. #1
    New to the CF scene
    Join Date
    Sep 2009
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy desperately need help with frames (not displaying on firefox)

    Thank you very much, experts, for taking your time to help a desperate helpless person...I've been at this for 2 days, and I still can't figure it out and can't come up with a better solution due to my limited knowledge.

    The frames show up on Chrome/Safari but not Firefox, and it also has this unattractive space between the layout - but the larger problem is it won't show up on Firefox. I have no idea what I'm doing...~Can someone please help me? Thanks...

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
    "http://www.w3.org/TR/html4/frameset.dtd"> 
    <html lang="en">
    	<head>
    		<meta http-equiv="content-type" content="text/html; charset=">
    		<title>Skyla Arts: Makeup and Photography</title>
    	</head>
    	<body>
    <frameset  cols="283px,557px,*">
    <frameset rows="100%">
    <frame name="left" id="left" title="left" target="content" noresize="noresize" scrolling="no" frameborder="0" padding="0px" marginwidth="0" marginheight="0" src="left.html" />
    </frameset>
    <frameset rows="146px,456px,167px">
    
    <frame name="top" id="top" title="top" target="content" noresize="noresize" scrolling="no" frameborder="0"padding="0px" marginwidth="0" marginheight="0" src="top.html" />
    
    <frame name="main" id="main" title="main" target="content" noresize="noresize" scrolling="no" frameborder="0" padding="0px" marginwidth="0" marginheight="0" src="main.html" />
    
    <frame name="menu" id="menu" title="menu"target="content" noresize="noresize" scrolling="no" frameborder="0" padding="0px" marginwidth="0" marginheight="0" src="menu.html" />
    
    </frameset>
    
    <frameset rows="100%">
    <frame name="right" id="right" title="right" target="right" noresize="noresize" scrolling="no" frameborder="0" padding="0" marginwidth="0" marginheight="0" src="right.html" />
    
    </frameset>
    </frameset>
    
    	</body>
    </html>

  • #2
    New Coder
    Join Date
    Jun 2007
    Posts
    49
    Thanks
    0
    Thanked 2 Times in 2 Posts
    The frameset tag replaces the body tag. Take out the body tag and you should be fine.

  • #3
    New to the CF scene
    Join Date
    Sep 2009
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks zip_000! it displayed! but for some reason, the menu frame disappeared! The menu frame appears safari but not on firefox~ also, is it possible to close the gap between the left and right column? Thanks so much!

    Code:
     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
    "http://www.w3.org/TR/html4/frameset.dtd"> 
    <html lang="en">
    	<head>
    		<meta http-equiv="content-type" content="text/html; charset=">
    		<title>Skyla Arts: Makeup and Photography</title>
    	</head>
    <frameset  cols="283px,557px,*">
    <frameset rows="100%">
    <frame name="left" id="left" title="left" target="content" noresize="noresize" scrolling="no" frameborder="0" padding="0px" marginwidth="0" marginheight="0" src="left.html" />
    </frameset>
    
    <frameset rows="146px,456px,167px">
    <frame name="top" id="top" title="top" target="content" noresize="noresize" scrolling="no" frameborder="0"padding="0px" marginwidth="0" marginheight="0" src="top.html" />
    <frame name="main" id="main" title="main" target="content" noresize="noresize" scrolling="no" frameborder="0" padding="0px" marginwidth="0" marginheight="0" src="main.html" />
    <frame name="menu" id="menu" title="menu"target="content" noresize="noresize" scrolling="no" frameborder="0" padding="0px" marginwidth="0" marginheight="0" src="menu.html" />
    </frameset>
    
    <frameset rows="100%">
    <frame name="right" id="right" title="right" target="right" noresize="noresize" scrolling="no" frameborder="0" padding="0" marginwidth="0" marginheight="0" src="right.html" />
    </frameset>
    
    </frameset>
    
    </html>

  • #4
    New Coder
    Join Date
    Jun 2007
    Posts
    49
    Thanks
    0
    Thanked 2 Times in 2 Posts
    It would be easier if you could provide a link.

    I can't really reproduce what you're seeing without having all of the pages in your frames.

  • #5
    New to the CF scene
    Join Date
    Sep 2009
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    http://skyla-arts.com/index2.html

    this is the link~~~ and when you open it in firefox, the menu frame on the bottom disappears, vs. if you see it on safari or chrome, the menu is on the bottom! thanks again for your time!!! i appreciate it!

  • #6
    New Coder
    Join Date
    Jun 2007
    Posts
    49
    Thanks
    0
    Thanked 2 Times in 2 Posts
    Hmm, I don't see a menu frame in either FF, safari, or Chrome, and the site fails altogether in Explorer. Looking individually at your menu frame, it looks like it has no content. Is there actually a menu.jpg file?

    Seeing what you are actually doing, I think frames is really the wrong way to go with this. It makes everything much more difficult, less user friendly, and doesn't do anything that you can't do in other ways.

  • #7
    New Coder
    Join Date
    Jun 2007
    Posts
    49
    Thanks
    0
    Thanked 2 Times in 2 Posts
    Here, I've done a version of your page with divs. I don't know what your menu is supposed to be; I put in a div for it, but it isn't linking to anything, and you will need to adjust the size. I also left out your mouseover screen, but you should be able to put that back in easily if you want it.

    Let me know if you have any questions:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    	<head>
    		<style type="text/css">
    		div {float:left;
    		margin:0;
    		padding:0;
    		}
    		#container {
    		width:98%;
    		}
    		#left {
    		width:284px;
    		height:762px;
    		background-image:url('http://skyla-arts.com/left.jpg');
    		background-repeat:no-repeat;
    		margin-left:-8px;
    		}
    		#top {
    		width:555px;
    		height:144px;
    		background-image:url('http://skyla-arts.com/top.jpg');
    		background-repeat:no-repeat;
    		margin-left:-1px;
    		}
    		#main {
    		width:513px;
    		height:169px;
    		background-image:url('http://skyla-arts.com/images/main page.jpg');
    		background-repeat:no-repeat;
    		margin-left:-1px;
    		}
    		#text {
    		width:513px;
    		
    		margin-left:-1px;
    		text-align:justify
    		}
    		#menu {
    		/* adjust the menu dimensions to whatever they need to be */
    		width:513px;
    		height:169px;
    		background-image:url('http://skyla-arts.com/menu.jpg');
    		background-repeat:no-repeat;
    		margin-left:-1px;
    		}
    
    		
    		</style>
    	</head>
    	<body>
    		<div id="container">
    			<div id="left">
    			</div>
    			<div id="top">
    			</div>
    			<div id="main">
    			</div>	
    			<div id="text">
    				<p>
    					Welcome! Skyla Arts by Elizabeth Chang provides on-location freelance makeup and photography service, and is currently based in Los Angeles. I strive for 100% client satisfaction! Additionally, I provide peer counseling and stress management techniques for couples and brides-to-be. Please check out my portfolio! For a complete list of services and rates, please click the “Services” tab, and if interested, you can read what previous clients said about my services under “Testimonials” 
    				</p>
    				<br />
    				<p>
    					For initial consultation and appointments, please email liz@skyla-arts.com or call 323-250-0549 between the hours of 9:00am-5:00pm. 
    				</p>
    				<br />
    				<p>
    					You can also find me at the following social networking websites:
    				</p>
    			</div>		
    			<div id="menu">
    			</div>
    		</div>
    	</body>
    </html>

  • #8
    New to the CF scene
    Join Date
    Sep 2009
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi zip_000 thanks again~

    1) it's really weird that the menu.html was not showing up, and the menu image of the code above is not showing up either! when I put it in Safari, both the main image.jpg and the menu.jpg shows up as a 3rd column to the right

    2) where do I change the space on the top? (the white bar that looks like 5 pixels. Is it margin? padding? where do I add that?)

    3) I'm really unfamiliar with CSS, so let's say (thanks to your help) we got this to work - how would I change up the content in the middle?

    thanks so much for your time, i appreciate it~

  • #9
    New Coder
    Join Date
    Jun 2007
    Posts
    49
    Thanks
    0
    Thanked 2 Times in 2 Posts
    No problem, I'm happy to help.

    1) When I look in Safari I don't see it. Looking in the source, I can see it should be loading "menu.jpg" but nothing is showing up. Can you post a screen shot of what the menu looks like for you? The main image - if by that you mean the photo of the people - is showing up fine for me.

    2) Which space on top - between the top image and the main image? You can change that by changing the height of the #top div or by adding a margin or padding to either the #top div or the #main div. If you are trying to reduce the space there, you can change the height of the #top div to 135px or so.

    3) What content? Do you mean the text or the images or both? To change the text, just change the text. To change the images just change the links to the images in the css. If you want to remove the images and just have text, just take out this:
    Code:
    <div id="main">
    			</div>
    Does this answer your questions?

  • #10
    New to the CF scene
    Join Date
    Sep 2009
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi zip~

    so what happened was I saved the menu.jpg in the wrong way so it wasn't showing up...but i guess my 3rd question was more regarding like the purpose of having the frames was to have a clickable menu. If i just use the CSS and have that one content, then I wouldn't be able to target different links to the main content area~ So I was wondering if it was possible to make that happen in CSS, without reloading the entire page each time.

    and #2 I actually 'solved'
    http://skyla-arts.com/index3.html

    but now I'm trying to do that splicing image thing and well I'm failing epically....I think I might just get some map edit program to do it...

  • #11
    New Coder
    Join Date
    Jun 2007
    Posts
    49
    Thanks
    0
    Thanked 2 Times in 2 Posts
    OK, then menu is showing up now, and looks fine.

    As for your question, I'm not sure why you're concerned about reloading the page each time. You can do what you're asking with ajax, but I just don't really think it is required. Just write each of the pages with the same divs so that the only thing that is different is the main content. Your user shouldn't even notice that the page reloaded unless you have an extraordinarily slow host.

    The way that I usually do this is to have a header file and a footer file, and then load those in with PHP and then each file for the web site just has the links to those files and the content for that page.

    This isn't necessary on a small site though - you can just put the style information in a css file, link to it in each of your pages and then have the same div structure in each page with different content in your main div.

    What do you mean by "splicing image thing" what are you trying to do?


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •