ko ko 97 Practically a Master Poster

Because the default width of the submit button was not same in both IE and FF. And the text align property for button or submit can't apply in FF, only in IE. So you see the white space. You can set the exceed width for the button to see both IE and FF with the same result. I don't know how much text do you wanna put in the button and it depends on you.
Here is example.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style type="text/css">
#mapInfoTabBorder div.TabBorderInactiveTab {
	color: #ffffff;
	padding: 0;
	margin: 0;
	background: yellow;
	border: none;
	}
#mapInfoTabBorder div.TabBorderInactiveTab input {
	background: green;
	color: #FFF;
        width: 67px;
	border: 1px solid #eee;
	-moz-border-radius: 7px /* IE can't understand */
	}
</style>
</head>
<body>
	<div id="mapInfoTabBorder">
		<div class="TabBorderTabs">
			<div class="TabBorderInactiveTab">
			<input name="TabSubmit" value="Submit" type="submit" 

/>
			</div>
			<div class="TabBorderActiveTab">
			Info
			</div>
			<div class="TabBorderInactiveTab">
			<input name="TabSubmit_0" value="Reset" type="submit" 

/>
			</div>
			<div class="TabBorderInactiveTab">
			<input name="TabSubmit_1" value="Cancel" type="submit" 

/>
			</div>
		</div>
	</div>
</body>
</html>

Good luck.. and forgive my English skill.

ko ko 97 Practically a Master Poster

Because the default width of the submit button was not same in both IE and FF. And the text align property for button or submit can't apply in FF, only in IE. So you see the white space. You can set the exceed width for the button to see both IE and FF with the same result. I don't know how much text do you wanna put in the button and it depends on you.
Here is example.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style type="text/css">
#mapInfoTabBorder div.TabBorderInactiveTab {
	color: #ffffff;
	padding: 0;
	margin: 0;
	background: yellow;
	border: none;
	}
#mapInfoTabBorder div.TabBorderInactiveTab input {
	background: green;
	color: #FFF;
        width: 67px;
	border: 1px solid #eee;
	-moz-border-radius: 7px /* IE can't understand */
	}
</style>
</head>
<body>
	<div id="mapInfoTabBorder">
		<div class="TabBorderTabs">
			<div class="TabBorderInactiveTab">
			<input name="TabSubmit" value="Submit" type="submit" 

/>
			</div>
			<div class="TabBorderActiveTab">
			Info
			</div>
			<div class="TabBorderInactiveTab">
			<input name="TabSubmit_0" value="Reset" type="submit" 

/>
			</div>
			<div class="TabBorderInactiveTab">
			<input name="TabSubmit_1" value="Cancel" type="submit" 

/>
			</div>
		</div>
	</div>
</body>
</html>

Good luck.. and forgive my English skill.

ko ko 97 Practically a Master Poster

Yes, do as Besherek and check your background-image location. Or move your background-image and css in the same root. And try this:

background: url('background.jpg');
ko ko 97 Practically a Master Poster

Add this to you drop-down list box.

ul li ul {
        position: absolute;
        top: 22px; /* it maybe as you like*/
        left: 0;
        display: none;
        width: 117px
      }
ko ko 97 Practically a Master Poster

Remove the white space between url and bracket in CSS syntax.
Here it is..

#wrap {
background: url (shadow.png) center top repeat-y;

replace with

#wrap {
background: url(shadow.png) center top repeat-y;

This is the only error I found it. And you need to validate your HTML.

ko ko 97 Practically a Master Poster

You must validate your HTML. Use the strict mode.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
ko ko 97 Practically a Master Poster

There is a guy asked last few hours like your question.
Try this:

<!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" lang="en-us">
<head>
<title>Popup Box</title>
<style type="text/css">
body {
background: #EEE; font: normal 11pt/100% Arial, Verdana, Helvetica, Sans-serif; 

color: #1b1b1b }

/*---- popup box -----*/
#popup {
/*-- Set your popup box width and height.. I set it 220px width and 178px 

height ---*/
width: 220px; height: 178px; background: #cfcfcf; position: relative; margin: 

1.3em auto 0 2.7em }
/*---- title ----*/

