css

HTML/CSS/JavaScript training videos

I searched Google for HTML/CSS/JavaScript training videos but I am not able to decide which one is better. I have subscription of LearnVisualStudio.NET and the videos are value for money. Are there any similar videos for HTML/CSS/JavaScript? ...

extension like firebug to actually write on the file system

I'm not a desktop applications developer so I was wondering if someone heard about an extension that actually writes on the file system. it would be great if you open firebug like extension and do some modifications e.g. adding CSS rules and they will be added automatically in the CSS file. how hard would it be to build such an extension...

List item inline problem

I am trying to create a simple unordered list, and everything seems to be perfectly fine, until each list item contains a DIV, then list seems to ignore display: inline css line, and displays the divs in block style. CSS: #wrapper ul li { display:inline; } HTML: <div id="wrapper"> <ul> <li>item1</li> <li>item...

Cross-browser development

Hi all, I'm developing a web application for a new service, starting from Firefox 3.5. The interface design is tableless, only using divs + CSS & performance-blessed practices. Now, while being compatible with Safari has taken just a small amount of time, IE is a pain. My question is: is there anything out there that could be used to...

Website problems with Safari

Does anyone know why my site is all messed up on safari? I need to get it live by monday and this is racking my brain. http://cheapramen.com/JQuery/WildFire/ Thanks in advance! ...

Is it okay to start the layout of a website with a photoshop mockup?

This is a best-practice topic. I saw it as a prefer method for some web developers. Instead of doing the CSS layout from scratch, they start a photoshop mockup first and then decode it into CSS. What do you think about this approach? Best to all, ...

menus that expand when you mouse over, done purely via CSS?

Someone told me once they it is possible to create menu's via CSS only, how can you? ...

How do I draw the lines of a family tree using HTML CSS?

I'm trying to implement something similar to what http://www.ancestry.com has, but I'm not sure how to draw the lines. Here is a rough ascii sketch of what I want to do: +----GrDAD1 | +----DAD----+ | +----GrMOM1 ME --+ | +----GrDAD2 +----MOM----+ ...

How to horizontally center an unordered list of unknown width?

It is common to have a set of links in a footer represented in a list, such as: <div id="footer"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </div> I want everything inside div#footer to be centered horizontally. If it was a paragraph, you w...

Does IE8 have rendering bugs like 6 or 7?

Does IE8 have rendering bugs like 6 or 7? If I make my site render correctly in Firefox 3.5, will it look the same in IE8 or will additional changes / hack / etc... be needed? I want to make my site IE8 compatible. Do I need to do something extra for that? Update: 6 march 2010 Is there a possibility , I will have to add conditional cs...

CSS box borders

This is a CSS problem. I need to trim the white spaces from a div or list or paragraph. ------------------------------------------- | This is my Text. | ------------------------------------------- How to convert this div/list/paragraph (i.e. any box) to show like the following when it is needed? ---------------...

How to apply a sifr rule to a hyperlink and also its a.active counterpart

Have a hyperlink inside of a h1... like so: <h1 id="site-name"><a href="blah">blah</a><h1> I apply a sifr3 rule to the css: h1#site-name then inside sifr3-rules.js i apply the following rules... "a": { "text-decoration": "none" }, "a:link": { "color": "#FF0000" }, "a:hover": { "color": "#00FF00", "text-decoration": "none" } Bu...

CSS - centering the DIV content, not DIV itself.

How to center the content in a DIV element (My DIV element may contain an image element or anything.)? I have used the following code: div#containerDiv { margin-left: auto ; margin-right: auto ; } But it is centering the DIV element itself. I want the content (i.e. image element in the div) to be centered. The problem with ...

What is quirks mode?

In a lot of articles about design, quirks mode is mentioned. Anybody have an idea about this thing in plain text and in a development prospective? ...

IE6 - Element jumps when loading

In IE6 one element (an iframe in a table, to be precise) on my page for a short time appears at an absolutely wrong position, and then, when loading is done, jumps into the correct position. There are many bugs documented on the internet, but I couldn't find any information about how to fix this. The page can be viewed here: http://www.f...

Orient text vertically in HTML like in Excel

I'm trying to replicate Excel's Vertical Text feature in HTML and wondering if anyone has tried this or knows of an easy way to do this? I want my text to look like: T H I S inside of a <th> element ...

unwanted distances

Why is the distance between the top of the page and the text "Profuture" in the header class 29 pixels instead of 20 pixels? Why is the distance between the top of the page and the text "Probable Future" in the sub_header class 21 pixels instead of 20 pixels? Why is the distance between the bottom of the page and the text "Copyright © ...

Fix DIV to bottom right corner

Hey http://www.naomisalsi.com/ I have used html and body attributes to have a gradient background and a flower background for the above site. i have also used a div to have the bottom right hand flower where it is. Works great, but not when scrolling. How do i get the bottom right hand corner image to stick to the bottom of the screen...

jQuery closest();

Hi There! I'm trying to animate an image which is partly hidden (via overflow: hidden) inside a list item. I want this to happen when a user hovers over an A tag inside the same list item. I have the following markup: <div id="projects" class="section"> <ul> <li> <img src="assets/img/projects/pf6.jpg" width="980" height="5...

problems with css on MacOs, on windows in all browsers is OK

I have problem with positioning my div. On Windows each browser is ok, but on MacOS it's different. This is the site: http://www.pulbus.pl The problem is in the home page and in the contact page. The div with contact in the lower-left corner is below the blue label. It's lower than in windows about 20px. This is my doctype: <!DOCTYPE ...