css

Layouts for Facebook applications

Can anyone point me to multi-column layouts for Facebook canvas applications? ...

Why is IE letting a URL link break its container div?

Shows fine in FF, (continues the URL down to the next line, nice and clean). But IE lets it break passed the right border of the div. The NEWS section of this page: http://www.albuquerquecupcakecreations.com/index.php Any thoughts are appreciated! Thanks! ...

CSS Position Divs Horizontally in Reversed Order

I have a document that looks like <div id="content"> <p> blah </p> </div> <div id="menu"> <p> blah2 </p> </div> <div id="footer"> <p> Copyright </p> </div> The content div is after the menu div, but is it possible to have the layout displayed like so: ------------------- | Menu | Content | | | | | | ...

Scrollbar on demand in CSS (overflow property)

I am creating a <div> with a class someClass .someClass { overflow:scroll /*other props*/ } The problem is that the scrollbars are always visible even when the data is not overflowing. I want the scrollbars to be visible only when data actually overflows. ...

div background image appear nicely in Firefox, disappear in IE6 & 7

Hi all, I'm really really new to HTML/CSS, but somehow decided to plunge head on to using 960 Grid System, which I found helpful. I know some says it's unsemantic, but I've been involved and at the end, tangled in the problem stated above. I've tried a few codes like overflow: hidden, overflow: auto, display: block, etc that I found on o...

How to make a drop down menu?

Using CSS style Sheet I have the button images, I want to add a button images in to my web page menus For Example Home Contact ->Aboutus -> Location Home, Contact (menu) Aboutus, Location(sub menu) Button images name - button1.jpg I want to add a my button image in the background of menus and sub menus am new...

Horizontal Scrolling

I am working on a site that displays pictures accross the Y axis of the browser and spans about 12500px wide. I am using the Hortizontal way as a base but I have just realized that the horizontal scrolling with both the arrows and the mouse's wheel does not work in both safari and chrome. http://www.thehorizontalway.com/ Is there any...

fixed header over select html element in ie6

I found fixed header template and I want to use it in my website, I modified this template and make it in 3 column layout. My problem is the select element over in the fixed header in ie6. I used an iframe to fix this problem but no luck. Originally this template is a single column layout and fixing iframe works fine but when I modified ...

What is the default CSS border property for an HTML button in IE?

I have the below code: <button onmousemove="this.style.border='2px #555555 solid';" onmouseout="this.style.border='';">Test</button> On mousemove, it correctly changes the border as specified. On mouseout my intention is to change the border back to the original. This works in Gecko based browsers but not in IE. IE removes all the...

Trying to display text content of <a> in <canvas> without any visual difference

Hi all, Let's say that I got the following code in a page: elit ac <a href="http://www.ducksanddos/bh.php" id='link'>Hello world!</a> nunc And that I want to make the <a> contain a <canvas> element which will display the exact same text and will look exactly like the <a> looked before the change, resulting code: elit ac <a href="htt...

CSS and javascript files not resolving after migrating app to Win 7 dev machine.

Hi - I have a ASP.Net 3.5 web site I developed on my old XP sp3 machine. The app uses Master Pages and App_Themes that include style sheet and images - and also an image folder off the main root for most of the images. There are also some javascript files in a /scripts folder for jQuery and one other. I now have a brand new Win 7 64-bit...

HTML printing - what methods are there to make an html based printout? What are the pros and cons?

Hi, I have a report I need to print out in an application I'm usually doing maintenance for. My question, which interests me beyond the scope of this task is, what are the ways to format an HTML page for printing? What are the pros and cons of each? Note that the page is meant only to be printed. I'm not asking about an HTML page that l...

Centering a specific element inside a div using CSS?

I have some html that looks like this <div id='nav'><a href ='./?page=1'>1</a> 2 <a href ='./?page=3'>3</a> <a href ='./?page=4'>4</a> <a href ='./?page=5'>5</a></div> Basically, this is a navigation menu where the current page is 2. Now, the problem is, I want the current page (2 in this case) to always be centered. I'm just using te...

Experimental CSS and old fashioned browsers

Hello, Is it a good idea to use experimental CSS-properties like border-radius, text-shadow, box-shadow and gradient in a layout today? And what about values like rgba()? When I look at web galleries, these CSS-properties are frequently used and according to articles like on 24ways.org it is not a problem to use these properties. Wha...

CSS Selector Style

I didn't see anything on here about it with a quick search, if there is let me know. Here is an example of a CSS selector I'd write. div#container div#h h1 { /* styles */ } div#container div#h ul#navi { /* styles */ } div#container div#h ul#navi li.selected { /* styles */ } I write all my CSS like. This allows me to stop from having ...

css layout - 2 column, dynamic width problem

hi there, My problem has todo with a dynamically loaded image in col1 and resizing col2 to fill the rest of the space. the width of container is fixed at 950px. col1's width could be any with. +-------------- container -------------+ | +---- col1 ----+ +---- col2 ----+ | | | Image | | Text | | | | |...

CSS style padding for an empty element

I'm generating a page for an upcoming portal site, and I've got an HTML element with some optional content. I'd like the element to not render if it is empty, but adding some padding to it causes it to render. How do I add padding to the content, but only if content is present? .someElement{padding-top: 5px;} HTML in question: <div c...

Mouse pointer plug in

I am developing a website where i am using CSS based layouts with absoulate positions. I would like to know is there any plug in for IE 8 which will tell based on the mouse where i am moving with the position (In Pixels). I want to know with out any JS. I am looking is there any external plug in which will allow me to find out the posi...

CSS layouting. Why table-row not accepting margin ?

Hello, I have this css <style> .container { width: 850px; padding:0; display: table; margin-left: auto; margin-right: auto; } .row { display: table-row; margin-bottom: 30px; /* HERE */ } .home_1 { width:64px; height: 64px; padding-right: 20px; margin-right: 10px; display: table-cell; } .h...

Is Dreamweaver "upwards" compatible with manually created semantic html?

A prospective client has a site with pages done in Dreamweaver(tm). I don't have Dreamweaver(tm), never use it, and have in the past have seen some spaghetti (html) code on pages created with it. As a result, I'm wondering: if I create clean sections of semantic html, will Dreamweaver continue to be able to edit it when the client wish...