#title {
background: #727272; /* If you want to set the height */
height: 22px; /*--- Set the vertical alignment of child ----*/ line-height: 

22px }
#title h3 {
color: #FFF; font-weight: normal; /*-- You want the text to center --*/ 

text-align: center }

/* set button on right corner of title bar ---*/
#title .button {
position: absolute; /* top and right corner */ right: 0; top: 0; /* Need width 

and height, you have 3 buttons with 16px width and height, so you need 16px 

width and height*/ width: 54px; height: 18px; /* I set more width and height 

for button */  }
#title .button img {
/* three buttons next to each */ float: right; margin-right: 2px; /*Don't 

forget the wrapper is 54px width, so you cann't give margin more than 2px */ }
/** This is what you want **/
</style>
</head>   
<body>
<div id="popup">
	<div id="title">
		<h3>Title</h3><span class="button"><img src="/" border="0" 

title="Minimize" alt="x" /><img src="/" border="0" title="Maximize" …
ko ko 97 Practically a Master Poster

It is because of the content 'Web Page Url'. You inserted the plain text and three image line by line and you floated three image, but not text. I cann't explain very well what is happen. But, you need to hold three image and plain text with different container. You may use list item or inline tag like span. Add this to your HTML and CSS.

HTML:
<div class="dlgDragStyle">
   <h3 class="title">Web page Url</h3>
   <span><img src="Images/close.gif" id="imgClose" width="18px" height="19px" alt="Close" onclick="javascript:closeDlg();" /><img src="Images/maximize.gif" id="imgMaximize" width="18px" height="19px" alt="Maximize" onclick="javascript:maximizeDlg();" /><img src="Images/minimize.gif" id="imgMinimize" width="18px" 
height="19px" alt="Minimize" onclick="javascript:minimizeDlg();" /></span>
 </div>

CSS:
.dlgDragStyle {
      width:100%;
      height:21px;
      background-color:#d6b24a;
      cursor:move;
      border-bottom: solid 1px #000000;
      position: relative; 
      z-index: 1;
      }
.dlgDragStyle h3 { 
     margin: 0; 
     padding: 0;
     font-size: 11pt; 
     text-align: center;
    }
.dlgDragStyle span {
    position: absolute; 
    width: 66px; 
    right: 0;
    top: 0;
    }
.dlgDragStyle span img {
    float: left; 
    margin-left: 2px
   }

Good luck.. Sorry for my English skill.

ko ko 97 Practically a Master Poster

It is because of the content 'Web Page Url'. You inserted the plain text and three image line by line and you floated three image, but not text. I cann't explain very well what is happen. But, you need to hold three image and plain text with different container. You may use list item or inline tag like span. Add this to your HTML and CSS.

HTML:
<div class="dlgDragStyle">
   <h3 class="title">Web page Url</h3>
   <span><img src="Images/close.gif" id="imgClose" width="18px" height="19px" alt="Close" onclick="javascript:closeDlg();" /><img src="Images/maximize.gif" id="imgMaximize" width="18px" height="19px" alt="Maximize" onclick="javascript:maximizeDlg();" /><img src="Images/minimize.gif" id="imgMinimize" width="18px" 
height="19px" alt="Minimize" onclick="javascript:minimizeDlg();" /></span>
 </div>

CSS:
.dlgDragStyle {
      width:100%;
      height:21px;
      background-color:#d6b24a;
      cursor:move;
      border-bottom: solid 1px #000000;
      position: relative; 
      z-index: 1;
      }
.dlgDragStyle h3 { 
     margin: 0; 
     padding: 0;
     font-size: 11pt; 
     text-align: center;
    }
.dlgDragStyle span {
    position: absolute; 
    width: 66px; 
    right: 0;
    top: 0;
    }
.dlgDragStyle span img {
    float: left; 
    margin-left: 2px
   }

Good luck.. Sorry for my English skill.

ko ko 97 Practically a Master Poster

I checked your code in my HTML and browse with IE and FF. It works both well. What problem do you face? I saw no errors.

