Web page -user custom style
How can I give the user the ability to change the style of a webpage, of course I have to make several CSS files , but how can I make the code that permits the change upon the user's choice ...
css
How can i draw a box using css like the answer box in stackoverflow?
How can i draw a box in css? I want a box like the green one used to display the number of answers to a question in stackoverflow? ...
Rounded CSS tabs
Hello, I have created some rounded navigation tabs using CSS and am having trouble when implementing: hover Firstly here is a link to the site Tabs as it is quite difficult to explain. Please, hover over the left side of the tabs to understand my problem. I have explained below. I have a background image set on #navigation li items ...
Can't get CSS Sprite to work..what am I doing wrong?
I am using CSS Sprite Generator to create sprites for a web page I am working on, but it doesn't seem to work, and I don't know why...I guess it's something obvious but..! So, I picked up 3 images, zipped, generated the PNG file (I checked out the result it is seems fine) and I got the following css classes back: .sprite-welcom1 { back...
Good rules for setting up print css?
I'm looking for any suggestion/rules/guides on making a decent print css for when a webpage is printed. Do you have any to offer? ...
How can I get CSS comments with javascript?
I am wondering how I can read CSS comments out of a linked stylesheet. I have this sample CSS loaded via: <link rel="stylesheet" type="text/css" media="all" href="test.css" /> #test1{ border:1px solid #000; } #test2{ border:1px solid #000; } #test3{/* sample comment text I'm trying to read */} I'm testing this in FF3. The follow...
Change an image to text via CSS for printing?
Lets say I have a header banner on a webpage I'm about to print. Instead of wasting someone's ink printing the entire block of the image, is there a way via css to replace the image with text of H1 size? ...
Jquery video tutorial resources
Is there any place where I can find JQuery video tutorials from novice level to master level? The books I saw mostly assume you are very familiar with CSS syntax. If there is any video tutorial resource for CSS, that would be awesome too. ...
How can I vertically center text in two side by side divs?
Thanks for reading this. I have markup similar to what is below. Using the line-height works when there is only one line of text, but the comments data will frequently be multi-line. What is the best way to get the label and the data vertically centered? <html><head> <style> body {margin:0; padding:0; font-size:12px; font-family:Ver...
Layering images in CSS - possible to put 2 images in same element?
Supposing I'm setting a background image for a web page in CSS like this: body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: Verdana, Arial, Sans-Serif; background-color: #9D5922; color: #000; margin-left: auto; margin-right: auto; margin: 0; padding: 0; background: url(images/desk.gif) repeat bottom left; } Is there a...
using #IEroot for ie-targeted styling?
Has anyone been able to succesfully use the IE CSS hack #IEroot? I stumbled upon it from this article but it doesn't seem to work for me. I'm trying to fix/hack the inline styling bug to produce li inline blocks #featured li { margin:0px; padding:0px; width:317px; height:310px; display:inline-block; border-left:1px #bdbdbd solid;...
Putting tables side-by-side if there is enough room on the screen
I have two HTML tables which would ideally be placed side by side on the screen. Widescreen monitors will cope with this fine, but the tables are too wide to be side by side on most old-fashioned monitors. So I want to use css (or even just HTML, if possible) to place the tables side by side only if the resolution is high enough. This w...
InterPage Linking Problem in MHT
Hello sir, I had a task were I have to process one big .xml file and genrate different .html from it by using xslt. Now after release coustomer wants to combime all the html to single .mht file. I have converted the source code to genrate the .mht file, but I am having problem in linking the html file in the .mht. I have created a .mht...
Changing CSS style from ASP.NET code
I need to change the height of a div container(CSS Property Height) from ASP.NET code (VB). How can I do that? Thanks ...
Highlighting an active tab - CSS
Hello, I have a small tabbed navigation setup using CSS. When hovering over the tabs the colour changes, great. However when i click a tab and it navigates to the corresponding page, i would like that tab (the active tab?) to remain highlighted, indicating the current page. I am currently doing this by using a class (.currenttab ) and ...
How to mimic struts validation using javascript/html/css.
For the past few years I've focused on back-end development so my javascript & css skills are lacking. I'm volunteering as a webmaster for a site and would like to spruce up the form validation (currently there is none). My problem: Basically I have one form with a few name fields, an email address and a phone number. When the form is ...
CSS: How to overlay images
I want to overlay one image with another using CSS. An example of this is the first image (the background if you like) will be a thumbnail link of a product, with the link opening a lightbox / popup showing a larger version of the image. On top of this linked image I would like an image of a magnifying glass, to show people that the im...
Centering entire page with CSS
Hello, I am attempting to center my entire page using only CSS and it is proving more complicated than i first expected. Currently my code works in IE but not in Firefox which makes a change. The page can be seen here. Below is the code portion involved: #wrap { width: 960px; margin: 0 auto; padding: 6px; background: #FFFFFF; } ...
Grails NumberFormatException on stylesheet
Using Grails 1.1 beta2 and a JSP page. The JSP includes the CSS reference: <link rel="stylesheet" type="text/css" href="styles.css"> When this line is included Grails pukes with the error: [7000] errors.GrailsExceptionResolver java.lang.NumberFormatException: For input string: "styles" org.codehaus.groovy.runtime.InvokerInvocationExc...
CSS issue: link is wrongly displayed
a { color: #000; } a:hover { text-decoration: none; color: #fff; } That is the code I use. But, none of the links I have in my pages listen to this. They abide by this instead: #menu li, a{ text-align: center; display: block; float: left; margin: 0; font-family: Arial, Helvetica, sans-serif; font...