css

Css div alignment

Hello, I am trying to render HTML select box. I have 3 Div's inside table cell. Value When the table expands the alignment of leftDiv and rightDiv is OK. But when the table shrinks below the size of two divs (leftDiv & rightDiv ) the rightDiv is rendering below the leftDiv. How to make this two...

Mysterious problem with CSS and Internet Explorer 7

I think the myth that IE is a nightmare for web designers its true. IE7 is adding me some mysterious padding or margin on the left and right side of my div#image (the gray div) and the paragraph in the div#content is suffering from the CSS propieties of the h2 tag. Thanks in advance! edit: I even tried Eric Meyer's CSS Reset but it didn...

change text color on change of selection in dropdown list

I have a drop-down list of colors, and when selected, i want to change a value of css font color to the value of the selection. How can i do this? <select name="color"> <option value="white" selected="selected">white</option> <option value="black">black</option> <option value="red">red</option> <...

Aligning DIV without margin or float

I a template, I have five DIV elements underneath each other on a HTML page. (Logo, top menu, sub menu, content, footer). I want the user to be able to set the alignment for each DIV in a CMS: left, center, right. Those settings I used to translate to margin-left: auto; margin-right: 0px; // right margin-right: auto; margin-left: 0px; ...

Wordpress: How to add a caption right-aligned to the edge of the image

So how do I align an image caption under an image tag to it's right hand edge? Tried using div but obviously that's not allowed in wp. What alternative css/tags do I need to use? ...

What's the simplest way to do cross-browser rounded borders in HTML/CSS?

I'm not after the 'best' way, that requires a lot of work doing large changes for different browsers, but the 'best easy' way... ideally the least horrible way that would work unchanged on IE7+, FF2+, Chrome. Tables are an option but probably a little too archaic. Is there a middle ground, which uses CSS without a lot of hassle? And, if...

One CSS File or individual CSS files for each page?

When I am building pages, do I want to have individual stylesheets for each page or one large stylesheet for the entire site? For loading purposes, wouldn't you want a smaller stylesheet, therefor making individual ones is a better practice? ...

Problem with transparent margin

Here is my CSS (simplified): body { background: url('bg.gif') left top; } #content { background: #ddd; } .box { overflow: hidden; margin-top: 10px; background: #1e1e1e url('left-bottom-corner.gif') left bottom no-repeat; } And the markup: <div id="content"> <div class="box"> <p>lorem ipsum</p> </d...

Lightbox2 doesnt like IE8

view my page: http://tonyperson.com/art4art click on the picture (woman study 01) in IE8 and the transparent black background does not go all the way down the page.... any help is appreciated! I have tried many things in css like changing the height to 100% for the overlay div, etc... ...

Make a TextArea fill up the rest of the page vertically?

Is there an easy way to make the height of a fill up to the height of the page? ...

Flash/Actionscript a substitute for css and javascript?

I have reasonable experience with PHP, CSS, and javascript/jquery/ajax. I'm taking my first steps learning Flex/Flash/Actionscript and it's already striking me that using flash/SWF could solve many of my problems. For example: I won't have to worry much about javascript availability e.g. handling the form submit twice like I do now, on...

Keep div inside view port or arbitrary div on scrolling

I'm trying to find a scriptaculous script (or create one) which keeps a vertical navigation bar "sticky" inside my viewport. While this may not be black magic (one could use the position:fixed css) there is a problem with this approach: If the navigation bar is longer than the viewport height the visitor won't be able to ever see the who...

css files not loading after capistrano deploy

Hey Guys, I have noticed that after I do a deploy via capistrano, the static css files dont seem to be loading, this is true when I specially specify <%= stylesheet_link_tag 'resume',:cache => true %> removing the :cache => true solves the problem, but I would like to know why that option is causing a problem in the first case, and s...

centering a div without setting width

Is there a way to do this? When using navigation that can change the number of items often, it would be nice not having to calculate the with and updating the css, but just having a solution that works. if that's impossible (I'm assuming it is) can anyone point me to a javascript that can do this? edit re: provide code some code ba...

highlighting disabled in browser

Hello guys, I have a simple pagination script. When you click the "next" button multiple times in a short period of time, the browser highlights the clickable area. All browsers do this to an element that you click repeatedly. Is there a way to disable the highlighting of that element? I feel like I've looked everwhere and cannot fin...

Problem with LI element in Internet Explorer 8

Hi, for some reason my LI elements are not floated to the left in internet explorer, they are showed each below the other. Anybody knows how I could fix this? Thanks in advanced. #books ul{ list-style:none; margin:0px; float:left; display:inline; } #books ul li{ float:left; margin-right: 20px; padding-bottom:...

What is the difference between Browser , Rendering engine and user agent?

To make cross platform and cross browser website application what is the role of user agent switcher? https://addons.mozilla.org/en-US/firefox/addon/59 Is user agent different thing then rendering engine? and if some browser use same rendering engine then do we need to check on every browser or one is enough? ...

Download web page with images and stylesheets and (optionally) E-mailing it

I need to make snapshots of web pages programmatically using PHP and get them into a HTML E-Mail. I tried wget --page-requisites. It downloads everything all right, but it doesn't change the HTML page's source code to point to the downloaded files rather than the on-line originals. Also, that HTML is of course a long way from being dis...

How do Rich Text Editors in HTML documents achieve their rich text formatting?

Could you please explain how the text in the textarea gets styled in rich-text editors? I've tried to style text in the form but it doesn't change. Is it JS that recognizes characters typed by the user? How's that done? Edit: After a bit of research (Google rules!), I've found some excellent information. For others who might be inte...

External CSS for JSF

What is syntax to add external CSS file to jsf? Tried both ways.Didn't help. 1. <head> <style type="text/css"> @import url("/styles/decoration.css"); </style> </head> 2. <head> <link rel="stylesheet" type="text/css" href="/styles/decoration.css" /> </head> ...