|
HTML - Fixing A Tables Height
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. Similar TutorialsI need help. I have a page but its centered. I still have white non used space on both sides that i would like to use to post links and what not but im not too great with tables. My test website is down below. Id like to keep the same dimensions of the page where it is now, but need to be able to use the blank white space on the sides to post links and extra text and what not. Can anyone help? www.militarycheapskate.com Hi guys, I've been frustrated for awhile trying to fix three of my problems. I just started making a site for myself today, the specific one is http://www.bcsticketsnow.com/rosebowl.html Anyway, I've got three problems, and appreciate any help anyone can offer on any of them: 1. I'm new to frames, and am told to stay clear of it. But I don't know php, so this is the only way I know to make a header, middle and footer on all 20 pages that I'm going to have where I only need to edit one to change all. So I have 3 frames in the frameset, header, mainrosebowl, and footer. I understand that cols="220,*,100" will make the header 220 pixels, the footer 100 px, and the middle part the rest of the window. But I'm trying to figure out a way to have it go deeper than the window. As you can tell, I've got a scroll bar on that middle frame. I want that frame to extend to more than 100% and push the footer below the visible window. So I'm really looking for a big scroll bar for the entire window to scroll down, not a mini scroll bar just for the middle frame. Is this possible? Having the cols add up to only the size of the window isn't what I'm looking for. 2. In the header frame, I've got that drop down menu (says "Bowl Events"). When I put the form in for the drop down menu, it kind of expanded the height of the table. It had less space before in that row of the table with the blue background. When I put the form in there, it kinda messed up the spacing. I essentially want to delete that space below bowl events to make the height of the row of that table like half the size. Any ideas? 3. For that same drop down menu, I'm trying to target each link in that menu to open up a new window (like target="_top"). But putting it after <option value="URL" target=..."> does nothing. Am I supposed to put it in the javascript? Here's what I have now: <script type="text/javascript"> function goToPage(dd) { var ind = dd.selectedIndex; if (ind == 0) { return; } var url = dd.options[ind].value document.location=url; } </script> <form> <select name="eventlist" onChange="goToPage(this); return false;" size="1" style="border: 0; BACKGROUND: navy; COLOR: white; FONT-FAMILY: arial; FONT-SIZE: 15px; font-weight: bold;"> <option value="">Bowl Events</option> <option value="http://www.bcsticketsnow.com/bcschampionship.html" onclick="header.location.href='_top'">BCS Championship</option> <option value="http://www.bcsticketsnow.com/rosebowl.html">2009 Rose Bowl</option> <option value="http://www.bcsticketsnow.com/orangebowl.html">2009 Orange Bowl</option> <option value="http://www.bcsticketsnow.com/fiestabowl.html">2009 Fiesta Bowl</option> <option value="http://www.bcsticketsnow.com/sugarbowl.html">2009 Sugar Bowl</option> <option value="http://www.bcsticketsnow.com/chickfilabowl.html">2009 Chick-Fil-A Bowl</option> <option value="http://www.bcsticketsnow.com/capitalonebowl.html">2009 Capital One Bowl</option> <option value="http://www.bcsticketsnow.com/cottonbowl.html">2009 Cotton Bowl</option> <option value="http://www.bcsticketsnow.com/holidaybowl.html">2009 Holiday Bowl</option> </select></form> 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>
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 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. 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 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. 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 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 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 ? 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 woops terribly sorry guys for my first post being a false alarm, i experimented a bit and fixed it. 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. 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 Hi Everyone, I'm slightly confused by this one. But i'm sure theres a hack out there to fix it. Basically, in firefox and konqueror, running on kubuntu, the top navigation bar at http://www.tendervendors.com/dev/payroll.html displays correctly, and when you hover over it, it fills the li with a semi-opaque background. This is correct. Its done, by filling the a element, with a background-color and then applying opaque: 0.5; The a element also has padding, which makes it fill out to the size of the li element, so the a element fills its portion of the ul, and looks like the li has the affect applied to it. However, in opera, the right and left padding is correct, but the height padding doesn't work. Does anyone know of a bug in opera that would be causing this problem, and possibly a code fix for it? TIA Matthew Millar A family friend has asked me to take over the maintance of her existing sitre. The current layout is very poor. Files are haphazzardly put in folders and nothing makes sense. Can someone suggest a tool that will let me donwload the entire site to my system and keep the same directory structure just so I can make a more understandable layout but lot lose any of the current content? Hey all, I was wondering if anybody had any pointers on this website I've been building. It looks alright so far in Firefox, but I've had some issues in IE. The link is: http://www.totaros.com/totaros new/index.html Specifically, -The image distortion on the menubar-what are the best types of images to save these as for compatibility in IE? -The menubar not resizing in IE with different resolutions -Aligning text next to pictures (such as on the Entertainment page). This works in FF, but not in IE. -Any other problems noticed. Thank you! I 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> |
|||||||