Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Help with{$_SERVER['PHP_SELF']} 
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
Web Development php
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Random Colour

Your codes are non-standard and wrong syntax. You can't call two function with only one click event.
And also the variable are not matching (randomRed,randomGreen,randomBlue), I don't see these three variable defined. It must be (red,green,blue).
Try with below:

<html>
<body>
<form name="frmOne">
W2+: <input type="text" name="w" style="background-color:#123456;" size="5" value="0" />
<p>
Total Z: <input type="text" name="z" size="5" value="1" /></p>
<p> 
<input type="button" name="b1" value="Pluss One" onClick="calculate()" /></p>
</form>
<script language="javascript" type="text/javascript">
function calculate() 
{
A = document.frmOne.w.value;
A = Number(A);
C = A+1;
document.frmOne.w.value =  C;
document.frmOne.z.value = C+1;
return colourchange();
}
</script>
<script language="javascript" type="text/javascript">
function colourchange()
 {
	  var red=Math.floor(Math.random()*256)
	   var green=Math.floor(Math.random()*256)
	    var blue=Math.floor(Math.random()*256)

		document.frmOne.w.style.backgroundColor = "rgb("+red+","+green+","+blue+")";
}
</SCRIPT>
</body>
</html>

It should work. Hope this help!

Web Development php
Kniggles commented: thanks +1
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Div-block increase on a vertical according to the size of contents.

I have no special places or things and also I have no great books for studying CSS or HTML. All of my know about HTML and CSS are mostly based on practice.

I tried with googling and learned on some HTML, CSS websites. They gave me basic and foundation. I learned these sites and spent many times infront of my PC and wrote many codes and run on my PC.w3schools is greate place for beginners and HTML.net is also a good site for HTML and CSS.

You should start with trying to know about CSS properties and references and their structure. How their properties work and cross browser compatibilities and common errors that you will face with coding CSS.

You should know about the box model related with CSS http://css-tricks.com/the-css-box-model/. You should also know the CSS float property and how they cause the cross browser issues and how to fix that http://www.smashingmagazine.com/2009/10/19/the-mystery-of-css-float-property/, http://www.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/

You can find about DTD at here http://www.w3.org/QA/2002/04/valid-dtd-list.html.

One of the important thing is testing and practice what you found.

Hope that help...

UI / UX Design web-design
vedro-compota commented: ++++++++++ +1
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Style="position.... not working when add to web page

Have you already validate your markup ? http://validator.w3.org/

UI / UX Design web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Div-block increase on a vertical according to the size of contents.

I suggest you to try with the simplest layout. Below is my examples.

html, body {
	font: 13px Arial,Tahoma,Sans-serif;
	margin: 0;
	padding: 0;
}
h3 {
	font-size: 13px;
	text-align: center;
}
#wrapper {
	margin: 12px auto;
	width: 1024px;
}
#main-menu {
	background: #f0f0f0;
	border: 1px solid #d8d8d8;
	height: 60px;
	line-height: 60px; /* Set line-height same with height will give the equal vertical alignment */
	text-align: center;
}
#content {
	padding: 12px 0;
}
#columns {
	overflow: hidden;
}
#left {
	float: left;
	width: 287px;
}
#main_photo, #main_form {
	border: 1px solid #ddd;
	font-weight: bold;
	margin-bottom: 12px;
	padding: 87px 10px;
	text-align: center;
}
#middle {
	border: 1px solid #ddd;
	float: left;
	margin-left: 22px;
	padding: 13px 8px 87px;
	width: 432px;
}
#right {
	float: right;
	width: 250px;
	border: 1px solid #ddd;
}
#main_text_head {
	background: #e8e8e8;
	border: 1px solid #d7d7d7;
	margin: 0 0 9px;
	padding: 8px 3px;
}
#message {
	overflow: hidden;
	position: relative;
}
#avatar {
	background: #f7f7f7;
	border: 1px solid #d8d8d8;
	float: left;
	font-weight: bold;
	height: 111px;
	line-height: 111px;
	width: 117px;
	text-align: center;
}
#message_text {
	margin-left: 124px;
	padding: 8px 13px;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Что-то вроде страницы.</title>
