|
HTML - First Time Html - Ff Ie Problems
Hello,
I'm creating my very first website, using notepad. For some reason my images do not display in Firefox, and in Internet Explorer the middle column is pushed way down into the page but the images DO display. My website seems to work just fine in Chrome and Safari. Can anyone take a look at the code and tell me what I did wrong? http://www.moorestock.com Thank you Similar TutorialsOK this is the first time I've tried playing around with HTML, and obviously my first time using an HTML forum. If I mess this post up please understand. Basically I have text that is being cut off early (white text on blue, blue ends and white text is lost in the white next to it) and I wanted to know if there is a way to get the text to move to a new line instead of being cut off early. This way it will remain in the blue background. I have removed what I believe is the important stuff Basically it looks like this: Code: <body background="path_to_background.jpg"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td><div class="wh">Some_Sort_of_Title</div></td> </tr> <tr> <td height="100" valign="top"> <br><font color="white">THIS IS THE TEXT THAT GETS CUT OFF AND THAT I NEED TO FIX BECAUSE IT IS TOO LONG </font> </td> </tr> <tr> <td align="right"> <some unimportant stuff for downloading a pdf a></a> </td> </tr> </table> </body> So as you can see it is that <font> </font> section that I'm trying to rectify as my background is not the width of a full page. Even if you just refer me to a beginners guide of some sort that could help me out that would be awesome. Thanks guys Hi Experts! I have a very clear idea of what I want my html/JavaScript to do, but absolutely no idea how to accomplish it... so I'm really counting on your help! Here is the challenge: I have two text boxes. I want people to be able to type numbers in the first box, and while they type in the first box, I need the second box to immediately display the same number typed in the first box, but multiplied by 4. Is it possible to write a code that would perform such calculation in real-time? I'd greatly appreciate your help! the website is http://jamesthecoach.com/ If you look at the first lines of the body text "win the battle within.", I just need to move everything in that column up so that there's only about a half centimeter space between the Get Extraordinary header image and the body text. I've been trying to fix this all day, and for the life of me I can't figure it out. If anyone can help me out, I would totally appreciate it and am willing to pay $10 via PayPal if anyone can help me figure this out within the next 48 hours. Thanks! Hi! I would like to know if it's possible to link informations located in an html file into another html that would be displayed on a web page. I'll explain my situation: I'm managing a simulated hockey league and the simulator I'm using generates after each simulation many html files that contains infos about standings, injurues, etc... What I would like to do is to, rather than putting buttons on my main websites to access the plain black&white html file, take the info inside these html and put them directly on a better web site interface, all this automatically. In a way that I only have to code once my main webpage so it can read my generated html files (that always keep the same file name) and updates my nicely designed web page each time I put newer htmls on my web ftp. Is it possible? Thank you very much for your help. Hello members of HTML forum. I'm having some troubles with some HTML. I want to remove the space between 2 images, but if I remove to <p> tag, the website will just become chaos. The area I want to remove: Source: Quote: <body bgcolor="black"> <center> <img alt="Diablo" src="image1.jpg"><a href="http://adscendmedia.com"><img src="image2.jpg" alt="Download" /></a><img alt="Diablo" src="image3.jpg"> <p> <img alt="Diablo" src="frame1.jpg"><iframe width="822" height="536" src="http://www.youtube.com/embed/f_k9vL18YCQ" frameborder="0" allowfullscreen></iframe><img alt="Diablo" src="frame2.jpg"> <img alt="Diablo" src="image4.jpg"> Does anyone know how to fix this problem? Thanks Hi Team, I'm having problems formatting images in HTML. Here is my site: http://ledtvprices.org.uk/ I would like to "left align" the merchant logo buttons at the top so that they all sit above the H1 Tag and start from the left to the right, rather than the middle of the page. I'd also like to left align all the tv images and space them all out evenly. How do I achieve this in HTML? Thanks. Sunil. Reply With Quote ok i know i just made a thread very similiar to this one, and yet it isnt. i found this new code on a site and i want to use it. i have added my own banner, my own buttons and now i want the the button to link to the "Content goes here" place. which seems impossible for me! i can only make the links open up a new window, cant make it open up on same page in the spare fields of the design. any help is appreciated. the reason i change to this is that this should be better for more browsers than the other design i hade picked first. <html> <table cellspacing="1" cellpadding="0" border="0" bgcolor="black" id="shell" height="250" width="400"> <tr height="50"><td colspan="2" bgcolor="white"> <table title="Banner" id="banner" border="0"> <tr><td><img src="banner.gif" width="600" height="200"></td></tr> </table> </td></tr> <tr height="400"><td bgcolor="white"> <table id="navigation" title="Navigation" border="0"> <tr><td><a href="home.htm" target="content"><img border="0" src="homeknap.gif" width="80" height="21"></a></td></tr> <tr><td><a href="about.htm" target="content"><img border="0" src="joinusknap.gif" width="80" height="21"></a></td></tr> <tr><td><a href="join.htm" target="content"><img border="0" src="aboutknap.gif" width="80" height="21"></a></td></tr> </table> </td><td bgcolor="white"> <table title="Content" id="content" border="0"> <tr><td>Content goes here</td></tr> </table> </td></tr></table> </html> I'm trying to modify my template on my website - as I've found one I want to use as a base (It's open source, and we've got permission to edit it), but I don't understand a word of what is in the HTML as most of it is PHP, with maybe the odd div container thrown in. If you visit the site, he www.omgpcgames.com, all I want to do is stretch that header out across the top, instead of being a small image on the right hand side. I'm aware this will involve re-ordering modules, so I'm not overly sure about what I am doing. If anyone can make any sense out of this, please can you give me a pointer in the right direction? HTML Code: * You can use and modify this template any way you like, but it would be
* kind to have a link back to www.gameon.be, doesn't matter how/where...
*/
defined( '_JEXEC' ) or die( 'Restricted access' ); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>">
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<!--[if IE 7]>
<style type="text/css">.vertmenu li ul { float: left; position: relative; bottom: 15px; }</style>
<![endif]--> <!-- IE 7 fix for vertical header menu; I think FF 2 also needs this, but since I don't use this and don't like hacks... -->
<!--[if IE 6]>
<style type="text/css">.popular { position: relative; bottom: 99px; }</style>
<![endif]--> <!-- IE 6 fix for user4, which needs to be on same height as user3 -->
</head>
<body>
<!-- header -->
<div class="header">
<!-- user1 (fex: menu (enable 'always show submenu items')) -->
<?php if ($this->countModules('user1')) : ?>
<div class="<?php echo $this->params->get('gomenuType'); ?>"> <!-- horizontal of vertical (left/right) -->
<jdoc:include type="modules" name="user1" style="xhtml" />
</div>
<?php endif; ?>
<!-- user2 (fex: banner) -->
<?php if ($this->countModules('user2')) : ?>
<div class="banner">
<jdoc:include type="modules" name="user2" style="xhtml" />
</div>
<?php endif; ?>
</div>
<!-- content -->
<div class="contentcontainer">
<!-- left column -->
<?php if ($this->countModules('left')) : ?>
<div class="containerleft">
<!-- title (set in template menu) -->
<div class="titlecontainer"><?php echo $this->params->get('leftMenuTitle'); ?></div>
<!-- show content set to left -->
<div class="stylemenu">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
</div>
<?php endif; ?>
<!-- right column -->
<?php if ($this->countModules('right')) : ?>
<div class="containerright">
<!-- title (set in template menu) -->
<div class="titlecontainer"><?php echo $this->params->get('rightMenuTitle'); ?></div>
<!-- show content set to right -->
<div class="stylemenu">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
</div>
<?php endif; ?>
<!-- middle column: size of middle column depends on the use of left/right columns -->
<div class="containermiddle_<?php echo $this->countModules('left')>0; ?>_<?php echo $this->countModules('right')>0; ?>">
<!-- title (set in template menu) -->
<div class="titlecontainer">
<?php if ($this->params->get('middleMenu')=='breadcrumbs') { ?>
<jdoc:include type="modules" name="breadcrumbs" style="xhtml" />
<?php } else { echo $this->params->get('middleMenuTitle'); } ?>
</div>
<?php if ($this->countModules('user3 or user4')) : ?>
<div class="containerlatestpopular">
<!-- user3 (fex: latest articles) -->
<?php if ($this->countModules('user3')) : ?>
<div class="latest">
<jdoc:include type="modules" name="user3" style="xhtml" />
</div>
<?php endif; ?>
<!-- user4 (fex: most read articles) -->
<?php if ($this->countModules('user4')) : ?>
<div class="popular">
<jdoc:include type="modules" name="user4" style="xhtml" />
</div>
<?php endif; ?>
</div>
<?php endif; ?>
<!-- user5 (fex: newsflash) -->
<?php if ($this->countModules('user5')) : ?>
<div class="newsflash">
<jdoc:include type="modules" name="user5" style="xhtml" />
</div>
<?php endif; ?>
<!-- show articles -->
<jdoc:include type="component" style="xhtml" />
<!-- footer -->
<div class="footer">
<span>template by<a href="http://www.gameon.be" target="_blank">www.gameon.be</a></span>
<?php if ($this->countModules('footer')) : ?>
<jdoc:include type="modules" name="footer" style="xhtml" />
<?php endif; ?>
</div>
</div>
</div>
</body>
</html>
hi i got a problem on my website.. coz when i browse my site using mozilla firefox it all happens ok.. all the buttons were ok. it displayed sumthin on the iframe.. but when i uses the IE7 i found out that theres no display on the frame when i click the home button.. please help.. i check the source but i didnt find any problem. help me.. heres the site please check it.. http://www.radissonagro.com Ok i am trying to make a website that accepts paypal as a payment. When preview the page and click the buy now button it goes to a paypal url and just displays this on the top of the screen - The request for this page was badly formed: it contained more than one "cmd" parameter, as follows: '_s-xclick' '_xclick' please tell me how to fix this and what i can do to get it working thanks for your help Okay so i was trying to do a site using photoshop then dreamweaver but it always messed up during the coding. So a nice fella here in htmlforums told me to try tables so okay i tried it and well it worked out really well for the most part. but it's just that it is my first time trying tables and this is what i want http://www.og-guild.com/ and this is what i currently have www.da-nexgen.com dont think im stealing their stuff it's a commonly used layout for guild websites. But in my site you can see things are not really all set fine for example my navigation menu has spaces between them when hey should be real close together. and the biggest problem i have is that i want to have all the site stuff in the middle in 800w and the outer background a different color sort of like the one in og-guild.com. can you guys please help me In order to make online web-based games, I have started learning HTML as a first step. I tried to make an identical front page as the one I play the game at to put a challenge on how can I find solutions to make an identical page using my own ideas. I did it but I still have some problems: 1. my page only works on firefox if I try it on IE ...It's totally a mess. 2. whenever I try to enlarge the font ...everything gets mixed up & the page loses its shape. here's the original page: http://www.soccermanager.com/ & this is my page: http://www.freewebs.com/gasper000/frontpage.htm feel free to comment or to tell me how can I solve those problems. I want to create a simple one page html site where I can collect money from a person through paypal in exchange I would send them brand new factory sealed items I already got the PayPal buttons needed but how do i link the pictures of items to the buttons? The goal is for the person to send me money as a gift so PayPal does not charge me any help i would be greatful Hi everybody, I am trying to understand why the newsletter attached shows in different ways on different PC (using outlook looks fine, using hotmail online and others ISP looks crap)... Here is the HTML: HTML 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>Hotech Edge Ltd - Newsletter August 2008</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #FFFFFF;
}
.style1 {color: #009933}
.style2 {font-size: 9px}
.style13 {font-weight: bold; color: #009933;}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #009933;
font-weight: bold;
}
a:link {
text-decoration: underline;
}
a:visited {
text-decoration: underline;
color: #009933;
}
a:hover {
text-decoration: none;
color: #009933;
}
a:active {
text-decoration: underline;
color: #009933;
}
h1,h2,h3,h4,h5,h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
h1 {
font-size: 9px;
color: #009933;
}
-->
</style></head>
<body>
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="98" colspan="3" class="style2"><img src="top_bkgr.jpg" width="600" height="98" /></td>
</tr>
<tr>
<td width="36" valign="top" class="style2"><img src="left_bkgr.jpg" width="36" height="852" /></td>
<td width="497" align="center" valign="top"><table width="487" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" align="left" valign="top"><h1><br />
A warm welcome to our first issue of Hotels Un-wired, a regular e-newsletter
from Hotech Edge. </h1>
<p>Our aim is to help you get to know our company better - what we’ve been up to, what we are planning to do, what interests us and how our clients are using and benefitting from the leading edge wire-free products and systems we have developed. We also hope to shed a little light on the ZigBee technology that underpins our products and on the great potential it holds for hoteliers and all those building and refurbishing hotel properties. <span class="style2"><br />
<br />
</span><a href="http://www.hotechedge.com/e-newsletter/issue1/casestudy.html" target="_blank">Case Study: Apollo Hotel</a> - Please take some time to read this short case study.<br />
<br />
Phrases such as "total online building control" or "ZigBee enabled wire-free meshes" may seem obscure, if not alarmingly futuristic. So, instead, imagine bedrooms where all the energy consuming devices automatically shut down when the guest checks out, or running electronic devices on no more than a single set of A4 batteries for three years, or refurbishing a heritage building without having to open up walls for wires... Incidentally, if you are wondering about the curious term, "ZigBee" - well, it was inspired by bees. </p></td>
</tr>
<tr>
<td width="300" align="left" valign="top"><br />
The success and future of a colony of bees depends on the continuous communication of vital information between every member of the colony. The technique that honeybees use to communicate new-found food sources to other members of the colony is known as the ZigBee Principle. Using this silent, but powerful, communication system, whereby the bee dances in a zig-zag pattern, it is able to communicate location, distance and direction of newly discovered food sources.<br />
<br />
<span class="style1">Geoff Wales</span> - CEO, Hotech Edge<br />
<br />
For more information about Hotech Edge, please visit <a href="http://www.hotechedge.co.uk" target="_blank">www.hotechedge.co.uk</a></td>
<td width="300" align="center" valign="top" class="style2"><table width="245" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="baseline"><h1><br />
Tired of being wired?</h1></td>
</tr>
<tr>
<td height="137"><img src="pic_1.jpg" width="245" height="137" /></td>
</tr>
<tr>
<td align="left" valign="top"><blockquote> Hotech Edge reveals most <br />
advanced full wire-free mesh network for hotels...<br />
<a href="http://www.hotechedge.com/e-newsletter/issue1/article01.html" target="_blank" class="style13">more></a></blockquote></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center" valign="top"><table width="245" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="baseline"><div align="left">
<h1>Hotech @ HITEC</h1>
</div></td>
</tr>
<tr>
<td height="137" class="style2"><img src="pic_2.jpg" width="245" height="137" /></td>
</tr>
<tr>
<td height="60" align="left" valign="top"><blockquote> The ZigBee wireless revolution is happening now, and fast, for hotels worldwide...<br />
<a href="http://www.hotechedge.com/e-newsletter/issue1/article02.html" target="_blank">more></a></blockquote></td>
</tr>
</table></td>
<td align="center" valign="top"><table width="245" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="baseline"><h1>Be Safe. G-Safe</h1></td>
</tr>
<tr>
<td height="137"><img src="pic_3.jpg" width="245" height="137" /></td>
</tr>
<tr>
<td height="60" align="left" valign="top"><blockquote> It literally costs nothing to install our wire-free online safes in your guestrooms...<br />
<a href="http://www.hotechedge.com/e-newsletter/issue1/article03.html" target="_blank">more></a></blockquote></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center" valign="top"><table width="245" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="baseline"><div align="left">
<h1>Global Know-How,
Local Perspective</h1>
</div></td>
</tr>
<tr>
<td height="137"><img src="pic_4.jpg" width="245" height="137" /></td>
</tr>
<tr>
<td align="left" valign="top"><blockquote> London-based Hotech Edge ensures hands-on support for all its customers...<br />
<a href="http://www.hotechedge.com/e-newsletter/issue1/article04.html" target="_blank">more></a></blockquote></td>
</tr>
</table></td>
<td align="center" valign="top"><table width="245" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="baseline"><div align="left">
<h1>G-Lock Adds to
Wire-free Revolution</h1>
</div></td>
</tr>
<tr>
<td height="137"><img src="pic_5.jpg" width="245" height="137" /></td>
</tr>
<tr>
<td align="left" valign="top"><blockquote> New cutting edge door lock introduced by Hotech Edge...<br />
<a href="http://www.hotechedge.com/e-newsletter/issue1/article05.html" target="_blank">more></a></blockquote></td>
</tr>
</table></td>
</tr>
<tr>
<td height="43" colspan="2" align="center" valign="middle"><div align="center"> <a href="http://www.hotechedge.com/e-newsletter/issue1/email.html" target="_blank">Not displaying properly? ...click here...</a></div></td>
</tr>
</table></td>
<td width="67" valign="top"><img src="right_bkgr.jpg" width="67" height="852" /></td>
</tr>
<tr>
<td height="32" colspan="3" align="center" valign="middle" bgcolor="#366261"><table width="570" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="190" height="12"><div align="left">
<p><a href="mailto:info@hotechedge.com" target="_blank">info@hotechedge.co.uk</a></p>
</div></td>
<td width="190" height="12"><div align="center">
<p><a href="http://www.hotechedge.com" target="_blank">www.hotechedge.com</a></p>
</div></td>
<td width="190" height="12"><div align="right" class="style1"><strong>
+44 (20) 7908 5100
</strong></div></td>
</tr>
</table> </td>
</tr>
</table>
</body>
</html>
Thanks... Marco Hi! I'm pretty new to html, I'm trying to build my own fairly simple website using 123 reg Instant site and I want to make it from scratch with my own banners and buttons etc. I've been playing around putting some images up on the webpage, but I'm having problems getting the images to stay put, they move around when the browser window gets made smaller/bigger. heres the link to the website http://handbagshandbagshandbags.co.uk/ Any help would be really appreciated! Hi guys, I've created an advert with some affiliate links in that I want to display on my main pages of my website. I have only fairly recently jumped into the world of web design/development so I've probably not made the most efficient page. The advert is layed out inside a table that is 4 columns and 2 rows and everything seems fine when I view that page. Except, when I put this page into my main pages (via an iframe) it shows nearly correctly, but the alignment is slightly off: the second column in is a few pixels down than the others. I have checked the coding over and over to no avail. Is there maybe a reason for this? Or some tips that you could give? I did try yesterday by just copying and pasting the code directly from the advert page to the main pages which require them - but that's a whole new can of worms! The alignment of that attempt was beyond a joke (even then I couldn't work it out...). Many thanks in advance for your ideas. This is a table related issue. Is it possible to have one long row for your first row and then have 2 small columns on the 2nd row? I tried
Code: <table border="1" align=center cellspacing="1"> <tr><td background="./images/topbanner.gif" width="512" height="22"></td></tr> <tr><td bgcolor="#0099FF" width="22" height="22"></td><td> </td></tr> </table> And that didn't appear to work..it makes another column on the first row.. Hi, and thanks in advance for those who have a look at this issue. As an amateur webmaster, this question may seem extremely simple, but after working on it a while I have not been able to make it work. What I have is a solid bar running down the left side of the page, and I only want it to take up 20% of the page, I would like to then create the main page contents to the right of that bar taking up the remaining 80% with a white background. I was able to get the table set up for the side bar, but could not seem to start another one for the rest of the page. Like I said, this is an amateur speaking, so the answer may be very simple. Here is the html I have written so far: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style href>a {text-decoration: none} </style> <title></title> <body bgcolor="#FFFFFF" text="#000000" link="#D8F0E3" vlink="#246B44" alink="#9ED9B8" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <style type="text/css"> body {text-align: left; } </style> <table width="20%" border="0" cellspacing="0" cellpadding="10" height="3" bgcolor="#006699"> <td align="center" valign="middle"> <font face="Verdana" size="4" color="#FFFFFF">Round Table Quotes Association <br> <style type="text/css"> body {text-align: left; } </style> </head> <br> <font face="Verdana" size="2"><a href="about.html" target="_blank">About</a><br><br> <font face="Verdana" size="2"><a href="cv.html" target="_blank">Authors Index</a><br><br> <font face="Verdana" size="2"><a href="submit.html" target="_blank">Submissions</a><br><br> <font face="Verdana" size="3" color="#FFFFFF">Table of Contents<br><br></font> Can someone tell me the code I will need to created the field to the right of the bar which will be inline with the bar and its contents, but filling up the remainder 80% of the page? Thanks so much, htmldad |
|||||||