ko ko 97 Practically a Master Poster

What is your code?

ko ko 97 Practically a Master Poster

If you want two column to appear next to each, float them. The div tag is a block element and it has line break. So, you cannot place them next to each normally like text. You may also use absolute position property or float. You floated one , but the another didn't. That is that, no floated element has still line break and it push down from another element. You must to float it too.

ko ko 97 Practically a Master Poster

This is the great for tutorials.
http://www.w3schools.com/

ko ko 97 Practically a Master Poster

You float div are the child of the main wrapper and it float in its parent. Not the wrapper and 'dropzoneContainer'. Also, wrapper and dropzoneContainer has still linebreak and they generate break line around them. So you must float them. Then, you give the wrapper to 380px width. There is 3 wrapper div and dropzoneContainer which has 382px width. So, there is no enough space to appear next to each. Try this:

CSS:
.wrapper
{
      width:20%;
      height:148px;
      margin-bottom:1px;
      margin-top:1px;
      border:solid 1px black;
     float:left;
     background:red
}
.dropZone
{
      background: green;
      height:120px;
      width:80px;
      float:left;
}
.dropZoneContainer
{
      background:blue;
      height:600px;
      width:37%;
     float: left
}

Sorry for my English skill and good luck to you.

apgriffiths commented: Good assistance. +1
ko ko 97 Practically a Master Poster

Never forget some block elements have their own margin and padding. Also headings and list-items have the default margin and padding. The margin and padding properties are depending on the browser types. So, you must always set the margin and padding values to the same result for all browsers. Sorry for my English skills.

ko ko 97 Practically a Master Poster

There is p element in your DC-Left-Bar, The p element has margin. So, you can break the margin property.

#DC-Left-Bar p {
margin: 0; }

Good Luck..

ko ko 97 Practically a Master Poster

Did you mean external css to embed in your document?
Here is import external css to document.

<style type="text/css">
<!--
@import url('yourcss.css');
-->
</style>
ko ko 97 Practically a Master Poster

Attach your css file and enter specific properties.
Here is CSS:

#id {
white-space: normal }

And check your validation which version do you use?

ko ko 97 Practically a Master Poster

I don't understand your question? If you have HTML and CSS code. Please post here.

ko ko 97 Practically a Master Poster

EOT means Embedded OPen Type Font. a compact form of OpenType fonts designed by Microsoft for use as embedded fonts on web pages. These files usually use the extension ".eot".
Go there and this will explain completely.
http://en.wikipedia.org/wiki/Embedded_OpenType

ko ko 97 Practically a Master Poster

It is ok now. I check host,name, and password and I fixed it. Now it is ok. Thank for your reply.

ko ko 97 Practically a Master Poster

Check your url. You import core.css from where. Are the HTML and css same root?

ko ko 97 Practically a Master Poster

My EOT font doesn't work in PHP. It only work in HTML. Can anyone help me? Thanks.

ko ko 97 Practically a Master Poster

You can use absolute position property to move where you want. The relative position left the extra white space after it positioned. The absolute position doesn't left the white space and it can move exactly where you want. If it's parent has the position property of relative, it will calculate and position from it's parent. If not, it will calculate and position from the browser.

CSS:
#parent {
position: relative; width: 100%; height: 400px }
#child {
position: absolute; top: 50%; left: 50%; width: 200px; height: 200px }

HTML:
<div id="parent">
    <div id="child">It relative to its parent element and absolutely position from 50% of top and left.</div>
</div>

Sorry about for my English skill. I hope you will be ok.

ko ko 97 Practically a Master Poster

Hi Everybody.. I installed wamp server and Mysql services doesn't start. I've found on Google Search. and nothing to solve my problem. Can anyone help me? Thanks..

ko ko 97 Practically a Master Poster

Hi.. Everybody..
My EOT font doesn't work wiht PHP file. It only work in HTML. What do I do for PHP? Thanks..

ko ko 97 Practically a Master Poster

nice .. menu.. a:hover color should be work; you need to change 'a' element to block type. Here ..

a { display: block }

so, it give anchor link to full width of 'li' and the color will work when hover.