</head>
<body>
	<div id="wrapper">
		<div id="main-menu">
			Main Menu
		</div>
		<div id="content">
			<div id="columns">
				<div id="left">
					<div id="main_photo">Main Photo</div>
					<div id="main_form">Main Form</div>
				</div>
				<div id="middle">
					<h3 id="main_text_head">Main Text Head</h3>
				</div>
				<div id="right">
					<h3>Right Side</h3>
				</div>
			</div>
			<div id="message">
				<div id="avatar">Avatar</div>
				<div id="message_text">Message</div>		  
			</div>
		</div>
		<div id="footer">
		</div> …
UI / UX Design web-design
vedro-compota commented: Who else so helped me?)) +1
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Css top margin problem

Have you already tried with 'em' instead of 'px' ?

UI / UX Design html-css web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Image position on HTML with CSS and z-index

Add 'position: relative' and 'z-index' property to the table cell greater than 'biographyphoto' z-index property. The example below has 10 for table cell 'z-index'.

#maintable td {
	position: relative;
	z-index: 10;
}
UI / UX Design html-css web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Div-block increase on a vertical according to the size of contents.

Many absolute positions. Absolute position is not good for layout formatting. It should use for creating dynamic contents and creating HTML DOM element with browser scrptings (javascript, vbscript, etc).

Absolute position moved absolutely from it's parent or document. It left no space and it parent's cannot render correctly.

You should use exact height instead of minimum height calculating maximum heights of absolute elements inside it.

UI / UX Design web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Div-block increase on a vertical according to the size of contents.

'display: inline-block' would render the content according to the size of the content inside it.

UI / UX Design web-design
vedro-compota commented: +fromvedrocompota +1
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Image positioning in IE 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Put DTD in your document. IE need DTD to support 'inline-block' property.

UI / UX Design web-design
Lapixx commented: Really solved my problem. Thanks! +1
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Adding more files to upload

The problem must be your PHP codes. Check your PHP codes or post here.

Web Development php
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Adding more files to upload 
addPhoto.innerHTML = addPhoto.innerHTML +"<br/><input type='file' name='flImg'+ i>";

You need to insert the quote here <input type='file' name='flImg'" + i + "'>" This one may help you.

function AddMore()
{
var i = document.frmExhbt.addN.value;
var ele = document.getElementById('addPhoto');
i=parseInt(i);
i++;
document.frmExhbt.addN.value=i;
var newFile = document.createElement('DIV');
newFile.innerHTML = '<input type="file" name="flImg' + i + '" />';
newFile.innerHTML += '<input type="text" name="txtTtl' + i + '" />';
ele.appendChild(newFile);
}

Hope this help..!

Web Development php
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: PHP won't execute in html form 
("SELECT ap_info.ap_id, ap_info.f_name, ap_info.l_name, ap_info.dob, ap_info.email, ap_info.skype, ap_info.home_phone, ap_info.cell_phone, ap_info.home_add, ap_info.education, education.desc, ap_info.marital_status, marital_status.desc, nationality, start_date, end_date, driving, cycling FROM ap_info join education on education.unique_id = ap_info.education join marital_status on marital_status.marital_id = ap_info.marital_status where ap_info.ap_id = '2'")
("SELECT languages_ap.lang_id, languages.language, languages_ap.speaks FROM languages_ap join languages on languages.lang_id = languages_ap.lang_id WHERE languages_ap.ap_id = '$ap_id' order by languages.lang_id ");

Remove the curly brackets '()'. This may cause the SQL injection when the query run.

mysql_query($sellang)

This one will look like:

