HTML - Display < And > In Browser

Using AJAX & php to return a randomly generated number of single column tables, and drop them into a <div> element.
( http://www.thegreatmartinicompany.co...ace-value.html ). I've set the div to text-align: center, and put auto margins on the tables. The result is the tables are centered and equally spaced in the div element regardless of the number of tables returned. As appropriate FF and IE display the tables side by side, but Safari stacks them on top of each other. An example of the returned code is below. Any ideas why Safari does not display this as IE and FF do?

<table style="margin-left:auto; margin-right:auto"><tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</table>
<table style="margin-left:auto; margin-right:auto"><tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</table>
<table style="margin-left:auto; margin-right:auto"><tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</table>

Hi guyz,

i have a query

Mouse over the datagrid cell display tooltip or panel to display information

but only using HTML and CSS not using javascript.
can anyone help me. because im gonna use it on htmleditor on c# desktop application

thax before

Hey guys should I be worried about coding my site for the IE 5.x series or should I just concentrate on IE6 and IE7

Hi,

I work on a Mac, and have Safari, Internet Explorer 5 and Firefox.

1. What do you think I should be building my sites to? What do you use?
2. Also why do some sites work in all browsers? CSS hacks?


Microsoft are no longer letting you download Internet Explorer for the Mac, from microsoft.com. Therefore all new mac users from February last year will not be using Explorer.

Please help!
Thankyou
Tom

does anyone know a browser that will only parse and evaluate valid HTML/XHTML based on what the doctype is and ignore invalid HTML/XHTML or generate errors. So if I had a XHTML doctype and my code was:

Code:

this is a XHTML document
<br>
this should be a new line

I don't want the <br> to parse because I want something to trigger that is it not a valid XHTML tag since it is not closed. Any browser won't really care and just show the new line. I would have to validate it on the w3c website to find my error. So I want a browser that would give me these results based on my example code:

Code:

this is a XHTML documentthis should be a new line

and then some sort of error saying "<br>" on line x is invalid.

I have studied my code and for the life of me can't figure out why the header is not showing up in IE7 (windows). It shows up in all other browsers just fine. Can someone help me and take a look at my code and tell my what I may have missed?

http://www.kingcrabshack.com/

Thank you for your time.

Hi,

Is there a way I can not show all the url in the browser window. for instance when showing a links page, instead of the address being

"http://www.webspace.co.uk/links.htm" could it just be "http://www.webspace.co.uk

I have seen this done but not sure how.

Thanks

Simon

Here is what I want to do:

Basically there is an mmorpg game I play, and to play it you must download the client and install it. What I want to do is upload the files to a server and make a webpage in HTML that I can launch the game from, or embed it into the website, whichever works best.

How would I achieve this?

Thank you.

hi.

i would really appreciate some help here. i am totally new to designing pages but i managed to make this www.cilipi.bravehost.com .

Now, what is the problem? I display it in Mozilla and it works great, no mistakes at all but after loading it in Ie everything is messed up, i get activex codes, bcs of my flash...etc etc

i really like this site and i beg you, i really beg some guru to check my source code, i am ready to send him a whole page...everything needed to help me out. i am really desperate, having so much fine making this and uploading it...now it looks bad in ie.

please, could someone help me?

THANK YOU!

regards from croatia

Ok my runescape site looks fine in Mozilla and IE6, but I have two members using IE7 that are getting this:

http://img341.imageshack.us/my.php?image=rsguidegw1.jpg

Just wondering what the "hack" is for IE7 to get this to align right.

The site is as follows:

http://rse.pzproductions.com

The CSS is:

Code:

body {
background-color: #5a5a5a;
color: #ffffff;
margin: 0;
padding: 0;
font-family: trebuchet ms, arial, verdana, helvetica, georgia;
font-size: 10pt;
height: 100%;
}

#wrapper {
width: 100%;
min-height: 100%;
margin: auto;
position: relative;
}

* html #wrapper {
background-image: url(images/navbg.gif);
background-repeat: repeat-y;
height: 100%;
}

#navheadwrap {
margin: 0;
padding: 0;
float: left;
height: 100%;
position: fixed;
background-image: url(images/navbg.gif);
background-repeat: repeat-y;
width: 200px;
}

* html #navheadwrap {
position: relative;
}

#head {
background-image: url(images/rsenewtitle1.gif);
background-repeat: no-repeat;
margin: 0;
padding-bottom: 15px;
width: 200px;
height: 200px;
z-index: 2;
}

#navigation {
width: 200px;
height: 100%;
margin: 0;
padding: 0;
z-index: 1;
position: absolute;
margin-top: -50px;
}

