|
HTML - Peoblem With Fixing The Border
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 Similar Tutorialshey im having a problem with trying to center a image in the center column of a three column layout can someone please help??? here is my code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd"> <html><head><title>[KWG]. Kids With Guns</title> <style type="text/css"> @import url(all.css); body { margin:10px 10px 0 10px; padding: 0; background-color: #66CCFF; } #header { background:#FFF url(nfbanner.gif) no-repeat center top; padding-top:150px; border:1px solid #E0E0E0; border-bottom:0; } #leftcontent { position: absolute; left:11px; top:181px; width:192px; background:#E0E0E0; border:1px solid #E0E0E0; } #centercontent { background:#E0E0E0; margin-left: 199px; margin-right:199px; border:1px solid #E0E0E0; voice-family: "\"}\""; voice-family: inherit; margin-left: 201px; margin-right:201px; } html>body #centercontent { margin-left: 201px; margin-right:201px; } #rightcontent { position: absolute; right:10px; top:181px; width:192px; background:#E0E0E0; border:1px solid #E0E0E0; } #banner { background:#fff height:40px; border-top:1px solid #000; border-right:1px solid #000; border-left:1px solid #000; voice-family: "\"}\""; voice-family: inherit; height:39px; } html>body #banner { height:39px; } p,h1,pre { margin:0px 10px 10px 10px; } h1 { font-size:14px; padding-top:10px; } #banner h1 { font-size:14px; padding:10px 10px 0px 10px; margin:0px; } #rightcontent p { font-size:14px } .imagecenter { margin: 0 auto; } </style> <body> <div id="header"> <a href="#">Home</a> | <a href="#">GuestBook</a> | <a href="#">Blog</a> | <a href="#">Forum</a> | <a href="#">Links</a> | <a href="#">Clan Members</a> | <a href="#">Downloads</a> | <a href="#">Enemies and Allies</a> | <a href="#">Rules</a> | <a href="#">Chat Room</a> | </div> <div id="leftcontent"> <h3>Scrims</h3> <p>Scrim Results</p> <p>Organize to scrim with [KWG].<p> </div> <div id="centercontent"h3 id="pageName">Home</h3> <BR> <br /> <br /> <img src="kwg shots.gif" class="imagecenter"/> <BR> <BR> <h3 style="width: 100%; padding-botton: 10px; border-bottom: solid black 1px;" ><font color="#FF9900">Welcome</font></h3> <p> Hey and welcome to [KWG]. nightfire clan site please enjoy the site. Our clan is new and we hope to be successful so can all members please follow all rules we have and enjoy being in our clan. [KWG]. Clan leaders are Jewou and SniperElite so if you have any problems please speak to them </p> <h3 style="width: 100%; padding-botton: 10px; border-bottom: solid black 1px;" ><font color="#FF9900">News</font></h3> <p> [KWG].Clan is now running try outs to recruit there members. The try outs will take place in CTF_Romania. Jewou will be organizing the try outs so if you would like to join [KWG]. Please speak to Jewou in GSA, in game or post in our blog or forum to arrange a time for a try out with him. <p> </div> <div id="rightcontent"> <h3 align="center">GSA</h3> <p></p> <h3>The Site<h3/> <p>This site was created by: [KWG]SniperElite{NC}<p> </div> </body> </html> Hi, I am using Dreamweaver CS3 to create a site, by default i have learnt that when you use an image as a link to another page, dreamweaver creates a coloured border around your linked image. I have since been able to get rid of this border by adding border="0" into my img tag however this now has caused my rollover not to work before clicking on the image to take you to the linked page. this is my code; any ideas how i can fix this? <td colspan="4"> <a href="About Us.html"><img src="images/About_Off.jpg" border="0" alt="About Us" name="Aboutus" width="120" height="64" id="Aboutus" onMouseOver="MM_swapImage('Image2','','images/About_On.jpg',1)" onMouseOut="MM_swapImgRestore()"></a></td> <td colspan="6"> Any help would be greatly appreciated. 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. 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 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 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 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. woops terribly sorry guys for my first post being a false alarm, i experimented a bit and fixed it. 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? 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. 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 ? 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 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> 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. 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> I 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 |
|||||||