mysql_query(("SELECT languages_ap.lang_id, languages.language, languages_ap.speaks FROM languages_ap join languages on languages.lang_id = languages_ap.lang_id WHERE languages_ap.ap_id = '$ap_id' order by languages.lang_id "))

Try this one:

$select = "SELECT ap_info.ap_id, ap_info.f_name, ap_info.l_name, ap_info.dob, ap_info.email, ap_info.skype, ap_info.home_phone, ap_info.cell_phone, ap_info.home_add, ap_info.education, education.desc, ap_info.marital_status, marital_status.desc, nationality, start_date, end_date, driving, cycling FROM ap_info join education on education.unique_id = ap_info.education join marital_status on marital_status.marital_id = ap_info.marital_status where ap_info.ap_id = '2'";

Instead of

$select = ("SELECT ap_info.ap_id, ap_info.f_name, ap_info.l_name, ap_info.dob, ap_info.email, ap_info.skype, ap_info.home_phone, ap_info.cell_phone, ap_info.home_add, ap_info.education, education.desc, ap_info.marital_status, marital_status.desc, nationality, start_date, end_date, driving, cycling FROM ap_info join education on education.unique_id = ap_info.education join marital_status on marital_status.marital_id = ap_info.marital_status where ap_info.ap_id = '2'");

Hope this help ..!

Web Development html-css mysql php
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: php sort error, please help

Uhhh.. ADM, you need default statement if there is no parameter passed. I found that you want to sort with the 'employee.LNAME' as default. Try this one:

if(isset($_REQUEST['sort'])){
	if($_GET['sort'] == "FNAME"){
	$query = "SELECT * FROM departments LEFT JOIN (employees) ON (departments.ID=employees.DEPARTMENTID) ORDER BY FNAME";
	}
	elseif($_GET['sort'] == "LNAME"){
	$query = "SELECT * FROM departments LEFT JOIN (employees) ON (departments.ID=employees.DEPARTMENTID) ORDER BY employees.LNAME ASC";
	}
	elseif($_GET['sort'] == "TITLE"){
	$query = "SELECT * FROM departments LEFT JOIN (employees) ON (departments.ID=employees.DEPARTMENTID) ORDER BY employees.TITLE ASC";
	}
	elseif($_GET['sort'] == "NAME"){
	$query = "SELECT * FROM departments LEFT JOIN (employees) ON (departments.ID=employees.DEPARTMENTID) ORDER BY departments.NAME ASC";
	}
	else{
	$query = "SELECT * FROM departments LEFT JOIN (employees) ON (departments.ID=employees.DEPARTMENTID) ORDER BY employees.PHONE ASC";
	}
}
else{ // Default if no parameters passed
	$query = "SELECT * FROM departments LEFT JOIN (employees) ON (departments.ID=employees.DEPARTMENTID) ORDER BY employees.LNAME ASC";
}

It should work. Good luck dear.

Web Development php
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: php sort error, please help

Try this:

<?php
$con = mysql_connect("localhost","root","");
if (!$con)
  {
  die('Could not connect: ' . mysql_error());
  }

mysql_select_db("mydb", $con);

if(isset($_REQUEST['sort'])){
	if($_GET['sort'] == "FNAME"){
	$query = "SELECT * FROM departments LEFT JOIN (employees) ON (departments.ID=employees.DEPARTMENTID) ORDER BY FNAME";
	}
	elseif($_GET['sort'] == "LNAME"){
	$query = "SELECT * FROM departments LEFT JOIN (employees) ON (departments.ID=employees.DEPARTMENTID) ORDER BY employees.LNAME ASC";
	}
	elseif($_GET['sort'] == "TITLE"){
	$query = "SELECT * FROM departments LEFT JOIN (employees) ON (departments.ID=employees.DEPARTMENTID) ORDER BY employees.TITLE ASC";
	}
	elseif($_GET['sort'] == "NAME"){
	$query = "SELECT * FROM departments LEFT JOIN (employees) ON (departments.ID=employees.DEPARTMENTID) ORDER BY departments.NAME ASC";
	}
	elseif($_GET['sort'] == "PHONE"){
	$query = "SELECT * FROM departments LEFT JOIN (employees) ON (departments.ID=employees.DEPARTMENTID) ORDER BY employees.PHONE ASC";
	}
	// Default sql if no parameters given
	else {
	$query = "SELECT * FROM departments LEFT JOIN (employees) ON (departments.ID=employees.DEPARTMENTID) ORDER BY employees.LNAME ASC";
	};
}


