|
HTML - Html Letter Case Issue
Similar TutorialsI am a complete beginner in this field and I have been doing tutorials and experimenting on my own, but now I have a heading in which I would like to include capital letters to certain words, and I haven't been able to, I changed the font, the size, the heading type, and copy pasted tags from other sites and still on the browser all the letters are in small. Could someone give me a tip on adding Capital Letters ? It would be really appreciated cheers, I apoligise for what may seem a basic question but I have built a very large website in HTML 4.0, which runs fine in both IE7 and Firefox 3. Out of habit, I put the first letter of each name - folder, file, and image, in upper case. I have been told, however, that I shouldn't have done that as it could cause problems with some browsers. As there really is a very large number of folders, files, and images that I would have to change, and because the website works fine with IE7 and Firefox, I thought I'd ask what forum members know (or think). I've looked in my book on HTML and searched the Internet but have not managed to find the answer anywhere. TIA Tyger I am simply developing a HTML website page, on this page, there are two flag images(USA and Poland) which is used as a language selection of the page for users. I am wondering, for this single web page development (without any backend system), is there any efficient way to implement the page localization(that's display the page in different language) based on the flag selection from user? Thank you in advance for any help. Hi; How do you put in a letter counter on a web page. I make custom embroidery patches. As the person types in the text for the patch, I need to be able to count the number of key strokes and from that count be able to direct to the right page. How can this be done. I can do alittle coding but not very good at it yet. If there is someone out there that can help, I will be happy with any help I can get. Thanks. Hi: I want to place a large block of scrollable text (i.e., a news letter for my clients to view) on a page. The 'text' for this news letter 'page' will be taken from a database and will be planted in this scrollable block, and will have a text title and an author and a 'last edit date'. Any first thoughts on how to set up the basic markup for this scrollable block of text please ?? Thank you ! -Mel Smith Mesa, Arizona Hey, just getting back into web dev (after a long time and little time spent) My page has a container DIV, inside is a header DIV "idHeader", a main DIV "idBody", and a footer DIV "idFooter". I want the the height of both the header and the footer to be static, but the main DIV to stretch dynamically based on content (I have the footer DIV set to relative positioning, so it should move.. right?) I don't know what I've left out though, because my text overflows from the main under the footer and down the page. I imagine I've just missed something key. Here's the code, the colors are funny for observation. Code: <head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
*{
font:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
}
body{
background-color:#000000;
}
#idContainer{
background-color:#FFFFFF;
position:absolute;
left:50px;
width:800px;
height:100%;
}
#idHeader{
position:relative;
width:800px;
height:100px;
background-color:#FF0000;
}
#idBody{
position:relative;
overflow:visible;
width:800px;
height:100%;
background-color:#0000FF;
}
#idFooter{
position:relative;
width:800px;
height:200px;
background-color:#00FF00;
}
</style>
</head>
<body>
<div id="idContainer">
<div id="idHeader">
</div>
<div id="idBody">
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
<p>This is a paragraph. What a nice paragraph.</p>
</div>
<div id="idFooter">
</div>
</div>
</body>
</html>
Alright you know how you could make 1 css different for IE then FF. well thats what i want to know is it possible to have a different HTML for IE and FF? Ive been searching all day.. hi: this sort of fits in the php forum, but seems to fit better here. I am using php includes on a customers website. For some reason, the pictures are not aligning as they should. If i open the php file by itself, everything is aligned. When it loads in the index.php file as an include, it all goes astray... I've tried div align=left, aligns everthing to the left if i open the page by itself, but included in index.php it's all unorganized. check it out here and let me know what to do, i am in a real pickle here!!! http://www.tegbs.com Hello all! I'm getting this really weird HTML issue when opening my webpage on IE 9. You can visualize it he www.brancodemiranda.adv.br On Chrome it has no problems, but on IE I get two weird things: - I get another "main box" right below the correct one - The idiom bar div is messed up aswell Both showed up after I inserted the DOCTYPE tag (which I did to solve the IE-ignoring-hover problem), I've corrected a few compatibility errors already, but I'm kinda stuck on these. And since I don't have much time to go deep on solving it, I guess that someone here could give me some pointers on how to solve this. Any help is greatly appreciated! Thanks! Hi, I have many pictures withthe extension ".JPG" on the web site. In my code Code: <td><a href='../Photos/2011/DSC_0001.jpg' target='_new' title='Click to enlarge'> <img src='../Photos/2011/DSC_0001.jpg' width=100 height=75 border=0></a> <br>Photo1</td> They never show up, but if I replace "jpg" with "JPG", then everything is fine. Why? Thanks. Hey everyone. I've sliced this psd, and uploaded all the images to a server, used border="0". When I view the html file standalone in a browser, it appears fine. When I go to insert it into my email program, the different slices at the bottom are all spaced out in weird configurations, and I cannot for the life of me figure out how to change this. I'm only a couple months in to html, so please excuse my ignorance if this is a simple fix. It's images 4-10 that are giving me problems. HTML Code: <html> <head> <title>Final Emailer</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (Final Emailer.psd) --> <table id="Table_01" width="600" height="801" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="5"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_01.png"></td> </tr> <tr> <td colspan="5"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_02.png"></td> </tr> <tr> <td rowspan="4"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_03.png"></td> <td colspan="2"> <a href="mailto:info@shorehomeguide.com"><img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_04.png" border="0"></a></td> <td colspan="2" rowspan="2"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_05.png"></td> </tr> <tr> <td colspan="2"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_06.png"></td> </tr> <tr> <td rowspan="2"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_07.png"></td> <td colspan="2"> <a href="http://lynchprintingllc.wordpress.com/publications/home-improvement-guide/" target="blank"><img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_08.png" border="0"></a></td> <td rowspan="2"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_09.png"></td> </tr> <tr> <td colspan="2"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_10.png"></td> </tr> <tr> </table> <!-- End ImageReady Slices --> </body> hi, i tried looking through forums but couldnt find an answer. i hope u can please help! i have a photography ad up on a site that i use html for, its simply a block of code hosting a list/tall page of pics, one line/pic goes like this... <img src="http://img715.imageshack.us/img715/3126/img7899small.jpg"><br> the other lines in the text are the same code. problem is they all try to load up simultaneously causing a slow ad to see anything, potentially losing observers attention span. do u know if theres some code i can add to each line so each pic loads up fully before the next one begins to load and this starts at the top? this will help keep attention due to somin at the top loading straight away, thanks! Hello, I've been working on a very simple website for a friend, and run into an issue with text alignment when I print from IE (works fine in Firefox). The problem can be seen he While being displayed correctly on the screen, a big gap appears between the image an the body text during printing. As I am not even nearly an expert, I cannot figure out what causes the problem. Any help would be appreciated! Thank you! I have built a site for a friend using squarespace. They asked me to add this code to the site but it won't display correctly. Can anyone help? Thanks! http://www.thegalleryevents.com/about/ - here is the page I am trying to add it to. You can clearly see the purple line through it is wrong. <link href="http://assets1.onewed.com/edgy/themes/onewed/banner.v3.css" rel="stylesheet" type="text/css" /> <div class="onewed"><div id="banner1"><div class="vendortxt"><h2> The Gallery - An Event Boutique</h2><p> Desire Wedding Planners / Consultants? The Gallery - An Event Boutique is the best choice. Visit The Gallery - An Event Boutique at OneWed.com & create a <a href="http://www.onewed.com/reviews/wedding-planners-wedding-consultants/texas/tx/dallas/the-gallery---an-event-boutique/1927387/">wedding vendor review</a>. </p><p>Keeping track of all your wedding is fun with OneWed's <a href="http://www.onewed.com/apps/wedding-checklist/">wedding timeline</a>. Devise, edit and delegate tasks from picking a caterer to buying wedding lingerie. </p></div><div class="footer"> </div></div></div> Hi, I am trying to create a form that emails me a copy of the form results (if possible in a pretty format) and then redirects the user to another page. I don't want the user to use a .php or .asp page if possible, I would prefer to keep the user on a .html page. If its possible for the form to use an external page or code that the user never sees then this is fine. Cheers! Sam Hi All, Here is a small html file I have written. This is not formatting correctly in browser. Width is not recognised by browser. Thanks in advance for your help. Regards, Pratap Tripathy ---------------------------------- <html> <head> <TITLE>Analytical Method Report</TITLE> </head> <body> <center><p><b><u>Analytical Method Report</u></b></p></center> <table border=1 width="700px"> <tr> <td width="10px"> </td> <td width="80px">Method</td> <td width="10px">:</td> <td width="500px">11111111111111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111222222222222222222222222222222222222222222222222222222222222 2222222222222222222222222222222222222222222222222222223333333333333333333333333333333333333333333333 3333333333334444444444444444444444444444444444444444444444444444444455555555555555555555555555555555 55555555555555<</td> </tr> </table> </html> ---------------------------------- Below is my simple table from a more complex table. The issue I am having is the first <td></td> is variable height. In my second <td></td>, "abc" should be at the top in that <td> and "def" should be at the bottom in that <td>, leaving some <void> space in the middle which will shrink or grow based on the first <td> height. Any tag(s) can be used inside is the second <td></td> Any suggestions? Thanks Code: <table>
<tr>
<td><br><br><br><br><br><br><br><br></td>
</tr>
<tr>
<td>
abc
def
</td>
</tr>
</table>
For some reason, using <table align="center" width="85%"> at the following http://amazingfreegraphics.com/webfetti.html correctly shows the content in 85% of the browser in Internet Explorer, but still covers 100% in Mozilla. How do I fix in Mozilla? Is it possible to a background as a layer(that is the background is a centered layer no matter how big a monitor's screen is)? A simple javascript won't be bad, i'm still a html beginner, i've done the first part of a university course on html but i'm designing a website that may need some features more advanced than i've gotten in the course. Also, can someone explain to me how forums work or how they are written in html. I don't understand how to make a forum that can accept posts immediately (kinda like this one). Is a javascript necessary for forums? Thanks a lot ____________ conservatories Fruit Machines So I haven't done a site in some time, but I still got the very basic basics memorized. To guide me through my born-again virginity I tried a pre-built free web site. Everything was working great. I'd preview through Dreamweaver and the very basic site looked just fine. I now upload the site to the world wide web and parts of the HTML/CSS are not translating properly (in fact there are parts missing that should be there???). The first problem occurs in the section of the CSS called "PAGE". "Page" has a repeater called "img04" and "Page .bgtop" non-repeater called "img03_blue". "page . bgtop - img_03..." doesn't show up - but in preview it did. Any ideas on what's going on? Second, in the area tagged "MENU A" in the CSS the static background image called "img07_blue" doesn't show - again, in the preview it did, now nothing on the web. I assume its a similar issue to issue 1, but I don't know? This is for a web site my wife needs so any help would be greatly appreciated. I have attached the site for reference. Thanks, J |
|||||||