ko ko

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 [code].bar { background-color:#840018; clear: both; height:10px; width:100%; } [/code] Good luck..

Post your codes.

Which space did you mean? Maybe space between the browser and your pgae. Give 'margin' and 'padding' to '0' in body. [code] body { margin: 0; padding: 0 } [/code] That is what I understand your question.

You were wrong forum. Maybe PHP or any programming forum that you should go.

There is no container for the text 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse velit arcu, interdum in condimentum sit amet, vehicula non orci'. HTML is mark-up language, means that it can describes with the tag(element) which part of the document. Example, in the '<h1></h1>' tag, HTML document …

'float' needs exact width. The second 'div' has no width. It means that the width is auto. If your resolution is '1024', so the browser width might be '1000px'. The first 'div' is '160px', so the space for the next float element would have '860px'. The content is more than …

If you want to appear 'header' and 'topmenu' next to each, you can use 'float' to each. 'display:inline' was not good to use.

It may be overwrite by another css statement. Test with this: [code] #pagination a{ background-color: red ! important; color: white ! important; border: 1px ! important; border-color: black ! important; padding: 2px ! important;} [/code] Make sure your css path is right.

Did you validate your HTML? DTD is important for HTML while using with css. You used many absolute position properties. That cause many issues for the browsers. If you want to make a column, you can use 'float', that would help you more than absolute position.

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'. [code] overflow: hidden [/code] It is not what you want, post again clearly. Good luck.

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

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 …

What is your HTML?

Maybe it could be wrong, but test it. Put [position:relative] to your first(main) container DIV.

Float your image, but floating makes overlapping problem. Floating the image would flow out of it's parent and it parent div['dragon'] can't wrap the image correctly. So you need to fix these browser bug. Try this: [code] .dragon img { float: left } .dragon { overflow: hidden } [/code] Use …

Use auto margin to align center for block-level elements. [code] table { margin: 0 auto; width: 90% } [/code] Auto margin can only work when the width was set. And you must validate your HTML document. You're designing with table, so you should validate with HTML 4.01. Here is transitional …

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

The absolute position element was not DIV, it was span tag inside 'pagemenu' DIV. [code] [COLOR="Red"]<span style="position:absolute; top: 30px; left:570px; background-color: fuchsia;"> <?php include("mainmenu.txt");?></span>[/COLOR] [/code] 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 …

Are you sure that is the 1px margin of LI elements? It maybe the padding, or it's parent margin or padding. So you need to try with all margin and padding with 0, include it's parent UL. Example: [code] ul { margin: 0; padding: 0 } ul li { margin: …

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.

Why not try to search with google?

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

What is your code?

Try this: [code] /* Is it anchor link */ a:hover { cursor: pointer } /* else div or span */ div:hover { cursor: pointer } [/code]

Remove absolute property to head, and give it normal flow. If it absolute position, it was out of normal flow and it left no space in it's parent. So, the element after the head(in your code, a text with div) was move to top it was overlap by the head, …

Please post your code where the problem found. We have not enough time to check all of your codes. Thanks

Put this in your css file or embed in your HTML document. [code] ol { list-style:none; margin: 0; padding: 0; overflow: hidden } ol li { display: block; float: left; height: -px /* how much height your biggest image in the list container, set the same height with the biggest …

Use inline-block or float. Inline can't help you. Here is some code. [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: …

Put this in your head section of HTML document. [code] <!--[if lte IE 6]> img#yourimage { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_image.png',sizingMethod='crop'); } <![endif]--> [/code] But, it was not a complete solution. It may cause some hyperlinks dead when you use this image as background under any layers where hyperlinks is on it.

I'm not sure, but try with this: [code] <img src="your_image.png" style="background:transparent" /> [/code] How did you save the image in photoshop? You should use save for web in file menu. I'm not photoshop master, so I can't help you much more. Good luck friend.

Using margin 'auto' property can stay element in center. Don't use 'text-align' property to center the element. 'text-align' is only for text, not the element. You may also use like [code] CSS: p { text-align: center } HTML: <p>This text will go to center</p> [/code] Or use table cell align …

The anchor element is an inline element. Inline element can't contain block level element. You put h1 tag in anchor tag. It makes the browser confuse. You should write like that: [code] <h1>Example<a href="#"><img src="image.gif" /></a></h1> <h1><a href="#"><img src="image.gif" /></a>Example</h1> <h1><a href="#"><img src="image.gif" /></a><br />Example</h1> [/code] The block element can …

Try this: [code] a { width: 245px; /* at least your image size when hover */ height: 245px; /* at least your image size when hover */ float: left; display: block } a:hover img { width: 240px; /* be careful that width must not larger than it's container width 245px …

What version of DOCTYPE do you use? Did you put the DOCTYPE in your HTML? Use div instead of table. It will make you comfortable and solve your problem. Here is example. [code] HTML: <div id="first-row"> This is the first.<a href="javascript:show()">Show content</a> </div> <div id="second"> This content will show when …

Give the z-index to negative value. [code] z-index: -10000 [/code] Hope this help.. Why not use body or parent element background? The background you used is not a background. It's html element and not the same as background.

The error is there is no variable named content like $content. Set the $content variable. Here it is: [code] $i = 0; $content; foreach ($value as $row) { $content .= "<option value=\"" . $i . "\" " . $selected . ">" .$row . "</option>\n"; $i++; } [/code] But there is …

Your theory is wrong. Left and right were 50% of width, so the total width of these two elements is the full size of the window, and there is no space for center element. The point is you need the center element has the fixed width and the left and …

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

Try this: [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>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 */ …

Post your code here. Without seeing any codes, we can't help you.

Correct the red color code. [code] #body { height:[COLOR="Red"]400[/COLOR];/* you need unit measure, only numeric value make browser confuse, add px */ width: 950px; background-color:#FFFFFF; } [/code] When I corrected this, the gap between and body and footer removed. But, there is a gap between campaign div and body div. …

Validate your HTML. Here is XHTML 1.0 strict mode. [code] <!DOCTYPE html PUBLIC "-//W3C//DTD xhtml 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> [/code] Put this top of your html document. I hope this will solve.

The first is local, which is on your PC, and the second is the another site or absolute address of your site. I don't think the speed depend on the file location which are from the same location. 'http://www.mysite.com/images/image.jpg' or 'images/image.jpg ', I think they are the same, because of …

I don't know what do you want to center, text or element. If you want to center the text, try this: [code] # 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 …

You can use span tag to hold text and vertically align to it. Here is example: [code] <span style="vertical-align:middle"> [/code] You can also use inline, embedded, or external style to it. Good luck.

Post your code here, let us see.

Add this to your container [code] #container { padding: 20px 0 0 [COLOR="red"]0px[/COLOR]; /*You should give '[COLOR="red"]padding-top:20px[/COLOR]' instead of this and px doesn't need after 0 value' */ width: 100%; background-color: #CC3300; [COLOR="red"]overflow: hidden[/COLOR] } [/code] Add red color text, and try.. I hope this will help you.

Try this: [code] #upperBarWrap { margin:0; position:fixed; For /* IE */ left: 0; width:100%; } [/code] Set 'left=0' property to say IE where the fixed position start.

Is your html has doc type? And what version of IE do you use? I check your codes with IE 7 and the result is same as FF. If you didn't add doc type, you need to put it first. Here: [code] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1.dtd"> …

How much resolution do you use for banner? It is too wide. You should base on 1024. Group with same container for your banner, body, footer, etc. I am not sure it will help, but try this one. [code] <table width="100%"> <tr> <td width="100%" valign="top"><!-- Banner ----> <table width="100%"> <tr><td></td></tr> …