$result = mysql_query($query) or die(mysql_error());
echo '<table border="1">
<tr>
<td><a href="test.php?sort=FNAME">First Name</a></td>
<td><a href="test.php?sort=LNAME">Last Name</a></td>
<td><a href="test.php?sort=TITLE">Title</a></td>
<td><a href="test.php?sort=NAME">Department</a></td>
<td><a href="test.php?sort=PHONE">Phone</a></td>
</tr>';
while($row = mysql_fetch_array($result))
{
if($row['LNAME'])
{
echo "<tr>";
echo "<td>".$row['FNAME']."</td>";
echo "<td>".$row['LNAME']."</td>";
echo "<td>".$row['TITLE']."</td>";
echo "<td>".$row['NAME']."</td>";
echo "<td>".$row['PHONE']."</td>";
echo "</tr>";
}
}
echo "</table>";
mysql_close($con);

?>

Check if the 'sort' parameter is already defined which was sent by form. In the first time of this page, the form is not processed and there is no 'sort' parameter has been sent. So '$_GET' is undefined variable. You can check if the variable is already set with the 'isset()' method. Hope this help!

Web Development php
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Floating Problem

Post HTML.

UI / UX Design web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: How to be back to previous page? 
header("Location: add.php");

I am not sure that is the one you want. Hope this help..!

Web Development php
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: HTML/CSS buttons don't show on IE

Use 'class' or 'id' instead of 'attribute' (input[type]). This may ignore in some of IE version.

UI / UX Design html-css web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Real Stumper! <link title="problem" /> 
<td class='td_stars'><ul id='total' class='rating ninestar'></td>

There is no closing for the 'ul', and validation failed.
http://validator.w3.org/, validate here.
'<br>' doesn't allowed in XHTML. You should use '<br />'.

UI / UX Design web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Having trouble with two column css content - help!

May be not had the enough space for the right. The maximum width of the two columns must be their parent's width, and if there was also margin or padding, they can increase spaces between the two columns. Check these and try again.

UI / UX Design html-css oop web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: CSS Issues - Need Help : )

Here:

#mainnav ul {
	float: left;
        overflow: hidden;
        margin-left: 140px;
        margin-bottom: 0;
	border: 1px solid blue;
	}

Add 'margin-bottom: 0' to 'ul' which is inside of 'mainnav' div.

UI / UX Design html-css web-design
drewpark88 commented: Great Input! Thanks Zero - Drew +1
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: DIV Layout Positioning 
div#div1-b {
	position:absolute;
	top:0px;
	right:0px;
	width:75%;
	height:200px;
}

Remove 'height: 200px' with 'height: auto'. Or use 'overflow' property to control the overflow contents.

div#div1-b {
         /* This declaration hide the overflow contents */
         overflow: hidden;
         /* This declaration show the overflow contents */
         overflow: visible;
         /* This declaration will show with the scrollbar when the contents are flow out of layer */
         overflow: auto;
}

Good luck..

UI / UX Design html-css web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: how to call javascript function when I come back to prev page

The 'response redirect' can help you.

<%
response.redirect('contact.html')
%>

When you submit the form and it will process in 'asp' file and then, redirect to the 'contact.html'. It make the browser refresh and all fields are clear.

UI / UX Design java javascript web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: image map not working, help please!

Try with 'area shap: circle' instead of 'rectangle'. You can find the coordinate with photoshop more exactly.