ko ko 97 Practically a Master Poster

ok, congratulation..

ko ko 97 Practically a Master Poster

Remove background image from left-frame window. You use two frame with different background.

ko ko 97 Practically a Master Poster
ko ko 97 Practically a Master Poster

Pleas post your HTML codes.

ko ko 97 Practically a Master Poster

Your HTML ..?

ko ko 97 Practically a Master Poster

float your image

img {
float: left }
ko ko 97 Practically a Master Poster

use span to your text

<span style="vertical-align: top">Topic Body:</span>

It will help you..

ko ko 97 Practically a Master Poster

Check your mail list tag

<li>

, it has

text-align: center

property. It can move all child element to center. If you want to main menu text to center, you may give

<a>

element to text align property. But, notice that it will apply all text in anchor tag. Let try this:

#nav li a {
text-align: center }
#nav li:hover ul a {
text-align: left }

It will work.
Sorry for bad English skill.

ko ko 97 Practically a Master Poster

You must validate your HTML document.
Here is validation: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/XHTML/DTD/xhtml1-strict.dtd">

ko ko 97 Practically a Master Poster

OK Let try this.

CSS:

*html {
background: #373737; height: 100% }
body {
background: #373737; font: normal 100% Arial,Verdana,Lucida Grande,Sans-serif }
ul, li {
margin: 0; padding: 0; list-style: none }
html a {
text-decoration: none; color: #EEEEEE }
p {
margin: 0; padding: 0 }

/* Container */

body > #container {
width: 878px; margin: 0 auto; padding: 42px 0 87px; background: white; line-height: 100%; position: relative }
#container:after {
content: '.'; height: 0; display: block; clear: both; visibility: hidden }
#container > p {
text-align: center; border-bottom: 1px solid #111111; margin: 0 20%; padding-bottom: 7pt }

/* Primary Navigation Menu Bar */

ul#nav-menu {
width: 687px; height: 33px; line-height: 33px; display: table; background: #111111; position: absolute; top: 0; left: 0 }
ul#nav-menu li {
display: table-cell; float: left; vertical-align: baseline; position: relative }
ul#nav-menu a {
display: block; float: none ! important; padding: 0 22px; height: 33px; line-height: 33px }

/* Primary Hover Link */

ul#nav-menu li a:hover, ul#nav-menu li:hover a {
color: #373737 }
ul#nav-menu li.last {
border-bottom: none }


/* Sub Menu */

ul#nav-menu ul {
display: none; width: 147px; position: absolute; top: 33px; left: 0; border-style: none solid; border-width: 1px; border-color: #111111 }
ul#nav-menu ul:after {
content: '.'; height: 0; clear: both; display: block; visibility: hidden }
ul#nav-menu ul li {
display: block; float: left; width: 147px }

/* Secondary Link */

ul#nav-menu li:hover li a {
background: #111111; color: #CCCCCC; text-align: center }
ul#nav-menu li:hover li a:hover, ul#nav-menu li:hover li:hover a …
ko ko 97 Practically a Master Poster

You should set pop-up menu 'display: absolute;' and set top: ' ' from parent height.

ko ko 97 Practically a Master Poster

I think your problem was 'display' property of two divs.
Give them 'display: inline-block;' and their width to 100% and then try again.

ko ko 97 Practically a Master Poster

Hi!
Are you want to float div2 without exact width.
Any float elements need exact width.

ko ko 97 Practically a Master Poster

Connect to SQL server with ASP needs ADODB connection.
This connection can extract data from database and insert data into database.
What problem do you face?

ko ko 97 Practically a Master Poster

Uh! Friend, you should learn HTML and CSS.

ko ko 97 Practically a Master Poster

This is you want to know.
One link to top of page and another to bottom.
First, you type two link element in your html document.
e.g., <a>--</a> <a>--</a>

Then, you set your link which you want to link top/bottom

e.g., <a href="#bottom" id="top">To Bottom</a>
<a href="#top" id="bottom">To Top</a>

You clip "To Bottom", the link go to the bottom of page
and so you clip "To Top", the link go to the top of page.