546 Posted Topics
 | Re: CSS Text ttf/eot What is font: MyCustomFont? Wrong css. Must be: [code] font-family: MyCustomFont; [/code] 'font' is short hand property. You must use this for shorthand. [code] font: [font-weight] [font-style] [font-variant] [font-size/line-height] [font-family]; /* font: MyCustomFont is wrong */ [/code]  |
 | What is your code? Post your code here. We don't know what the problem is without seeing some codes. Also, IE have some problems with using percentage values. |
| | I tested with your codes, and it is fine. What is your problem? Is your css file located in the css folder? Check your file location. If the html and css in the same root, create a folder named css you gave it, and move your css file into it. …  |
| | IE 6 and older can't understand li:hover function. You need a script for this function. Here is js. [code] 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", …  |
| | Use css. Here is example: [code] textarea#reply { width: 424px; height: 126px; border: 1px solid gray; overflow: auto /* Hiding scroll-bar in IE */ } [/code] |
| | 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'. [code]<IMG SRC="../imatges/botoAmunt.png">[/code] Must be [code]<img src="../imatges/botoAmunt.png" />[/code] |
| | Re: margin in css 'margin' auto needs DOC type in IE. And what is your code. If you don't show your code, we can't find what the problem is. So, post your code. Insert the doc type in your html first. Try this: [code] <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1.dtd"> [/code] If …  |
| | You need to hide the sub menu until hover on it's parent 'li' tags. And show when the cursor over 'li' tags. Like: [code] /*need hide*/ ul ul { display: none; position: absolute; width: 124px; height: auto; left: 0; top: /*it parent's height, li tag*/ px } /*show when hover … |
| | Remove the white space between url and bracket in CSS syntax. Here it is.. [code] #wrap { background: [COLOR="Red"]url (shadow.png)[/COLOR] center top repeat-y; [/code] replace with [code] #wrap { background: [COLOR="Red"]url(shadow.png)[/COLOR] center top repeat-y; [/code] This is the only error I found it. And you need to validate your HTML. |
| | I don't understand your question? If you have HTML and CSS code. Please post here. |
| | The element vertical align is depended on it's height and line-height property. If height and line-height were the same, the content it would be stay vertically middle. Add line-height to your '.navlinks' property: [code] .navlinks{ background-image:url(../slices/navbutton.png); background-repeat:no-repeat; height:32px; line-height: 32px; margin-left:-15px; } [/code] Remove 'vertical-align:middle' from anchor link. [code] .navlinks … |
| | Check url of the file. Are 'assests' folder and the 'css' file same root? You can also write inline-style. Like: [code] <body style="background: url('assets\back.jpg') no-repeat top center;"> [/code] But external style-sheet was strongly controlled of the layout of your site with one file. The best way is placing the 'css' … |
| | Float your images. Put your images' attributes 'width' and 'height'. Example: [code] <img src='k24_ctrl.gif' [COLOR="Red"]width="-" height="-"[/COLOR] class='spc'> [/code] And css like that: [code] img.spc { float: left; } [/code] |
| | Re: height in table I check your code and it is ok. Can I know what problem do you have? If you want to control the height of 'textarea', try with 'CSS', it will be more flexible and effective than HTML attribute. |
| | 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 … |
| | Re: mozilla problem This is a real headache to set the marker position when we use the 'list-style-image'. The position is depends on the browser type. Use as 'background-image' is better than 'list-style-image'. The vertical-alignment is apply to the 'inline' element, it can't apply to block-level element. Use 'line-height' property instead of 'vertical-align' … |
| | Are you using the list-item and image as list-style-image? I think so, this is very hard to control the position of the list-item to the same result for all browsers. I don't like to use list-style-image. Use the image as background of the list-item and give them vertical position of … |
| | Re: CSS tutorial Go there.. [URL="http://www.w3schools.com"]http://www.w3schools.com[/URL] [URL="http://www.smashingmagazine.com"]http://www.smashingmagazine.com[/URL] They will teach you.. |
| | Yes, do as Besherek and check your background-image location. Or move your background-image and css in the same root. And try this: [code] background: url('background.jpg'); [/code] |
| | You must validate your HTML. Use the strict mode. [code] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> [/code] |
| | Add this to you drop-down list box. [code] ul li ul { position: absolute; top: 22px; /* it maybe as you like*/ left: 0; display: none; width: 117px } [/code] |
| | There is a guy asked last few hours like your question. Try this: [code] <!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 { … |
| | 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 … |
| | This is the great for tutorials. [URL="http://www.w3schools.com/"]http://www.w3schools.com/[/URL] |
| | 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 … |
| | 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 … |
| | Re: embedding html? Did you mean external css to embed in your document? Here is import external css to document. [code] <style type="text/css"> <!-- @import url('yourcss.css'); --> </style> [/code] |
| | Attach your css file and enter specific properties. Here is CSS: [code] #id { white-space: normal } [/code] And check your validation which version do you use?  |
| | 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 … |
| | Check your url. You import core.css from where. Are the HTML and css same root? |
| | 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.. |
| | Hi.. Everybody.. My EOT font doesn't work wiht PHP file. It only work in HTML. What do I do for PHP? Thanks.. |
 | nice .. menu.. a:hover color should be work; you need to change 'a' element to block type. Here .. [code] a { display: block } [/code] so, it give anchor link to full width of 'li' and the color will work when hover. |
| | Remove background image from left-frame window. You use two frame with different background. |
| | Hey Guy! Go there.. It will help your problem [URL="http://www.hongkiat.com/blog/making-png-image-transparency-work-in-internet-explorer/"]http://www.hongkiat.com/blog/making-png-image-transparency-work-in-internet-explorer/[/URL] |
| | Pleas post your HTML codes. |
| | |
| | float your image [code] img { float: left } [/code]  |
| | use span to your text [code] <span style="vertical-align: top">Topic Body:</span> [/code] It will help you.. |
| | Check your mail list tag [CODE]<li>[/CODE] , it has [CODE]text-align: center[/CODE] property. It can move all child element to center. If you want to main menu text to center, you may give [CODE]<a>[/CODE] element to text align property. But, notice that it will apply all text in anchor tag. Let … |
| | You must validate your HTML document. Here is validation: [icode]<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/XHTML/DTD/xhtml1-strict.dtd">[/icode] |
| | You should set pop-up menu 'display: absolute;' and set top: ' ' from parent height. |
| | Hi! Are you want to float div2 without exact width. Any float elements need exact width.  |
| | I think your problem was 'display' property of two divs. Give them 'display: inline-block;' and their width to 100% and then try again. |
| | |
| | Re: Linking 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 … |
The End.