* html #navigation {
position: relative;
}

#navigation h3 {
margin: 0 0 10px 10px;
color: #000;
font-size: 14pt;
display: inline;
font-family: papyrus, "trebuchet ms", tahoma, georgia;
}

#navigation ul {
display: inline;
list-style-type: none;
}

#navigation a, #navigation a:visited, #navigation a:active {
color: #17486A;
padding: 5px 3px 0px 15px;
display: block;
text-decoration: none;
width: 85%;
font-size: 11pt;
}

#navigation a:hover {
color: #17486A;
padding: 5px 3px 0px 15px;
display: block;
text-decoration: underline;
width: 85%;
font-size: 11pt;
}

#navigation li.title {
font-size: 12pt;
font-weight: bold;
border-bottom: 1px dashed #000000;
width: 85%;
color: #000000;
margin: 0px auto 0px 10px;
text-align: left;
font-family: papyrus, tahoma, georgia;
}

* html #navigation li.title {
width: 75%;
}

#content {
position: relative;
margin-left: 200px;
padding: 10px 10px 10px 0;
height: 100%;
}

.adminsig {
font-weight: bold;
color: yellow;
}

#content a, #content a:visited, #content a:active {color: #DBA206;}
#content a:hover {text-decoration: none;}

.paragraph {
padding-left: 10px;
padding-right: 10px;
text-align: justify;
}

#content ul {
list-style-type: none;
}

#content h2.orange {
color: #DBA206;
font-family: papyrus, "trebuchet ms", tahoma, georgia;
display: inline;
}

#content h3 {
color: #429AD7;
font-family: papyrus, "trebuchet ms", tahoma, georgia;
display: inline;
}

.newstitle {
font-size: 11pt;
font-weight: bold;
font-family: "trebuchet ms", arial, verdana;
border-bottom: 1px solid #000000;
width: 100%;
color: #429ad7;
}

.border {
border: 1px solid white;
}

#goal {
border-bottom: 1px solid #000000;
color: #eeeeee;
padding: 0px 0px 3px 20px;
margin: 0;
}

#goal a, #goal a:visited, #goal a:active {color: #DBA206;}
#goal a:hover {text-decoration: none;}

#goal h3 {
color: #dba206;
font-family: papyrus, "trebuchet ms", tahoma, georgia;
display: inline;
}

#goal h4.progress {
color: #FF0000;
}

#goal h4.deadline {
color: #0BDF00;
}

#goal h4 {
color: #429AD7;
font-family: papyrus, "trebuchet ms", tahoma, georgia;
display: inline;
}

/* Block Menu */

#ul-table li a {
background-color:#1A4766;
font: 10pt "trebuchet ms", Arial, sans-serif;
display:block;
line-height:30px;
}
#ul-table a:link, #ul-table a:visited, #ul-table a:active {
color: #ffffff; text-decoration: none;
}
#ul-table a:hover {
background-color:#1E6799;
color: #ffffff;
text-decoration: underline;
}
#ul-table {
width: 505px;
text-align:center;
margin: 0px auto;
padding:0;
color: navy;
list-style-type:none;
clear:both;
}
#ul-table li {
width: 125px;
float:left;
border:1px solid black;
border-right:none;
text-align: center;
}
* html #ul-table li a {
width: 100%;
}
#ul-table li.top {
border-bottom:none;
}
#ul-table li.right {
border-right:1px solid #000000;
}
#ul-table li.nolink {
font-weight: bold;
background-color: #D0AE78;
color: black;
}
.clear {
clear:both;
margin-top:-1px;
height:1px;
overflow:hidden;
}

/* End Block Menu */

/* Small Block Menu */

#skills td a {
font: 10pt "trebuchet ms", Arial, sans-serif;
display:block;
line-height:30px;
}
#skills a:link, #skills a:visited, #skills a:active {
color: #ffffff; text-decoration: none;
}
#skills a:hover {
background-color:#1E6799;
color: #ffffff;
text-decoration: underline;
}
#skills {
text-align:center;
margin: 0px auto;
padding:0;
color: navy;
list-style-type:none;
clear:both;
}
#skills td {
width: 125px;
float:left;
border:1px solid black;
border-right:none;
text-align: center;
background-color:#1A4766;
}
* html #skills td a {
width: 100%;
}
#skills td.top {
border-bottom:none;
}
#skills td.right {
border-right:1px solid #000000;
}
#skills td.nolink {
font-weight: bold;
background-color: silver;
color: #1A4766;
line-height: 30px;
border-bottom: none;
font-size: 12pt;
text-align: left;
padding-left: 5px;
}
#skills td.nolinkbottom {
font-weight: bold;
background-color: silver;
color: #1A4766;
line-height: 30px;
font-size: 12pt;
text-align: left;
padding-left: 5px;
}