UI / UX Design web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: navigation menu

http://www.free-css.com/free-css-menus/page1.php
Here is free css meus. You can learn easily and download free.

UI / UX Design web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Help..! Problem in changing display property in IE.

We can't help you without seeing your code. I think you want CSS drop-down menu and it won't work in IE and others fine. What is your IE version? The CSS drop-down can't work with IE 6 and older because can't understand pseudo attribute ":hover", except for anchor 'a:hover'.

UI / UX Design web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Help..! Problem in changing display property in IE.

Post your codes.

UI / UX Design web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Float layout question

Do you want the two bars at the top and bottom. The second bar was not correctly rendered, and it appeared at the bottom of the first bar. Put the statement 'clear: both' to the 'bar. Here it is

.bar {
	background-color:#840018;
        clear: both;
	height:10px;
	width:100%;
}

Good luck..

UI / UX Design web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: css inline submenu won't stay open Please Help 
#ao_nav li#first{
			display:inline;
			margin:3px 0 0 10px;
			position:relative;
			float:left;
			height: 20px;
			color: white;
		    font-size: 9pt;
		    font-weight:bold;
}
#ao_nav li#contrast{
			display:inline;
			margin:3px 0 0 10px;
			position:relative;
			float:left;			
			height: 20px;
			color: white;
		    font-size: 9pt;
		    font-weight:bold;

	
}
#ao_nav li{
			display:inline;
			margin:0 0 0 12px;
			position:relative;
			float:left;
			text-align:bottom;
			height: 20px;

}

'#ao_nav li {}', this statement overwrite '#ao_nav li#contrast{}', and '#ao_nav li#first'. If you need more than one selectors with same properties, group these selectors:

#ao_nav li#contrast, #ao_nav li#first {
			display:inline;
			margin:3px 0 0 10px;
			position:relative;
			float:left;			
			height: 20px;
			color: white;
		    font-size: 9pt;
		    font-weight:bold;
}
/* this is the same because the '#first' and '#contract' are the children of ul container which is under '#ao_nav' div */
#ao_nav ul li{
			display:inline;
			margin:3px 0 0 10px;
			position:relative;
			float:left;			
			height: 20px;
			color: white;
		    font-size: 9pt;
		    font-weight:bold;	
}

Instead of:

#ao_nav li#first{
			display:inline;
			margin:3px 0 0 10px;
			position:relative;
			float:left;
			height: 20px;
			color: white;
		    font-size: 9pt;
		    font-weight:bold;
}
#ao_nav li#contrast{
			display:inline;
			margin:3px 0 0 10px;
			position:relative;
			float:left;			
			height: 20px;
			color: white;
		    font-size: 9pt;
		    font-weight:bold;	
}

The 'text-align:bottom' was not right. 'text-align' has three values 'left,right,center'.
The sub menu cannot be show longer because it's parent 'li#first' has '20px' height, and it positioned at '30px' top from it's parent. Replace 'top: 30px' with 'top: 20px' in '#ao_nav li ul' properties. It would be work. Good luck..

UI / UX Design html-css web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: css inline submenu won't stay open Please Help 
#ao_nav li#first{
			display:inline;
			margin:3px 0 0 10px;
			position:relative;
			float:left;
			height: 20px;
			color: white;
		    font-size: 9pt;
		    font-weight:bold;
}
#ao_nav li#contrast{
			display:inline;
			margin:3px 0 0 10px;
			position:relative;
			float:left;			
			height: 20px;
			color: white;
		    font-size: 9pt;
		    font-weight:bold;

	
}
#ao_nav li{
			display:inline;
			margin:0 0 0 12px;
			position:relative;
			float:left;
			text-align:bottom;
			height: 20px;

}

'#ao_nav li {}', this statement overwrite '#ao_nav li#contrast{}', and '#ao_nav li#first'. If you need more than one selectors with same properties, group these selectors:

