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: 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: Do u know PHP Programming is Most Used Programming Language

Why not try to search with google?

Web Development php
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: 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: 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: Container stops expanding when DIV floats left

Add this to your container

#container { 
padding: 20px 0 0 0px; /*You should give 'padding-top:20px' instead of this and px doesn't need after 0 value' */
width: 100%; 
background-color: #CC3300; 
overflow: hidden
}

Add red color text, and try.. I hope this will help you.

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

What is font: MyCustomFont? Wrong css.
Must be:

font-family:  MyCustomFont;

'font' is short hand property. You must use this for shorthand.

font: [font-weight] [font-style] [font-variant] [font-size/line-height] [font-family];
/* font:  MyCustomFont is wrong */
UI / UX Design html-css web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: 'pure css menu' hover problems with explorer

This is because you floated the li tags from parent ul. So, it force it all child li to float. So you need to break float for the child li tag. Here

#nav ul ul li {
       float: none
}

It would work. And puts doctype in your html.

UI / UX Design html-css web-design
nateuni commented: Thanks Man! Appreciated! +0
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Why font-size is affecting the gap between divs in this example?

The problem is the 'inline' property to your div. I can't explain clearly but changing block element to inline wrap some white space around them. Try to float them appear next to each.

#
.enlinia {
border:thin solid;
height:8px;
width:13px;
float: left
}

This should work. Thanks for your response.

UI / UX Design web-design
Altairzq commented: Thanks for your help +0
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: How would I do this in CSS? Newby pulling hair out.

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" …
UI / UX Design html-css web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Putting divs side by side

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.

UI / UX Design web-design
apgriffiths commented: Good assistance. +1