|
HTML - What Have I Done Wrong For Ie/firefox
hello all im new to the forums and new to webpage design most of what ive got below is goign through w3schools webpage and just nutting things out in dreamweaver i like how i can click and drag the dvs so i can place them anywhere on the page i wouldnt mind having the links in a neater style but im not sure what to do with them if you would liek a screenshot of the page im happy to upload one.
i am trying to make a website and when i load the page up in firefox and click anywhere other then the linked buttons it selects all the page but in I.E it dosnt do that and if there any hints and tips to make my page work better that worl be cool 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=iso-8859-1" />
<title>Web Design</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:171px;
top:33px;
width:564px;
height:86px;
z-index:1;
}
#Layer2 {
position:absolute;
left:9px;
top:314px;
width:208px;
height:36px;
z-index:2;
}
#Layer3 {
position:absolute;
left:10px;
top:374px;
width:206px;
height:29px;
z-index:3;
}
#Layer4 {
position:absolute;
left:10px;
top:431px;
width:205px;
height:35px;
z-index:4;
}
#Layer5 {
position:absolute;
left:11px;
top:486px;
width:204px;
height:35px;
z-index:5;
}
#Layer6 {
position:absolute;
left:5px;
top:270px;
width:204px;
height:33px;
z-index:6;
}
#Layer7 {
position:absolute;
left:295px;
top:268px;
width:321px;
height:67px;
z-index:6;
}
#Layer8 {
position:absolute;
left:407px;
top:330px;
width:200px;
height:58px;
z-index:6;
}
#Layer9 {
position:absolute;
left:14px;
top:649px;
width:204px;
height:35px;
z-index:5;
}
#Layer10 {
position:absolute;
left:11px;
top:539px;
width:204px;
height:35px;
z-index:5;
}
#Layer11 {
position:absolute;
left:12px;
top:593px;
width:204px;
height:35px;
z-index:5;
}
#Layer12 {
position:absolute;
left:14px;
top:700px;
width:204px;
height:35px;
z-index:5;
}
#Layer13 {
position:absolute;
left:471px;
top:739px;
width:204px;
height:35px;
z-index:5;
}
.style2 {color: #FFFFFF}
-->
</style>
</head>
<body bgcolor="#171509" background="" no-repeat;>
<table width="90%" height="770" border="2" cellpadding="0" cellspacing="0" bordercolor="#" bgcolor="#0110" background="Pictures/Background/BackgroundMozzieIt.gif" align="center">
<tr>
<td align="center"><div id="Layer1"><img src="Pictures/Banner/Mozzie Logo.gif" width="584" height="118" /></div>
<div id="Layer2"><a href="main.html"><img src="Pictures/Buttons/Home Button.gif" width="207" height="33" border="0" /></a></div>
<div id="Layer3"><a href="ourproducts.html"><img src="Pictures/Buttons/Products button.gif" width="207" height="33" border="0" />
</a></div>
<div id="Layer4"><a href="contactus.html"><img src="Pictures/Buttons/contact us button.gif" width="207" height="33" border="0" />
</a></div>
<div id="Layer5"><a href="aboutus.html"><img src="Pictures/Buttons/about us button.gif" width="207" height="33" border="0" />
</a></div>
<div id="Layer9"><a href="webdesign.html"><img src="Pictures/Buttons/web design button.gif" width="207" height="33" border="0" />
</a></div>
<div id="Layer10"><a href="mozzieclub.html"><img src="Pictures/Buttons/mozzie club button.gif" width="207" height="33" border="0" /> </a></div>
<div id="Layer11"><a href="consulting.html"><img src="Pictures/Buttons/consulting.gif" width="207" height="33" border="0" />
</a></div>
<div id="Layer12"><a href="specials.html"><img src="Pictures/Buttons/specials button.gif" width="207" height="33" border="0" />
<a></div>
</tr>
<div class="style2" id="Layer8">
<p>hi there
</p>
</div>
</body>
</html>
i have put the css code in the webpage is this recomended ? i couldnt get the page to work with a style.css page im not sure what i done wrong Thanks in advance Similar TutorialsHello all, Was wondering if you could help me please. Does anyone know if there is a way to fix this? First thing, the banners at the top are disjointed on the homepage only. Secondly, the Home link doesn't work on other pages. Finally, the margin on the right hand side does not exist. Many thanks mc_blue Hey I am wondering if someone can help me with a little problem, in Firefox my site http://www.fifesouthernrfc.com/1stxv_profiles.html, displays incorrectly.# It should be 2 columns of profiles split into 2 sections by a header. However the second header does not do this, but instead, pushes my 2 columns apart and splits the header in 2. Thanks for looking. Hello, everybody! I have a problem. This page: http://friends21.com/index.php/publi.../name_joecool/ displays properly in Opera and Firefox, but wrong in IE. I mean in IE for some reason header and footer are aligned left, while in Opera and Firefox it stays centered as it must be. On this site users are allowed to use html code for their profiles (like for example myspace templates). So this user inserted some code that moves headers to the left. (compare with other users: http://friends21.com/index.php/publi...name_drewness/ http://friends21.com/index.php/publi...administrator/) But I couldn't find what exactly in that code moves header/footer to the left and why it does so only in IE but not in Opera and Firefox. Anybody knows? Your help is very much appreciated. Thank you all in advance. I don't know how to even debug this because it works in firefox but not IE. I display a table and use PHP script to populate the table. In explorer, the "fellow" value gets SKIPPED and then the next value ("rcf_date") gets put into that td, so everything gets screwed up! Looking at the code I can't figure out what it is about it that explorer doesn't like. Why on earth would it skip the fellow field? Here;s the php code that displays the table: Here's a link to a screenshot of the table in IE: http://bp1.blogger.com/_cy0zia_bU_s/...screenshot.png Here is the code to display that table. Any help would be appreciated: Code: <?php require('secure.php');
include "dateheader.php";
include "connectdb.php"; ?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Active consult patient list</title>
<link href="stylesheets/simple.css" rel="stylesheet" type="text/css">
</head>
<?php
$query = "SELECT id_incr, patient_name, mrn, location, fellow, rcf_date, admission, consult_reason, impression, recs, comments ".
"FROM active_consults WHERE signoff_status = 'a' ".
"ORDER BY patient_name";
$results = mysql_query ($query) or die (mysql_error());
$num_pts = mysql_num_rows ($results);
$consultheading =<<<EOD
<table class="tablemargin" bgcolor="#CCCCFF" width = "98%" border = "1" cellpadding = "2"
cellspacing = "2" align = "left">
<th> Name </th>
<th> MRN </th>
<th> Loc </th>
<th> Fellow </th>
<th> Date of Consult</th>
<th> Reason for Admssion </th>
<th> Reason for Consult </th>
<th> Impression </th>
<th> Recs </th>
<th> Comments </th>
<th> Update patient </th>
</tr>
EOD;
echo $consultheading;
while ($row = mysql_fetch_assoc ($results)) {
?>
<tr>
<td bgcolor="#FFFFFF" >
<?php echo $row['patient_name'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['mrn'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['location'];?> </td>
<td bgcolor="#FFFFFF" ">
<?php echo $row['fellow'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['rcf_date'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['admission'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['consult_reason'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['impression'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['recs'];?> </td>
<td bgcolor="#FFFFFF" >
<?php echo $row['comments'];?> </td>
<td bgcolor="#FFFFFF" align="center">
<a href="editpatient.php?action=edit&id=<?php
echo $row['id_incr']; ?>">[edit]</a> </td>
</tr>
<?php
}
?>
<td bgcolor="#CCCCCC" colspan=11 align="left" class="fineprint"> Total active patients:
<?php echo $num_pts; ?></td></tr>
<td></td>
<tr>
</tr>
<tr><td align="center"><a href="newpatient.php">[ADD PATIENT]</a></td>
<td align="center" COLSPAN=4><a href="displaysignoff.php">[DISPLAY SIGNED-OFF LIST]</a></td>
<td align="center" colspan=3><a href="export.php">[EXPORT ALL PATIENTS (EXCEL)]</a></td>
<td colspan=3 align="right"><a href="http://www.hfhpulm.com">[HFHPULM.COM]</a></td>
</tr></table>
Could anyone please help me? I created a login form. And when it is alone on a web page it displays properly in all browsers: IE , Opera and Firefox: http://www.gpftt.com/a/html/ But when I insert it into a html template it remains good in IE but becomes wrong in Opera and Firefox: http://www.gpftt.com/a/html/ind.html I have tried everything I could - html and css editing. I removed all styles from the web page but it still remains wrong. I spent a whole day over it and still couldn't get it working. Can anybody tell me wtf??? Hi, I just changed some content in the middle of a oscommerce php page that I have been working with for a couple of years. I frequently add or change content in a table in this page. http://www.leavemeb.com/index.php Today, I added new stuff, pics, etc and used percentages in the tables to space things out well and so that when someone expands or condenses the browser window, the content adjusts accordingly. Now, in IE it shows up perfectly, yet in firefox on my mac it is very spaced out and can't even fit the whole page across without me having to scroll to the right to see the right collumn. Can anyone help me see what is not working here? I would be very grateful. I can't seem to see it. Nichole Hello, I am newbie, just has started my adventure with html. I tried to make an easy static site, without any additional thingd, but it occured a problem. 1. I mean, as I put table in table because I did know how to to id in different way, to make buttons on the left stay up while text on the right is moving- if I do normal table with 2columns and on the left lets say 5rows for buttons, on the right I unite all rows to make one big sort of box for contents, as I go down and try to write something morre, the rows from the letf were enlarging too If the size of explorer or firefox is nor full screen, the text in contents is going away (like now in lycos server, where screen is not full, but "cut" by advertise) 2. I have highlighted buttons, but not always works, why? (i mean it works, but darker buttons are charging so slow- maybe it is so because i saved them in pgn instead in gif, and each one is about 50kb?) -probably it is not this- because I have just changed into gif, and it is still the same 3. Another problem, as I post the site, I have notice, that in firefox I can not navigate with buttons, while in explorer yes, is it a fault of my coding, or of server where I put website? Here I post my website: http://members.lycos.co.uk/aniaacolgate/ Could someone take a look on the code, and will be so kind to correct me? It is a basic easy site of very begginger I just wanted to make a shape like this: - top: a banner - buttons in horizontal and vertical way - under buttons: contents (sincerly would like to put frames, but do not know how to put them there, is on the left there r buttons Thank you so much in advance for reply Sorry for mistakes in language Hello, I am pretty new to the whole html world so forgive me if this is a simple problem. I have look all over for a post explaing this problem but i haven't found anything. I am making a site for a friend using Dreamweaver. I know i know, i regret not coding it from scratch but its too late now. Anyways I have a pretty good page layout going now but I have ran into a problem with loading my images. On my home page an image in a table nested inside another table will load when viewing in safari but seems to disappear in firefox. What is going on? Its a pretty simple piece of code. I place; <img src="Pictures/RDV couplepalm.jpg" width="200" height="" style="float:right; padding: 8px; margin-left:10px; margin-bottom: 10px" / inside of a paragraph in a row of a table. I have rewritten the code for this image, copied it from a working image and screwed around with the table heights (although I wasn't too sure what i was doing). What else should I try? I have attached screen shots of the site in both browsers a copy of the problem jpeg aswell as a copy of the html. Any information anyone could givee me would be REALLY appreciated! Thank you. Hello. I need to know what i'm doing wrong in this code. Code: <html> <title>CoAlliance</title> <head><img src="banner.jpg"></head> <body> <table border="0" style="float: left;"> <tr><td><img src="button1.jpg"></td></tr> I added a banner, and when I add a picture for a button, I can't see it. Help me please. found the problem. Hi guys, new to the forum. Trying to put together a portfolio site: http://www.studioeighty.co.uk/portfolio/ I'm using a program called Coda-Slider which is JavaScript but for some reason only one of the arrows is showing. Any ideas where I've gone wrong? thanks in advance. studioeighty Hi all, I am quite new to HTML and i'm not too sure what I have done wrong. On one of my website pages I wanted to display 4 pictures in a grid of 2 by 2, this works fine but the text does not sit right. It is going up the middle of the pictures. How do I get it so that the text stays below the pictures and not going in between them? My website is www.flobbadobba.co.uk and the page I am having this issue with is the jigsaw puzzle page (www.flobbadobba.co.uk/puzzles.html) at the moment it is just this page that I am having the issue with but I'm sure I will get the issue on other pages later as I plan to do some similar layouts. Any help will be great. Simon Whats wrong with this code its not comming up when i try it HTML Code: <html>
<head>
<title> Buzz OFF!!! </title>
<script language="JavaScript">
<!- Hide from older browsers
alert("Press ok to start reformatting your hard disk");
// end hiding ->
</script>
</head>
</html>
O.K, I'm building my new website and using smart FTP client to upload my files. Please take a look at the website I'm building, how come it is like this? www.hautecoutureforkids.com When I click the .html buttons it works, but I don't want it like that. I want when I type in my website's name, the page appears automatically. I hope my explaination is not confusing. Please help Thank you in advance Ning I'm changing from HTML 4.01 to XHTML 1.0 Transitional now, but what are my errors here exactly? http://validator.w3.org/check?uri=ht...andersmj.dk%2F EDIT: Looks like there's only one error now, but please allow me to ask again if solving this one causes new ones. Hi All, I was hoping to start a site from scratch and muddle my through any issues that came up. I came across this article about how to auto size the background image and thought that it would give me a perfect start as I could get a nice background that would auto resize. http://css-tricks.com/perfect-full-p...kground-image/ I dunno what I am doing wrong but the background image never displays. Is anyone able to create me some test files that I can simply dump on my server and see if it works. Sounds silly i know but I cannot get the image to display and I am not sure why! Thanks Hey Guys I am trying to find the correct spot in the following link to add the no follow tag I tried as it is but my software on my site tells me its still do follow any help appreciated http://www.amazon.com/gp/product/B003VQQVDU/ref=as_li_ss_tl?ie=UTF8&tag=facdirjewclu-20&linkCode=as2&camp=217145&creative=399349&creativeASIN=B003VQQVDU" rel="nofollow">VIZIO M221NV 22-Inch Full HD 1080P LED LCD TV with VIA Internet Application, Black</a><img src="http://www.assoc-amazon.com/e/ir?t=&l=as2&o=1&a=B003VQQVDU&camp=217145&creative=399349" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /> Could you highlight where I have to put the no follow tag and if there needs to be a space like there is above thanks I have this line of PHP that keeps getting an error message about an unexpected "=" sign. if ($prevPage > $chapters[$chapter][0]) $out .= "<a href="/book.php?chapter={$chapter}&page={$prevPage}">Prev</a>"; As best I can figure it out the offending "=" is that one in "....?chapter={$chapter..." Can anyone tell me how to fix this, please? Ok, so I was using dream weaver to make a website for a school assignment. Everything was ok until I previewed the page in my browser and everything thing was way of context the table was stretched a lot more than it should have been, but everything looked perfect in design view in dreamweaver. I understand that the browser is going to be larger and the screen resolution will be away out, but I'm not sure how to fix it, what do I need to change to get a good layout. Thanks. Here is the code. Code: <html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" bgcolor="#FFFFFF">
<table width="72%" border="0" cellspacing="0" cellpadding="4">
<tr>
<td rowspan="2" bgcolor="#666666"> </td>
<td width="50%" height="141" bgcolor="#000099"><div align="center"><img src="mm/stationery/CatalogB/golf ballistics.jpg"
width="700" height="200"></div></td>
</tr>
<tr>
<td height="97" align="center"><table width="72%" height="35" border="0" cellpadding="4" cellspacing="4">
<tr bgcolor="#CCCCCC">
<td bgcolor="CCCCCC"> <div align="left"><strong><font face="Tahoma">
</font></strong>
<div align="center">
<div align="center">
<pre> <strong><font color="#339966" face="Tahoma"> </font></strong></pre>
<pre><strong><font color="#339966" size="3" face="Tahoma"><a href="www.example.com">Home Online shopping
forum Equipment </a> </font></strong></pre>
</div>
</div>
</div></td>
</tr>
</table>
</td>
</tr>
</table>
<table width="399" height="612" border="0" align="center" cellpadding="4" cellspacing="0">
<tr valign="TOP">
<td width="19%" rowspan="2" valign="top" bgcolor="CCCCCC"> <p align="center"><font face="Tahoma">Harrington
Tops Woods</font><br>
<br>
<img src="woodsharrington111906_400.jpg" width="195" height="201"></p>
<p align="center"><nobr><font face="Times New Roman, Times, serif">: <ABBREV>Padraig
Harrington made a dramatic late comeback to catch Tiger Woods,
then beat the world's No. 1 player on the second playoff hole Sunday to win the
Dunlop Phoenix tournament in Japan. Both players birdied the 72nd ho
to shoot 67 and finish at 9-under-par 271: </ABBREV></font></nobr></p></td>
<td width="38%" height="336" bgcolor="#CCCCCC"> <img src="tshirt.jpg" width="133" height="164"><br>
<p><nobr><strike>Was £39.99</strike></nobr></p>
<p>Now £15.99<nobr></nobr></p>
<p><nobr><a href="#">Add to Cart</a></nobr></p></td>
<td width="43%" bgcolor="CCCCCC"> <p><img src="DWTM110L.jpg" width="154" height="152"></p>
<p><strike>Was: £299.99</strike> <br>
</p>
<p>Now: £99.99 <br>
</p>
<nobr><a href="#">Add to Cart</a></nobr></td>
</tr>
<tr valign="TOP">
<td bgcolor="CCCCCC"> <p><img src="nw.jpg" width="135" height="148"></p>
<p><strike>Was: £199.99</strike> <br>
Now: £99.99 </p>
<p><a href="#">Add to Cart</a></p></td>
<td bgcolor="CCCCCC"> <p><img src="cl.jpg" width="151" height="149"></p>
<p><strike>Was: £149.99</strike><br>
Now: £129.99 <br>
</p>
<p> <nobr><a href="#">Add to Cart</a></nobr></p></td>
</tr>
</table>
<table width="92%" border="0" cellspacing="0" cellpadding="4">
<tr>
<td width="0%" align="center" valign="top" bgcolor="#000099"> </td>
<td width="100%" valign="top">
<p> </p>
<table width="90%" border="0" cellspacing="4" cellpadding="4" align="center">
<tr bgcolor="BottomNavigationColor">
<pre><td> <a href="www.example.com"><align="center"> Contact us | Terms
and conditions | Help </a></td></pre>
</tr>
</table></td>
</tr>
</table>
<table width="92%" border="0" cellspacing="0" cellpadding="4" bgcolor="#999999">
<tr align="right">
<td bordercolor="#999999" bgcolor="#CCCCCC"><em><a href="www.example.com"><strong>Back to top</strong></a></em></td>
</tr>
</table>
</body>
</html>
|
|||||||