#ao_nav li#contrast, #ao_nav li#first {
			display:inline;
			margin:3px 0 0 10px;
			position:relative;
			float:left;			
			height: 20px;
			color: white;
		    font-size: 9pt;
		    font-weight:bold;
}
/* this is the same because the '#first' and '#contract' are the children of ul container which is under '#ao_nav' div */
#ao_nav ul li{
			display:inline;
			margin:3px 0 0 10px;
			position:relative;
			float:left;			
			height: 20px;
			color: white;
		    font-size: 9pt;
		    font-weight:bold;	
}

Instead of:

#ao_nav li#first{
			display:inline;
			margin:3px 0 0 10px;
			position:relative;
			float:left;
			height: 20px;
			color: white;
		    font-size: 9pt;
		    font-weight:bold;
}
#ao_nav li#contrast{
			display:inline;
			margin:3px 0 0 10px;
			position:relative;
			float:left;			
			height: 20px;
			color: white;
		    font-size: 9pt;
		    font-weight:bold;	
}

The 'text-align:bottom' was not right. 'text-align' has three values 'left,right,center'.
The sub menu cannot be show longer because it's parent 'li#first' has '20px' height, and it positioned at '30px' top from it's parent. Replace 'top: 30px' with 'top: 20px' in '#ao_nav li ul' properties. It would be work. Good luck..

UI / UX Design html-css web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: css inline submenu won't stay open Please Help 
#ao_nav li#first{
			display:inline;
			margin:3px 0 0 10px;
			position:relative;
			float:left;
			height: 20px;
			color: white;
		    font-size: 9pt;
		    font-weight:bold;
}
#ao_nav li#contrast{
			display:inline;
			margin:3px 0 0 10px;
			position:relative;
			float:left;			
			height: 20px;
			color: white;
		    font-size: 9pt;
		    font-weight:bold;

	
}
#ao_nav li{
			display:inline;
			margin:0 0 0 12px;
			position:relative;
			float:left;
			text-align:bottom;
			height: 20px;

}

'#ao_nav li {}', this statement overwrite '#ao_nav li#contrast{}', and '#ao_nav li#first'. If you need more than one selectors with same properties, group these selectors:

#ao_nav li#contrast, #ao_nav li#first {
			display:inline;
			margin:3px 0 0 10px;
			position:relative;
			float:left;			
			height: 20px;
			color: white;
		    font-size: 9pt;
		    font-weight:bold;
}
/* this is the same because the '#first' and '#contract' are the children of ul container which is under '#ao_nav' div */
#ao_nav ul li{
			display:inline;
			margin:3px 0 0 10px;
			position:relative;
			float:left;			
			height: 20px;
			color: white;
		    font-size: 9pt;
		    font-weight:bold;	
}

Instead of:

#ao_nav li#first{
			display:inline;
			margin:3px 0 0 10px;
			position:relative;
			float:left;
			height: 20px;
			color: white;
		    font-size: 9pt;
		    font-weight:bold;
}
#ao_nav li#contrast{
			display:inline;
			margin:3px 0 0 10px;
			position:relative;
			float:left;			
			height: 20px;
			color: white;
		    font-size: 9pt;
		    font-weight:bold;	
}

The 'text-align:bottom' was not right. 'text-align' has three values 'left,right,center'.
The sub menu cannot be show longer because it's parent 'li#first' has '20px' height, and it positioned at '30px' top from it's parent. Replace 'top: 30px' with 'top: 20px' in '#ao_nav li ul' properties. It would be work. Good luck..

UI / UX Design html-css web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Problem with A inside DIV

Overflow control how to display the contents which are flow out of its parent. The contents can flow out from it's parent when the layer was floated or positioned absolute, or negative margins.

Absolute position can overlap another layer with 'absolute' or 'relative'. You can control what the layer is upper or lower with 'z-index' property. Here is some:

