HTML - Fixing Images In Frames
I am trying to build a frameset in dreamweaver with a bottom frame and a left and right frame. There is going to be an image in the left window that will be image mapped in order to be used as the navigation portion of the site. There will be another image mapped image in the bottom frame.
The problem I am having is that when I view the site in a browser the images are not fixed in their position. When you change the size of the browser window the images move around. I want it to work like this site (http://www.intricatemachines.com) where the images always stay in the same place. If anyone has any suggestions I would really appreciate your help. Thank you. Similar TutorialsI have posted clear images in 1634x200 header slices on photobucket. However, being new to html coding and writing code, when I code using the following, the images come out all blurry. Is there something in the code that may be altering the image resolution from its native crisp, sharp source files? I have tried jpg, png and used both a large file and exact matching file in terms of dimensions and I continue to get the same blurry results. Thanks. Here is the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <table width="100%" border="0" align="center"> <tr> <td align="center"><a href="http://stores.ebay.com/Summit-DVD-Movies-and-Blu-Ray-Disc?_rdc=1"><img src="http://i909.photobucket.com/albums/ac297/summitdvd/Ebay%20Store%20Images%202/header_logomain-4.png" alt="header_logo_top" width="1634" height="169" border="0" /></a> <img src="http://i909.photobucket.com/albums/ac297/summitdvd/Ebay%20Store%20Images%202/header_LLowCorner-1.png" width="58" height="31" alt="header_corn" /><a href="http://stores.ebay.com/Summit-DVD-Movies-and-Blu-Ray-Disc?_rdc=1"><img src="http://i909.photobucket.com/albums/ac297/summitdvd/Ebay%20Store%20Images%202/but_home-1.png" width="84" height="31 " border="0" /></a><a href="http://members.ebay.com/ws/eBayISAPI.dll?ViewUserPage&userid=summit_dvd"><img src="http://i909.photobucket.com/albums/ac297/summitdvd/Ebay%20Store%20Images%202/but_about-1.png" width="84" height="31" border="0" /></a><a href="http://stores.ebay.com/summitdvdmoviesandbluraydisc/pages/policies__W0QQ_modeZpreview"><img src="http://i909.photobucket.com/albums/ac297/summitdvd/Ebay%20Store%20Images%202/but_policies-1.png" width="84" height="31" border="0" /></a><img src="http://i909.photobucket.com/albums/ac297/summitdvd/Ebay%20Store%20Images%202/EbayHdr1634x200r3_07.png" alt="header_bot_bg" width="1324" height="31" /></td> </tr> </table> </body> </html> not sure if this is supposed to be under html or css but how do I get frames around images like on this webpage? http://www.novodono.com/ I use wordpress, are there any plugins that do something like that? I tried searching for tutorials and whatnot but I don't think I'm phrasing it correctly. If there's no plugin, I know how to code and stuff so feel free to explain it in code too. Thanks for any help! I'm trying to build a website in frames and am currently just putting together some test stuff for it. I'm trying to build a background, but when I place the separate parts of the overal image, there is spacing between the frames in places I don't want it; for example, the image in the left frame is significantly below the top frame, and there is a gap between it and the center frame. How can I fix this? I have frameborders set to 0, 0 framespacing, 0 margin width and height, and no borders present. Any help would be appreciated. There are 2 images below, to help explain what I mean. The first is how the top and left frames look, and the second is how the overall thing should appear. I've heard many times "don't use frames, there is better ways to accomplish it", and I was wondering, is this just referring to "invisible" frames, or any frames? For example, look at Kingdom of Loathing. They use frames (or what appears to be frames) and I can't see how they could successfully make that site without. If I had to have all the screens scroll as one rather than separate, and couldn't resize when I needed to, it would be extremely annoying. So, frames are bad, or just the invisible ones? need this fixed asap guys i have no idea whats wrogn with it http://www.recon.wsnw.net/index.php?site=joinus Code: <form action="index.php?site=joinus&action=save" method="post" name="post"> <table width="20%" border="0" cellspacing="0" cellpadding="0" bgcolor="$border"> <tr> <td class="title" align="center" bgcolor="$bghead">Join us formular</td> </tr> <tr> <td bgcolor="$pagebg"></td> </tr> <tr> <td bgcolor="$bg1"> <table width="20%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="20%" align="right">Squad:</td> <td colspan="0"><select name="squad">$squads</select></td> </tr> <tr> <td align="right">Nick:</td> <td><input name="nick" type="text" class="form_off" onFocus="this.className='form_on'" onBlur="this.className='form_off'"></td> <td align="right">Name:</td> <td><input name="name" type="text" class="form_off" onFocus="this.className='form_on'" onBlur="this.className='form_off'"></td> </tr> <tr> <td align="right">Email:</td> <td><input name="email" type="text" class="form_off" onFocus="this.className='form_on'" onBlur="this.className='form_off'"></td> <td align="right">ICQ/MSN:</td> <td><input name="messenger" type="text" class="form_off" onFocus="this.className='form_on'" onBlur="this.className='form_off'"></td> </tr> <tr> <td align="right">Age:</td> <td><input name="age" size="2" type="text" class="form_off" onFocus="this.className='form_on'" onBlur="this.className='form_off'"></td> <td align="right">City:</td> <td><input name="city" type="text" class="form_off" onFocus="this.className='form_on'" onBlur="this.className='form_off'"></td> </tr> <tr> <td align="right">Clanhistory:</td> <td colspan="3"><input name="clanhistory" type="text" class="form_off" onFocus="this.className='form_on'" onBlur="this.className='form_off'"></td> </tr> <tr> <td colspan="0"> </td> </tr> <tr> <td align="center" colspan="0">Additional (Why should you become a member?):</td> </tr> <tr> <td></td> <td colspan="0"><textarea name="info" cols="60" rows="5" class="form_off" onFocus="this.className='form_on'" onBlur="this.className='form_off'"></textarea></td> </tr> <tr bgcolor="$bg1"> <td align="right" bgcolor="$bg1">Security Code:</td> <td bgcolor="$bg1"> </td> </tr> <tr> <td align="right">$captcha</td> <td><input type="text" name="captcha" size="10" class="form_off" onFocus="this.className='form_on'" onBlur="this.className='form_off'"><input name="captcha_hash" type="hidden" value="$hash"></td> </tr> <tr> <td> </td> <td><input name="post" type="submit" value="join us"></td> <td> </td> <td> </td> </tr> </table></td> </tr> </table> </form> Hi, I have some old html source files that do not have matching closing tags, is there any site that I can just paste those codes there and it will automatically append a matching closing tag? Thanks. A.C. I have someone that develops an html newsletter that I send out to my clients contact database. I ask them to also provide me with a version for the web (as the right margin gets cut off when I upload the original HTML), but every time they struggle with this, and this time told me it's not possible without having access to my CMS (which my client refuses to provide). Someone on this forum (Rblbliss) helped me one time and told me exactly which line of code to change (I don't have any HTML experience). I'm hoping someone can help me this time around as well. Here is a link to the page I'm referring to: http://www.eastpointehealthandfitnes...er-newsletter/ Thanks in advance! Reem HI i want to fix the border size of the table. I retrive the data from the mysql and put it in the table . Now when the page loaded , the wide of it became very large . I added width to the table but it didn't make difftence. How can fix it ? TNX I have no clue why this is messing up - I have been working on it ALLL day and I can't get it looking right. Anyway, if you look to the left of my page, you can obviously see that the graphics to the right are not aligning correctly witht the middle table. I have cellpadding and all that set to 0 so I don't know what is wrong. Any help would be appreciated... http://www.myspace.com/97959783 http://wantedfraternity.webs.com/ourdestiny.html As you can see I have my Navigation at the top...well I wont that font and size for the wording in the border below. "OUR DESTINY" I wont this size left the same and color...just the type of font set as the Nagivation font. "THE RULES OF ATTACKS ON YOU TO FOLLOW ARE" and "ATTACKS MUST BE AT ONE TIME - NOT SPREAD OUT OVER DAYS" Need these to be a bit smaller in size from "OUR DESTINY" And the senteces with the boxes...a bit smaller in size than the two above I mention'd. Here also I cant figure out how to have the sentences with the boxes over to the right more about 10-15px. :\ Now I'm trying my best to figure out this coding...I'm getting the hang of it, Im just really having troubles here and cant figure em out. Also...why is there such big spaces between the sentences? I accidentally deleted the folder where I stored the files for my new website. I managed to recover the folder using a recovery program but unfortunately the html file seems to be damaged. Is there a way to repair the html file ? woops terribly sorry guys for my first post being a false alarm, i experimented a bit and fixed it. I have a calendar generating for display on a page, and the calendar can be either 6 or 7 '<tr>' high depending on the amount of days in a month. I would like to fix the height of this calendar to prevent it knocking some of the other placements around. I invisage placing the calendars table inside another plain table which has a fixed hight. Is this even possible? Thanks. Hi I am fixing a really old webpage and im having issues with the leftnav... it has spaces in it but in dreamweaver the spaces do not display in design but only when i preview the page The page is terrible... heres the link... http://www.pfrieme-stumpe.de you may have to hard refresh to see the broken leftnav... thanks in advance! Matt How do I prevent the background of a table cell from repeating when the cell gets bigger? My handcoding is not that good and Dreamweaver doesn't seem to provide any code suggestions. Any help would be appreciated. I have a problem with this website I created for a client. In Safari, the page displays completely correctly. However, when launched in Opera, a little white space appears between the left pane of the swf movie. When launched in Firefox, large white space breaks appear. You can see the problem here if you view this page with the Opera and Firefox browsers: www.tabernacleofdavidwc.com All of my html looks proper from what I can tell. What do I need to change in my html? Quote: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> <style type="text/css"> * {margin:0} a img { border: none; } </style> </head> <body> <table width="1290" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="740"><img src="../TD Main Tester/TDMain_Header.gif" width="740" height="135" /></td> <td width="550"><img src="../TD Main Tester/TDMain_Header2.gif" width="540" height="135" /></td> </tr> <tr> <td><img src="../TD Main Tester/TDMain_HomeLeft.gif" width="185" height="48" /><img src="../TD Main Tester/TDMain_Home.gif" width="130" height="48" /><a href="TD Statemnet of Faith.html"><img src="../TD Main Tester/TDMain_about.gif" width="135" height="48" /></a><img src="../TD Main Tester/TDMain_Events.gif" width="148" height="48" /><a href="TD Media 3.html"><img src="../TD Main Tester/TDMain_Media.gif" width="142" height="47" /></a></td> <td><img src="../TD Main Tester/TDMain_Store.gif" width="146" height="48" /><a href="TD Contact 2.html"><img src="../TD Main Tester/TDMain_Contact.gif" width="136" height="48" /></a><img src="../TD Main Tester/TDMain_ContactRight.gif" width="258" height="48" /></td> </tr> <tr> <td><img src="../TD Main Tester/TDMain_SlideLeft.gif" width="185" height="343" /><iframe src="Demo_6.html" height="343" width="555" scrolling="no" frameborder="0"></iframe></td> <td><img src="../TD Main Tester/TDMain_LeftWord.gif" width="42" height="121" /><img src="../TD Main Tester/TDMain_WordWeek.gif" width="303" height="121" /><img src="../TD Main Tester/TDMain_WordRight.gif" width="195" height="121" /> <img src="../TD Main Tester/TDMain_SWFLeft.gif" width="42" height="222"/><object width="303" height="222"><param name="movie" value="../Users/macbookpro/Documents/WheatonEditP.swf"><param name="allowfullscreen" value="true"> <param name="allowscriptaccess" value="always"> <param name="flashvars" value="poster=file:Macintosh/video_still.jpg"/> <embed src="Wheaton-20110901-134443/Wheaton.swf" width="303" height="222"allowscriptaccess="always" allowfullscreen="true" flashvars="file:Macintosh/video_still.jpg"></embed></object><img src="../TD Main Tester/TDMain_SWFRight.gif" width="195" height="222" /></td> </tr> <tr> <td><img src="../TD Main Tester/TDMain_Middle1.gif" width="740" height="22" /></td> <td><img src="../TD Main Tester/TDMain_Middle2.gif" width="540" height="22" /></td> </tr> <tr> <td><img src="../TD Main Tester/TDMain_PrayerLeft.gif" width="182" height="125" /><img src="../TD Main Tester/TDMain_Prayer.gif" width="181" height="125" /><img src="../TD Main Tester/TD_PrayerServices.gif" width="10" height="125" /><img src="../TD Main Tester/TDMain_Services.gif" width="178" height="125" /><img src="../TD Main Tester/TDMain_ServicesDonate.gif" width="13" height="125" /><img src="../TD Main Tester/TDMain_Donate.gif" width="176" height="125" /></td> <td><img src="../TD Main Tester/TDMain_MiracleLeft.gif" width="42" height="125" /><img src="../TD Main Tester/TDMain_Miracle.gif" width="303" height="125" /><img src="../TD Main Tester/TDMain_MiracleRight.gif" width="195" height="125" /></td> </tr> <tr> <td><img src="../TD Main Tester/TDMain_Bottom1.gif" width="740" height="20" /></td> <td><img src="../TD Main Tester/TDMain_Bottom2.gif" width="540" height="20" /></td> </tr> </table> </body> </html> Similar to how most pop-up windows are a fixed size, I was curious as to how I could fix the size of a browsing window (particularly the width) of a page. Vertical scrolling isn't as important, but I would like my index page as well as the pages within the Iframe in the index page to remain a certain width so viewers would only have to scroll vertically to view the entire content of the html document. I have tried "stealing" the coding used in pop-up windows, trying it in both the head and body of the code but to no avail. I have searched for countless hours on the 'net looking for a tutorial that gives the code for this and have had zero luck. (I know it must be possible.) Any and all help/input is greatly appreciated! Thanks so much in advance, Dereck Hello. I'm back again. This time I have a different problem: Because the text sizes in IE are much smaller than in Firefox, the alignment of certain divs comes out disarranged. Notice that in FF, the big red box's position begins at midpoint of the contact us navigation. But, in IE it begins a big close to the end. I think this is due to the different text sizes. I was wondering if I could use javascript to test which browser is currently being viewed, and base on the browser type it would switch between css to correct the differences? (Sorry for the overly huge images) Also, I'll post the code later. |