HTML - Having Trouble Fixing Font.
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? Similar TutorialsDoes anyone know of a font face generator that can convert a TTF or OTF font file into the 4 formats (woff, svg, eot, ttf), that's not font squirrel? That site only supports English fonts with a very low file size limit, and can't convert any foreign fonts. Already tried http://onlinefontconverter.com as well, doesn't work either as I waited like an hour then the server simply deleted my uploads without so much as an error pop-up lol, and now the website is not responding. This is for usage in CSS using the @font-face function. Thanks. Hello, When I try to set a font in HTML it works, but if I set a rule in my CSS to set the same font, it doesn't. Here are the three things I do (not at the same time of course): <font face="Verdana, Tahoma, Arial, Helvetica"> ... ... ... </font> vs body { font-family: Verdana, Tahoma, Arial, Helvetica; } or even... body { font: Verdana, Tahoma, Arial, Helvetica; } Out of all of those, only the first can change the font in my browser...is this a CSS issue because, somehow, the browser has superiority over CSS, and HTML has superiority over the browser? I would appreciate input. Thanks. 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 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. 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 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 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 ? 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 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 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. 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. woops terribly sorry guys for my first post being a false alarm, i experimented a bit and fixed it. 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. 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 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 followed this help post http://www.htmlforums.com/html-xhtml...ie-108215.html, and i got to a certain point but now im stuck. I wanted to remove the big space that you see under the header. the link to my blog is http://kumarradio.tumblr.com. and the coding of the blog is posted as an attachment. heres the new line i added for a faster reference. <body> <h1 align=center><img src="http://img69.imageshack.us/img69/6729/newn.gif" id="" alt=""/></a> </h1> what should i change so that the space is removed ? |