/* End Small Block Menu */


/* Start Stat Tables */

.stattable {
border: 1px solid #000000;
border-bottom: none;
margin: 0;
padding: 0;
}

.stattable th {
font-weight: bold;
font-size: 11pt;
background-color: #1A4766;
border-bottom: 1px solid black;
padding: 2px;
text-align: center;
}

.stattable td {
background-color: #336699;
padding: 2px;
text-align: center;
height: 40px;
border-bottom: 1px solid black;
}

.stattable td.left {
text-align: left;
}


/* New Table Layout */
#table {
margin: auto;
border-left: 1px solid #000;
border-top: 1px solid #000;
}
#table a, #table a:visited, #table a:active {
text-decoration: underline;
color: #000;
}
#table a:hover {
text-decoration: none;
color: #000;
}
.tableheader {
font-weight: bold;
text-align: center;
background-color: #333;
color: #fff;
}
.tr1 {
padding: 3px;
background-color: #369;
color: #fff;
border-bottom: 1px solid #000;
}
.tr2 {
padding: 3px;
background-color: #ccc;
color: #000;
border-bottom: 1px solid #000;
}
td {
border-right: 1px solid #000;
border-bottom: 1px solid #000;
text-align: center;
padding: 5px;
}

th {
border-right: 1px solid #000;
border-bottom: 1px solid #000;
text-align: center;
padding: 5px;
}

Hi, started making a website today. And since I'd like every one to see it properly I check both in MIE and FF.
For the first time, I see MIE do something better then Mozilla -.-

I built my frontpage in table-layout with sliced images. But I get a gap in FF.


This does not occur in MIE.

Here is my code:
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=utf-8" />
<title>Rebits :: Welcome</title>
<style type="text/css">
<!--
body {text-align:center;}
#nav {list-style:none; word-spacing: 50px; font-family:verdana; text-align:left;}
a:link {text-decoration:none; color:black;}
a:visited {text-decoration:none; color:black;}
a:hover {text-decoration: underline; color:white; background-color:black; }
li {display:inline;}
#copyright {text-align: right;}
#bigkonijn {position: absolute; top:200px; left:240px;}
-->
</style></head>

<body>
<img id="bigkonijn" src="rebit-big.gif" width="300" height="500" alt="rebit-big (15K)" />
<table width="200" border="0" cellspacing="0" cellpadding="0" >
  <tr>
    <td colspan="2" style="margin:0px; padding:0px;"><img src="header.gif" width="800" height="155" alt="Header" /></td>
  </tr>
  <tr>
    <td colspan="2" style="background-image:url(nav.gif);padding-top:0px; margin-top:0px;">
    <ul id="nav">
    <li><a href="index.html">Home</a></li>
    <li><a href="begin.htm">How-it-started</a></li>
    <li><a href="commov.htm">Comics&amp;Movies</a></li>
    <li><a href="contact.htm">Contact</a></li>
    </ul>
    </td>
  </tr>
  <tr>
    <td><img src="left-front.gif" width="414" height="408" /></td>
    <td><img src="welcome-right.gif" width="386" height="408" /></td>
  </tr>
  <tr>
    <td colspan="2" id="copyright"><small>(c) Artem</small></td>
  </tr>
</table>

</body>
</html>

Any ideas how to fix this in FF.

Ps. I think this might be a problem of FF to make own margin-padding, but I don't know where exactly to put 0-values.

This page looks exactly like I want it to in Firefox but not in ie6 or ie7. In ie6 the fieldsets are different heights but I want them to be the same (as in firefox) and in ie7 some of the submit buttons are hidden. Can someone help me with this?

Thanks...

I'm almost done with my new website's main template. Now, the only thing that remains is that my website looks exactly how I want it in IE and total crap in Firefox. I was wondering if anyone could help me out/figure out what's going on. The URL is www.smbmovie.com...

I have a small window that shows site logins by ip address.

I open it with window.open and get exactly the proper display in the proper position.

But, I'm stuck with the browser page that called window.open().

Is there a way to close that browser?

I've tried things like window.opener.close() with no luck.

Remember, I want t close the browser, not just a window.

Thanks, Mac

Testing a new structure. I have tried IE6, IE7, Opera, Firefox and would appreciate crosschecks on other browsers for Linux/OSX
http://www.telfordsteamrailway.co.uk...e/newindex.php

basically all I have done is added the right column with the fundraising links
I would like to now if there are any layout issues or issues with the .swf player

Thanks in advance