HTML:
<div id="layer1">First Layer</div>
<div id="layer2">Second Layer</div>
CSS:
#layer1 {
     background: green;
     left: 0;
     height: 22px;
     position: absolute;
     top: 0;
     width: 200px;
     z-index: 2
     }
#layer2 {
     background: blue;
     height: 22px;
     left: 100px;
     position: absolute;
     top: 0;
     width: 200px;
     z-index: 1
     }

You will see the layer1 is upper and the layer2 is below. The layer is top, when the 'z-index' value is greatest. You can use with 'relative-position' like this way.

UI / UX Design web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Problem with A inside DIV

Use 'overflow:hidden' property to the div which hold the navigation menus. I check your HTML and the div is 'ExternalMenuBarEHL1'. So, add this to the CSS property of 'ExternalMenuBarEHL1'.

overflow: hidden

It is not what you want, post again clearly. Good luck.

UI / UX Design web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: CSS questions

Less information and we can't help you. Post both HTML and CSS.

UI / UX Design html-css web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Strange horizontal scrolling in IE

Developers used "h1" tag for main logo and replace text with image, instead of "img" tag. That helps our site ranks increase and search engine friendly. Try this one:
HTML:

<h1 id="logo"><a href="#">Your site name</a></h1>

CSS:

h1#logo {
       background: url('../your_logo.jpg') no-repeat top left; /* this image replace the heading text */
       height: /* your logo image height */;
       width: /* your logo image width */;
       text-indent: -9999em /* remove text from browser view */
       }

Now your heading replace by image. The link is now inline-level and small area to click. Try this:

h1#logo a {
         display: block;
         height: 100%
         }

'absolute position' makes problems for some browsers. Sorry for my language skill. Good luck...

UI / UX Design web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: absolute position a background image FF vs. IE

Where did you use this background image? DIV or any block elements. Post your HTML codes..

UI / UX Design web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: absolute positioning text over header image

The absolute position element was not DIV, it was span tag inside 'pagemenu' DIV.

<span style="position:absolute; top: 30px; left:570px; background-color: fuchsia;">
<?php include("mainmenu.txt");?></span>

So, it can be related to it's parent DIV 'pagemenu'. If DIV('pagemenu') has the property,(position: relative), the span stay 30px far from the top of DIV('pagemenu'). Try with:

<div id="pagemenu" style="position:relative">
<span style="position:absolute; top: 30px; left:570px; background-color: fuchsia;">
<?php include("mainmenu.txt");?></span>
</div>

Good luck..

UI / UX Design web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: xhtml validation

I don't know exactly what your problem is. But your code was not valid.

<link></link>
<img></img>
<br></br>
<hr></hr>

From above, they are non-close tags. You must use

<link />
<img />
<br />
<hr />

The input tag has no close tag too. Fix these and validate again. And why did you insert table into the heading tag.
The heading tag was text container, not element container.
You should use DIV.
Fix the above error and try again. If not you success, post here..
Good luck..

UI / UX Design html-css web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: CSS example sites

Go there, this will explain complete CSS properties. http://www.eskimo.com/~bloo/indexdot/css/propindex/all.htm

UI / UX Design html-css web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Center main container

You was not give the x and y position for container. If there is no specify value for x and y position, IE use it default value '0'. So the container would be top left corner of the browser window. You need to give the x and y position for IE. Here is example:

#container {
     position: absolute;
     top: 0;
     left: 50%
     }

Go there, it will explain you better.

UI / UX Design web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Center main container

The container is absolute position and the margin auto ignore in IE. Remove the "position: absolute" from the container. The style tag should be write after the title tag and meta tags.

UI / UX Design web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Div height didn't increasing automatically ..

Put this css property in the main div.

overflow: hidden

Float overlap to its parent and element followed after it. You can add the clear div after the two float divs. Here is example

<div style="clear:both"></div>

Good luck..

UI / UX Design web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Css making trouble

The vertical-align only apply to inline element. You can use inline tags like span instead of div. Here is example:

