|
HTML - Table Messed Up In Opera!
Hey,
Well, I made this webpage, and when I preview in IE its ok, but in opera theres something messed up. I use table (I know thats bad, but I'v got it to work before), and I use css to script hoover images(buttons) in the menu and stuff. When I preview these in Opera, it shows both the ordinary image, and the hoover image partially overlapping and making the table bigger and messe sup everything. Any ideas? Similar TutorialsHi! I'm a Opera diehard since I know it's the only browser that does all measures (height/width/etc) 100% correct. And usually when something doesn't show up right in another browser I have different kinds of 'backups' ready, but this time I'm pretty lost. This is the thing I'm busy with: test.html (As you might notice it's pretty much based on the old YouTube menu.) It really only shows up fine in Opera but just to show you guys what it looks like in the other browsers: All Browsers - Picture The codes (test.html): Quote: <html> <head> <title>TEST</title> </head> <body style='background:white'> <center> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="177" height="28"></td> <td width="130" height="28" align="center" valign="middle" background="active.png"> <font color="#333333" size="2" face="sans-serif"><b>Link 1</b></font></td> <td width="130" height="28" align="center" valign="middle" background="inactive.png"> <a href="link2.html" style="text-decoration: none;"> <font color="#003399" size="2" face="sans-serif"><b>Link 2</b></font> </a></td> <td width="130" height="28" align="center" valign="middle" background="inactive.png"> <a href="link3.html" style="text-decoration: none;"> <font color="#003399" size="2" face="sans-serif"><b>Link 3</b></font> </a></td> <td width="130" height="28" align="center" valign="middle" background="inactive.png"> <a href="link4.html" style="text-decoration: none;"> <font color="#003399" size="2" face="sans-serif"><b>Link 4</b></font> </a></td> <td width="177" height="28"></td> </tr> <tr> <td background="bar.png" colspan="6" width="874" height="37" align="center" valign="middle"> <form id="form" method="post" action="formcorrect.php" enctype="multipart/form-data"> <font color="#333333" size="2" face="sans-serif">URL:</font> <input type="text" name="url" size="40" value=""> <input type="submit" name="submit" value="Send"> <input type="hidden" name="config" value="0""></form> </td> </tr> </table> </center> </body> </html> (Also available over here.) The form isn't active, nor are the pages linked to Link 2-4. The meaning obviously is that the input is centered (align and valign) in all browsers. The pictures used: 1x active.png: 130 x28px (white on the sides included) 3x inactive.png: 130 x28px 1x bar.png: 874 x37px (colspan=6) 2x 177 x28px (= free space on both sides of top row) Calculation: 177 + 130 + 130 + 130 + 130 + 177 = 874 Well, I think that's all I can say. Hope someone could help me out! Thanks a lot in advance! I have a very simple table that I cannot simply get to render correctly across IE, Firefox, and Opera. At first, I was using CSS to define the cell widths/heights - when that was giving me issues I got rid of all the CSS and attempted to use plain HTML. The problem persisted. Here's the code - it doesn't get much simpler than this: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> </HEAD> <BODY> <table cellspacing="0" cellpadding="0" border="1"> <tr> <td width="15" height="33">a</td> <td>b</td> <td>c</td> <td width="15" height="33">d</td> </tr> <tr> <td colspan="4" rowspan="1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td> </tr> </table> </BODY> </HTML> Appearance in Opera Appearance in IE7 Appearance in Firefox (this is what I want it to look like in all browsers) I haven't done HTML seriously in 7-8 years or so but I don't really remember having these problems with IE/Netscape. The fix I found for IE was to use style="table-layout: fixed" for the table: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> </HEAD> <BODY> <table cellspacing="0" cellpadding="0" border="1" style="table-layout: fixed"> <tr> <td width="15" height="33">a</td> <td>b</td> <td>c</td> <td width="15" height="33">d</td> </tr> <tr> <td colspan="4" rowspan="1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td> </tr> </table> </BODY> </HTML> Now IE works fine, Firefox didn't break, but Opera's cells still are not 15 pixels. IE7 Appearance fixed Here's my attempt at getting Opera to display it properly by mixing CSS and HTML: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> </HEAD> <BODY> <table cellspacing="0" cellpadding="0" border="1" style="table-layout: fixed"> <tr> <td style="width: 15px; height: 33px" width="15" height="33">a</td> <td style="height: 33px">b</td> <td style="height: 33px">c</td> <td style="width: 15px; height: 33px" width="15" height="33">d</td> </tr> <tr> <td style="width: 100%" width="100%" colspan="4" rowspan="1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td> </tr> </table> </BODY> </HTML> Opera looks even worse now This seems like such a simple table. I really don't understand why I'm having such a hard time. I believe the second row - using colspan is causing the issue. Please don't answer with - "dont use tables" or something silly like that Thank you -TableTrTd when you the page i am working on in IE it does not line up the div tag correctly, p.s. the background is black for debuging reasons http://userpages.umbc.edu/~zane1/temp/insurethisnow/ Hey guys, Im new on here but i need some help with a table. http://er0r.freehostia.com/test.html -See how in the content section its writing is about half way down the page? How can i make it at the top? Quote: The coding : HTML Code: <center> <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"> <img src="http://er0r.freehostia.com/er0rbannah.jpg"> </table> </td></tr> <tr height="200"><td bgcolor="white"> <table id="navigation" title="Navigation" border="0"> <a href="http://er0r.freehostia.com/about.html"> <img src="http://er0r.freehostia.com/about.jpg" border="0"> <br> <a href="http://er0r.freehostia.com/baits.html"> <img src="http://er0r.freehostia.com/baits.jpg" border="0"> <br> <a href="http://er0r.freehostia.com/files.html"> <img src="http://er0r.freehostia.com/Files.jpg" border="0"> <br> <a href="http://er0r.freehostia.com/tutorials.html"> <img src="http://er0r.freehostia.com/tutorials.jpg" border="0"> <br> <a href="http://er0r.freehostia.com/Guestbook.html"> <img src="http://er0r.freehostia.com/Guestbook.jpg" border="0"> </table> </td><td bgcolor="white"> <table title="Content" id="content" border="0"> <tr><td>Content goes here</td></tr> </table> </td></tr></table> </center> Thanks er0r IE is working fine for once, but when I view it in FF there are the bullets for the <li> showing up. How can I get rid of them ? Html: Code: <!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">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="Keywords" content="beveled, glass, mirror, beveling, bevel, company, custom, design, shaped, shapes, curved, curves, round, polished, edgework, business, small, residential glass,
etched glass, plate glass, tempered glass, tempered, replacement, replacement windows, remodel, window screens, screens, door screens, mirror, mirrors, custom glass and mirror,
custom, Milford CT., ct., Milford,">
<title>Custom Glasss & Mirror</title>
<link rel="stylesheet" href="style2.css" type="text/css" media="screen" />
</head>
<body>
<h5>Visit Our Newley Remodeled Showroom At 807 Boston Post Rd. Milford, Ct.</h5>
<div id="container">
<!-- Start of Page Header -->
<div id="header_container">
<div id="page_header">
<div id="header_company">
<img src="images/header6.jpg" width="500" height="200">
</div>
<div id="header_menu">
<ul>
<li><a href="#" /><span>Home</span></a></li>
<li><a href="about.html" /><span>About Us</span></a></li>
<!--li><a href="service.html/"><span>Services</span></a></li-->
<li><a href="gallery1.html" /><span>Photo Gallery</span></a></li>
<li><a href="contact.html " /><span>Contacts</span></a></li>
</ul>
</div>
<div id="header_welcome">
<div id="welcome_text">
</div>
</div>
</div>
</div>
<!-- End of Page Header -->
<!-- Start of Left Sidebar -->
<div id="left_sidebar">
<!-- Start of Latest News -->
<div class="box_container">
<div id="news">
<h4>
Glass
</h4>
We have a wide range of choices when it comes to glass. Whether it's for a table top, cabinet door or replaceing your picture window,
we have a piece of glass for you.
<div class="link-more">
<a href="glass.html" />...more</a>
</div>
<h4>
Window & Door Screens
</h4>
We can replace any size window or door screen. Do you have a damaged frame ? Bring it in, we can make you a new one.
We even have paw proof screens .
<div class="link-more">
<a href="screen.html"/>...more</a>
</div>
<h4>Home Improvment</h4>
We now offer full home improvements. From kitchens and bathrooms, to a full addition.
<div class="link-more">
</div>
<h4>Shower & Tub Enclosures</h4>
We carry a full line of standard and custom shower and tub enclosures.
<div class="link-more">
<a href="enclosures.html"/>...more</a>
</div>
</div>
<div class="clearthis"> </div>
</div>
</div>
<!-- End of Latest News -->
<!-- End of Left Sidebar -->
<!-- Start of Main Content Area -->
<div id="maincontent_container">
<div id="maincontent">
<div id="maincontent_top">
<!-- Start of How We Started -->
<div id="started_container">
<div id="started">
<center>
<table border="0" width="100%">
<tr>
<td><h5> Free Estimates </h5></td>
<td> </td>
<td><h5> Fully Licenced and Insured</h5></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
* Beveled Glass & Mirror<br>
*Table Tops<br>
*Plate Glass<br>
*Plaxi Glass<br>
*Patterned Glass<br>
*Thermo Units<br>
*Storm Doors & Windows<br>
*Storm Door & Window Screen Repair<br>
*Vinyl & Wood Replacement Windows<br>
*Shower & Tub Enclosures<br>
*Home Improvment<br>
*Store Fronts<br>
... and much, much, more
</div>
</div>
<!-- End of How We Started -->
<div id="right_container">
<!-- Start of Get Special Offer -->
<div id="offer_container">
<div id="offer">
We carry a complete line of cleaners to keep your
glass, mirrors and shower enclosures as clean as the first day we installed them.
<p>
<center>
<img src="images/products_ava.jpg">
<p>
<a href="cleaners.html"/>...More</a>
</div>
</div>
</div>
<div class="clearthis"> </div>
<!-- End of Get Special Offer -->
<!--Start of repair-->
<div id="repair">
<div class="link-more">
<a href="screen.html" /></a>
</div>
</div>
<div class="clearthis"> </div>
<!-- End of We Also Do Repairing -->
</div>
<div class="clearthis"> </div>
</div>
<!-- Start of Featured Products -->
<div id="featured_container">
<div id="featured">
<center>
<!--a href="gallery1.html">Photo Gallery Preview</a-->
<div id="featured_products">
<ul>
<li><img src="http://i39.photobucket.com/albums/e197/wrathchilds-santuary/glass%20shop/brassline_b-1669-lg.jpg" height="100" width="90" alt="" /></li>
<li><img src="http://i39.photobucket.com/albums/e197/wrathchilds-santuary/glass%20shop/brassline_b-1631-b-lg.jpg" height="100" width="90" alt="" /></li>
<li><img src="http://i39.photobucket.com/albums/e197/wrathchilds-santuary/glass%20shop/brassline_b-158-lg.jpg" height="100" width="90" alt="" /></li>
<li class="end"><img src="http://i39.photobucket.com/albums/e197/wrathchilds-santuary/glass%20shop/mirror3.jpg" height="100" width="90" alt="" /></li>
</ul>
<div class="clearthis"> </div>
</div>
<div class="clearthis"> </div>
</div>
</div>
<div class="clearthis"> </div>
<!-- End of Featured Products-->
</div>
<!-- End of Main Content Area -->
<!-- Start of Page Footer -->
<div id="page_footer">
Copyright 2007 <a href="http://wrathchild.edit-strike.nl" />Wrathchild Productions</a>
</div>
<!-- End of Page Footer -->
<div class="clearthis"> </div>
</body>
</html>
My Css is in the post below. Code: <p><center><table width="50%" bgcolor="black" cellpadding="20px"><tr><td><a href="index.html">Home</a></td><td><a href="imglist.html">Img list</a></td></tr><td><a href="about.html">About</a></td></tr></table></center></p> in ie the center works fine, but in firefox its almost 2 inches to the left of being center, why would that be? I have created a website which works perfectly in IE7/8 and FF but its all messed up in IE6. Please someone help me fix it. HTML Code: http://www.paknus.com/nus Hello! I have a problem with my webpage, only occuring when I am surfing with Firefox. I have an identic code on two different pages, but on one of them the letters look normal, on the other one they are suddenly messed up. At the pictures it can be seen. I have no clue why it is happening... can anyone help? The text is good at for example: http://www.hungarybudapestguide.com/restaurants/ - but if I go in to read about whatever restaurant later described the texts are messed up in Firefox as seen on the picture. How come? All of a sudden I can't put in an affiliate link that contain an image. There's no problem with a text link. I've tried all kinds of links but none of them work. Every time I put one in a "img class with 4 random 20 character sets jumps in and the link doesn't work. Here is what I mean I put this in <a href="http://www.tkqlhce.com/click-4072394-10684742" target="_top"> <img src="http://www.awltovhc.com/image-4072394-10684742" border="0" alt="$5.99 Flat Shipping up to 15lbs" width="120" height="90" /></a> and this comes out <a href="http://www.tkqlhce.com/click-4072394-10684742" target="_top"> <img class=" gyucpbdejrxphzavvzpr gyucpbdejrxphzavvzpr" src="http://www.awltovhc.com/image-4072394-10684742" border="0" alt="$5.99 Flat Shipping up to 15lbs" width="120" height="90" /></a> I imagine it's something I have done as I seem to be able to mess up just about everything in my computer sooner or later. I sure would appreciate any help I can get on this as I've been playing with it for the past week. Thank you, donrock I really hope someone can help me with this. About 2 months ago all my websites plummeted in the search engines. I found out later that i had a permalink structure problem which i solved by disabling a certain plugin. After that, i thought my rankings would have returned but unfortunately they didn't. With no clue as to where to go from there, i contemplated deleting my 5 websites and starting again from scratch. Then i noticed my keywords showing up in Google were messed up. All of my posts on all websites had the "website title" tacked onto the end of each post. Example: I have a post called "Natural Sleeping Remedies" When this post shows up in the search engines it looks like this... Natural Sleeping RemediesNatural Health Remedies As you can see, the title of my website homepage (Natural Health Remedies) is tacked onto the end of my post title. This happens with every post, on all websites. No matter how much i changed the post title, nothing helped. I thought that if i changed the theme, it would solve the problem. So, i tried theme after theme and finally came across one that worked. But, the big problem now is that i can only use one theme for all my sites which is just not appropriate for some sites. Every time i want to use a new theme, the homepage title always gets tacked onto every post, unless i use the same theme all the time. Has anyone had this problem before? Any ideas how to fix this? At the moment all is fine because i use this one theme, but i really don't like it. P.S. I created another website last week and the same problem is always there. Is there a php file or html file that i can look at to determine what is happening. I'm a newb when it comes to this sort of stuff. Feeling dejected at the moment. Thanks in advance for any replies. I am working on a site, and want to make 3 tables (one on top of another). Here is an image depicting what I want to do: Layout. I made the layout without 3 tables, just one, and it works fine. Here it is: 1 Table. But when I make three tables, like the picture shows, it messes all the spacing up. 3 Tables. I am doing all of this because I want to make a form and to make a form all of the fields need to be in one table. Here is how far I got with the form: 3 Tables and Form. Any help would be greatly appreciated. Thanks, Matt **Also, the site looks better in firefox than IE, so view it in IE to see the real problems. Code: <p><center><table width="50%" bgcolor="black" cellpadding="20px"><tr><td><a href="index.html">Home</a></td><td><a href="imglist.html">Img list</a></td></tr><td><a href="about.html">About</a></td></tr></table></center></p> in ie the center works fine, but in firefox its almost 2 inches to the left of being center, why would that be? ive tried to change the precent and all, but that doesnt do a thing. got a very basic page as this stuff is super new to me, not sure where to put or ask about this ... when the page is resized or when the bookmarks tab comes on in firefox browser my graphics all move around , didn't use to do this but i'm not sure. happens when u resize the actual page. everything kinda lines up to fit in the new space --- i really dont know -->loaded page up temporarily http://www.legendofthegknight.com/test/index.html I have created an image in Photoshop and sliced it to create different links as a banner. When I opened the html file on my computer it works and the links all work. The part that doesn't work is when I changed the file locations to the location on photobucket. Somewhere I have something wrong. If anyone can direct me on what I need to correct I would greatly appreciate it. I feel like I am close but something is off. This is the image itself http://www.shopmemento.com/images/me...gemap4copy.jpg This is where I got the directions of how to do a multiple link image with image slicing: http://www.createblog.com/tutorials/...l.php?id=13888 HTML Code: <HTML> <HEAD> <TITLE>memento image slice</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 (memento image slice.psd) --> <TABLE WIDTH=338 BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR> <TD COLSPAN=8> <IMG SRC=[IMG]http://i406.photobucket.com/albums/pp148/shopmemento/memento-image-slice_01.gif[/IMG] target="_blank"><img src="http://i406.photobucket.com/albums/pp148/shopmemento/memento-image-slice_01.gif" border="0" alt="Photobucket"></a> <WIDTH=338 HEIGHT=131 ALT=""></TD> </TR> <TR> <TD> <A HREF="http://www.shopmemento.com" TARGET="_blank" ONMOUSEOVER="window.status='Memento\'s Website'; return true;" ONMOUSEOUT="window.status=''; return true;"> <IMG SRC=[IMG]http://i406.photobucket.com/albums/pp148/shopmemento/memento-image-slice_02.jpg[/IMG] target="_blank"><img src="http://i406.photobucket.com/albums/pp148/shopmemento/memento-image-slice_02.jpg" border="0" alt="Photobucket"></a> <WIDTH=77 HEIGHT=46 BORDER=0 ALT="Memento's Website"></A></TD> <TD ROWSPAN=2> <IMG SRC="<a href="http://s406.photobucket.com/albums/pp148/shopmemento/?action=view¤t=memento-image-slice_03.gif" target="_blank"><img src="http://i406.photobucket.com/albums/pp148/shopmemento/memento-image-slice_03.gif" border="0" alt="Photobucket"></a> <WIDTH=15 HEIGHT=56 ALT=""></TD> <TD> <A HREF="http://shopmemento.blogspot.com" TARGET="_blank" ONMOUSEOVER="window.status='Memento\'s Blog'; return true;" ONMOUSEOUT="window.status=''; return true;"> <IMG SRC=<a href="http://s406.photobucket.com/albums/pp148/shopmemento/?action=view¤t=memento-image-slice_04.gif" target="_blank"><img src="http://i406.photobucket.com/albums/pp148/shopmemento/memento-image-slice_04.gif" border="0" alt="Photobucket"></a> ><WIDTH=69 HEIGHT=46 BORDER=0 ALT="Memento's Blog"></A></TD> <TD ROWSPAN=2> <IMG SRC=<a href="http://s406.photobucket.com/albums/pp148/shopmemento/?action=view¤t=memento-image-slice_05.gif" target="_blank"><img src="http://i406.photobucket.com/albums/pp148/shopmemento/memento-image-slice_05.gif" border="0" alt="Photobucket"></a> <WIDTH=18 HEIGHT=56 ALT=""></TD> <TD> <A HREF="http://shopmemento.etsy.com" TARGET="_blank" ONMOUSEOVER="window.status='Memento\'s Etsy Shop'; return true;" ONMOUSEOUT="window.status=''; return true;"> <IMG SRC="<a href="http://s406.photobucket.com/albums/pp148/shopmemento/?action=view¤t=memento-image-slice_06.gif" target="_blank"><img src="http://i406.photobucket.com/albums/pp148/shopmemento/memento-image-slice_06.gif" border="0" alt="Photobucket"></a> <WIDTH=68 HEIGHT=46 BORDER=0 ALT="Memento's Etsy Shop"></A></TD> <TD ROWSPAN=2> <IMG SRC=<a href="http://s406.photobucket.com/albums/pp148/shopmemento/?action=view¤t=memento-image-slice_07.gif" target="_blank"><img src="http://i406.photobucket.com/albums/pp148/shopmemento/memento-image-slice_07.gif" border="0" alt="Photobucket"></a> <WIDTH=13 HEIGHT=56 ALT=""></TD> <TD> <A HREF="mailto:terri@shopmemento.com " ONMOUSEOVER="window.status='Email Memento'; return true;" ONMOUSEOUT="window.status=''; return true;"> <IMG SRC=<a href="http://s406.photobucket.com/albums/pp148/shopmemento/?action=view¤t=memento-image-slice_08.jpg" target="_blank"><img src="http://i406.photobucket.com/albums/pp148/shopmemento/memento-image-slice_08.jpg" border="0" alt="Photobucket"></a> <WIDTH=70 HEIGHT=46 BORDER=0 ALT="Email Memento"></A></TD> <TD ROWSPAN=2> <IMG SRC=<a href="http://s406.photobucket.com/albums/pp148/shopmemento/?action=view¤t=memento-image-slice_09.gif" target="_blank"><img src="http://i406.photobucket.com/albums/pp148/shopmemento/memento-image-slice_09.gif" border="0" alt="Photobucket"></a> <WIDTH=8 HEIGHT=56 ALT=""></TD> </TR> <TR> <TD> <IMG SRC<a href="http://s406.photobucket.com/albums/pp148/shopmemento/?action=view¤t=memento-image-slice_10.gif" target="_blank"><img src="http://i406.photobucket.com/albums/pp148/shopmemento/memento-image-slice_10.gif" border="0" alt="Photobucket"></a> <WIDTH=77 HEIGHT=10 ALT=""></TD> <TD> <IMG SRC=<a href="http://s406.photobucket.com/albums/pp148/shopmemento/?action=view¤t=memento-image-slice_11.gif" target="_blank"><img src="http://i406.photobucket.com/albums/pp148/shopmemento/memento-image-slice_11.gif" border="0" alt="Photobucket"></a> <WIDTH=69 HEIGHT=10 ALT=""></TD> <TD> <IMG SRC=<a href="http://s406.photobucket.com/albums/pp148/shopmemento/?action=view¤t=memento-image-slice_13.gif" target="_blank"><img src="http://i406.photobucket.com/albums/pp148/shopmemento/memento-image-slice_13.gif" border="0" alt="Photobucket"></a <WIDTH=68 HEIGHT=10 ALT=""></TD> <TD> <IMG SRC=<a href="http://s406.photobucket.com/albums/pp148/shopmemento/?action=view¤t=memento-image-slice_13.gif" target="_blank"><img src="http://i406.photobucket.com/albums/pp148/shopmemento/memento-image-slice_13.gif" border="0" alt="Photobucket"></a> <WIDTH=70 HEIGHT=10 ALT=""></TD> </TR> </TABLE> <!-- End ImageReady Slices --> </BODY> </HTML> Problem Solved, Thanks everyone Hi guys, I recently paid for a Wordpress theme, which I intend to customize extensively, but I've run into an issue that I've never come across before. I'm not a complete newbie but since I've never had this problem before, I don't know where to begin or what might be causing it, and I thought maybe you guys could help me. When I view my site in the latest version of Opera, every time I move the mouse cursor over the header div, a top margin is created (See screenshot). Does anybody know what might be causing this and how I can fix it? It doesn't happen in Firefox, Chrome or Internet Explorer. My URL is: http://www.projectdisobey.com Thanks in advance! Hey -- is there a difference between how Opera and Firefox interpret lists? My site appears to be reading the same in both browsers except that the lists (a considerable part of the design) are not showing up in the same manner. Is there something I can do about this? http://www.trekandromeda.com/index/techindex.html http://www.trekandromeda.com/index/home.css The entire site is written at this point so the other pages will show the same problem. Can anyone help me with this? There's something wrong with the tables on the site I'm currently working on.. There's no errors of any kind, but they're acting kind of odd.. I tried to make the code as clean as possible, but since this is a dynamic page, that isn't always easy. In Firefox i get a gap from time to time in the cell background of the page. But if i try to update it gets fixed. In Opera it stays like this all the time Here's a link to the page http://svolvar-jff.net/new/index.php?side=aktiviteter&id=12 Hello, new here I'm having a lot of trouble figuring out what's wrong with these tables. After finishing the new layout for my website ( http://www.petportraitsstudio.com/ ) I find that the tables are fine in Firefox but do not line up in IE and Opera (you can tell by the dog portrait). both tables are 800px each devided up in in 4 columns of 50px 400px 300px 50px. But the bottom table doesn't seem to line up with the top even though the measurements are the same :/ I'm very confused after playing around with it for an hour but not getting anywhere Hello my name is hency m new to html and css i just made one website and its working fine in IE and firefox. but when i tried in opera and chrome , it didnt work all margins were messed up. here is my website add: http://hencyparmar.byethost8.com/ i hope to get reply soon u can mail me at hencyp@gmail.com thanks |
|||||||