css

( height 100% ) plus (2-column css)

Hi! I need a 2-column interface to stretch 100% height of the page. PS: If the columns are too long, the scroll bar should appear. After this question is solved, I'll try to add a sticky footer to the interface. PPS:please, no solutions using "fake" background image I've really tried hard to find the answer by myself... Thanks if yo...

Highlighting text in a textbox using Javascript

Hi, I have an ASP.NET 2.0 webapp (with C#). I wanted to add a button which, when clicked would highlight selected text. By 'highlight', I mean change the CSS properties of the text so that it can stand out. I think this can be done with some clientside JavaScript. I know that you can assign a Javascript function to the onclick event of...

Want to display 4 images in a row, with a description below each image

I'm tring to practice table-less design, and I trying to get the following: 4 images per row, and under each image is the name of the image. So my DOM: <div id="images"> <div class="imageblock"> <div class="image"><a href=""><img src=""/></a></div> <div class="meta">some filename</div> </div> <div ...

Problem with CSS layout with wrapping text

I'm trying to replace some layouts table layouts with css layouts and have this code: <html> <head> <style type="text/css"> #grid{ border:solid; border-width:1px; border-color:#000000; width:300px; max-width:300px; min-width:300px; overflow:hidden; font-size:14px; } #grid .item{ text-align:center; w...

Preventing float wrapping without setting parent width

I would like to have several items stack horizontally infinitely (in one row), without setting the width of their parent container. I'm fully aware that setting the container div to width:1000px; will make them stack, but for various reasons I do not want to use this solution. Are there any alternatives? <html> <head> <style type="text/...

Using jQuery to disable CSS inheritance

Is there a way to use jQuery (or generic javascript) to disable CSS inheritance on a block level? For example, if I am pulling in an external resource via javascript, say pastie.org, they will have their own CSS that my CSS overrides. I would like to place the embed code into its own container that has CSS inheritance disabled. This is ...

Conditionally styling @font-face

I'm using @font-face for some headers. The replaced typeface is different in dimension and overall character. When the switch happens, the old typeface's rules don't look so good. Other than writing a conditional Javascript script, is there a way to have a set of CSS rules for @font-face fonts (if the browsers supports it) and CSS r...

How to change tinymce scrollbar color ?

I changed my css in /tinymce/jscripts/tiny_mce/themes/advanced/skins/default/content.css scrollbar-base-color: #32332E; scrollbar-arrow-color: #32332E; scrollbar-3dlight-color: #3F423B; scrollbar-darkshadow-color: #92968A; scrollbar-face-color: #0A0909; scrollbar-highlight-color: #1C1B1A; scrollbar-shadow-color: #2B2A23; ...

Space Between Table Rows

This should be a simple problem, but I am have a tough time getting the html to display the way I want it... The problem is the space between my table rows...I don't want space between my rows. I just want my table to look like a spreadsheet with black borders. I am using a datalist and have a table in the datalist control's templates. ...

CSS: is there any way to have the same relative positioning even if the previous element have different heights ?

hi, I have a sequence of couples of elements. (.div1, .div2) I'm using position:relative attribute on .div2 to move it a bit on top and right with respect to div1. However .div1 elements have different content and heights, so the relative positioning of .div2 is not consistent (they sometimes are too high, sometimes too low). .div2 {...

Why should I use display:table instead of table

What's the benefits of structuring my site with divs and apply the display:table property ( display:tr, display:tr). Doesn't this mean that the divs will behave exactly like tr and td elements? I know I probably shouldn’t use tables or table behavior for layout at all but I'm just curious if there's a difference and a benefit? ...

jquery how to color area dynamically

I have image map like this <map name="imgmap"> <area shape="poly" coords="63,10,64,38,89,37,91,10" href="#" id="x1"></map> and how can I color that area dynamically with jquery like ("#x1").color('red') ? ...

Why does this PHP script interfere with my CSS layout?

This page uses $_GET to grab an asset id and query a mysql database and return some information. If 'id' does not match anything, no results are displayed but the page looks fine. If 'id' is null an error would occur at $id = $_GET["id"] or die(mysql_error()); When this occurs, they page layout is not displayed correctly. How do I fi...

summer training

hi i wanna make a retail store software for my family retail store .... can anyone help me out with which language to use and just give me some basic ideas I'm an engineering student and have good knowledge of ASP, HTML, CSS, VBSCRIPT and have gone through java , c ,c++. please help me anyone ...

Compiling CSS to SWF server side Java, What is the best practice?

My project allows users to create custom css for our flex app. In regards to compiling the CSS into SWFs on the server side: Should I use the flex2.compiler.css.Compiler class in mxmlc-3.5.0.12683.jar? Or Should I invoke mxmlc from Runtime.getRuntime().exec()? The css.Compiler class is not very well documented. Does anyone have any...

2 columns 100% height. Can the problem ever be solved in html markup???!!

I'm in despair trying to draw this simple thing. Two columns stretching 100% vertically. Is this ever possible? here there are two tries <html> <head> <title>Columns</title> </head> <body> <style type="text/css"> .wrapper {font-size:900px; width:1200px; margin:0 auto; } .col1 { width:600px; height:100%; float:left; background:#f00; } ...

css table cell ie8 issue

Hi all, Am sure this one is basic :) I have a webpage with the following css .gameboard-table { border: solid 3px black; padding: 0px; border-collapse: collapse; } .gameboard-table tr { padding: 0px; margin: 0px; } .gameboard-table td { padding: 0px; margin: 0px; vertical-align: bottom; border: sol...

Question about migrating from ASP .NET User Controls to .NET 3.5 Master Page technology

When migrating from an ASP .NET user control -based page with a header, footer, and menu to a Master Page using the same HTML mark-up, is it normal for CSS or javascript behaviors to change slightly? In particular, the submenu bar text now appears run together (which looks like a CSS symptom) and the graphics on the line above it appe...

Stacking two pictures with captions side by side and centered in Wordpress

Hi all - this is driving me absolutely nuts. I'm not the most experienced with CSS, so I'm hoping it is something simple. I'm running Wordpress 2.9.2 with "The Morning After" theme. I am trying to write a post where I want to display two small pictures, with captions, side-by-side and centered in the middle of the page. Here is the HT...

CSS3 gradient background set on body doesn't stretch but instead repeats?

ok say the content inside the <body> totals 300px high. If I set the background of my <body> using -webkit-gradient or -moz-linear-gradient Then I maximize my window (or just make it taller than 300px) the gradient will be exactly 300px tall (the height of the content) and just repeat to fill the rest of the window. I am assuming this...