span {
      vertical-align: top/middle/bottom/baseline/text-top
     }

See here, for more detail.

UI / UX Design html-css web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Css making trouble

Use inline-block or float. Inline can't help you.
Here is some 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>
<title>Tow Divs Next Each Other</title>
<style type="text/css">
div {
	background: #EEE;
	border: 1px solid gray;
	display: inline-block;
	height: 200px;
	width: 300px;
	max-width: 300px ! important;
	white-space: wrap;
	overflow: hidden
	} 
</style>
</head>
<body>
	<div>
		Content in first box.
	</div> 
	<div>
		Content in second box.
	</div>
</body>
</html>

It may help you.

UI / UX Design html-css web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Why does FireFox Load ALL file.css?

Yes. we all afraid IE bugs. Cheers... friend.

UI / UX Design web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Undefined variable in scripts

It is the same below.

$content = "Hello From ";
//$content has the value "Hello From" string

$content .= "My PHP Page";
//Now, $content has the value "Hello From My PHP Page" string

It assign the variable to its value and another values. I can't explain very well because of I'm newer of PHP. Go there and it will teach you much more. Cheer..

Web Development php programming-construct
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Undefined variable in scripts

The error is there is no variable named content like $content. Set the $content variable. Here it is:

$i = 0;
$content;
foreach ($value as $row) {
$content .= "<option value=\"" . $i . "\" " . $selected . ">" .$row . "</option>\n";
$i++;
      }

But there is no print result for above codes. What do you want for?
Do you want to print out the options. Try this

$i = 0;
echo "<select name=\"selectItem\">";
foreach($value as $row) {
echo "<option value=\"" . $i . "\">" . $row . "</option>\n";
$i++;
}
echo "</select>";

Good luck..

Web Development php programming-construct
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Why does FireFox Load ALL file.css?

Your code was wrong. Should be

<!--[if gte IE 5.5]>
<link rel="stylesheet" type="text/css" href="standard.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="ie7.css" />
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="standard.css" />
<![endif]-->

It should be work. Good luck..

UI / UX Design web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: One DIV next to two DIVs

Try this:

<!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>
<title>One DIV next to two DIVs</title>
<style type="text/css">
body {
	margin: 0;
	padding: 0;
	font: normal 11pt/1.8em Arial, Sans-serif;
	color: #1d1d1d
	}
#wrapper {
	overflow: hidden;
	/* stay center when the screen increase or decrease */
	width: 998px;
	margin: 0 auto;
	background: #ccc
	}
#right {
	/* float to right */
	float: right;
	/* need width */
	width: 22%;
	margin: 2% 3% 2% 0;
	border: 1px solid gray;
	height: 100%;
	min-height: 150px
	}
#left {
	/* float to left */
	float: left;
	/* need width */
	width: 69%;
	margin-left: 5%;
	background: #ccc
	}
#left_upper, #left_lower {
	margin: 1.3em;
	border: 1px solid gray
	}
</style>
</head>
<body>

	<!-- container wrap all elements -->
	<div id="wrapper">

		<!-- DIV on the right side -->
		<div id="right">
			<h1>Right Side</h1>
		</div>
	
		<!-- DIV on the left which contains two divs -->
		<div id="left">
			<!-- upper div -->
			<div id="left_upper">
				<h1>The first content.</h1>
			</div>
			<!-- lower div -->
			<div id="left_lower">
				<h1>The second content.</h1>
			</div>
		</div>
	</div>
</body>
</html>

Good luck.

UI / UX Design web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Center CSS horizontal menu, if you can

I don't know what do you want to center, text or element. If you want to center the text, try this:

#
ul li a {
display: block;
text-decoration: none;
color: #ffffff;
border-top: 1px solid #ffffff;
padding: 5px 15px 5px 15px;
background: #2C5463;
margin-left: 1px;
white-space: nowrap;/* white-space ignore text-align property, you should remove */
text-align: center
}
UI / UX Design html-css web-design