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: IE to Firefox, and beyond

Post your code here, let us see.

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: 'pure css menu' hover problems with explorer

IE 6 and older can't understand li:hover function. You need a script for this function. Here is js.

navHover = function() { 
var lis = document.getElementById("nav-menu").getElementsByTagName("LI");	
for (var i=0; i<lis.length; i++) {
lis[i].onmouseover=function() {
this.className+=" iehover";		}
lis[i].onmouseout=function() {			
this.className=this.className.replace(new RegExp(" iehover\\b"), "");		}	} }
if (window.attachEvent) window.attachEvent("onload", navHover);

You need to pay the unique id to your main ul tag. The script get the ul tag using DOM object. Here it is:

document.getElementById("nav-menu")

The text shown with red color is the id of the ul. And get this in your HTML head section.

<!-[if gte IE 6]>
<script type="text/javascript" src="ie.js"></script>
<![endif]->

Good luck.

UI / UX Design html-css web-design
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: 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
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?

Need '>' to your div open tag. And XHTML is case-sensitive and all tags and attributes must be lowercase, and non-close tags need forward slash such as 'img', 'br' or 'hr'.

<IMG SRC="../imatges/botoAmunt.png">

Must be

<img src="../imatges/botoAmunt.png" />
UI / UX Design web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: image will show in <body>, but not in CSS

Check url of the file. Are 'assests' folder and the 'css' file same root? You can also write inline-style. Like:

<body style="background: url('assets\back.jpg') no-repeat top center;">

But external style-sheet was strongly controlled of the layout of your site with one file. The best way is placing the 'css' file and images in the same root.

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

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.

UI / UX Design 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
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: background-color wraps in IE

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

UI / UX Design html-css web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Can't get rid of white line.

ok, congratulation..

UI / UX Design web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Can't get rid of white line.

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

UI / UX Design web-design
Member Avatar for ko ko
ko ko 97 Practically a Master Poster
Re: Position textarea below table

use span to your text

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

It will help you..

UI / UX Design web-design