css

How do I edit CSS in Chrome like in Firebug for Firefox?

I've been editing CSS using Firebug in Firefox, but recently noticed that Chrome is rendering my pages much quicker (with scrolling, interactive elements etc) and wanted to switch to it. I found Chrome shows the computed CSS and what attributes are overruled in the stack and I can alter them one-by-one but what I liked about Firebug wa...

Onclick usage for low z-index elements

Here is my issue--I need to somehow access the onclick of an item that is covered by another element of higher z-index. I know this is going against the point of z-index, but any ideas? In the below example, only the small top-sliver of the red box is clickable. I have a webpage design where tabs that need to be clickable are overlaid ...

Borders and margins and padding, oh my! (box model)

The box model ought to be simple enough, but I just don't grok it. Here's a meaningless form <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"&gt; <html> <head> <title>Box model test</title> <link type="text/css" rel="stylesheet" href="test.css"> </head> <body style="position:relative; top=0px; ...

PHP Class to Rewrite CSS3 Rules for Cross Browser Compatibility

I need some help writing an awesome class to take a style sheet, detect browser specific CSS3 rules, and add support for all compatible browsers. This way, we can just write our styles sheets for one browser and then process the CSS files when we are ready for production. Here's my thoughts on the class so far: class CssRewriter { ...

Fix for Anchors while using faux full height Columns in CSS

When the Page_Load event gets called to load the page, how would I have the page load already scrolled to a particular id. I cannot use a named anchor # because it breaks my css. I can use javascript's scrollto function but i don't know how to call javascript from the asp.net page_load event. I have several headers, and a menu that so...

How to set style of active page number in ASP.NET GridView Pager?

Hi guys. So I have GridView control and I would like to make a custom PagerStyle via css. The problem is that I do not know how to change the style (color) of number indicating an active page. If I change the color property it changes a color of all page numbers. I would like to change color for active number and link numbers separatel...

JQuery - Changing a button's font-weight without changing its size

Hi, When I change a button's font-weight, the size will also be changed. My problem is that I can't give the button a predefined size, so I tried to fix it with .css('width','-=4px'); But that will not work. Hope somebody can help me. HTML <input id="b1" type="button" value="Hello world" /> <input id="b2" type="button" value="Blubba ...

Hide content in master page from view page

I have a master page which is shared between about 20 views. In just one view, I need to make one small adjustment to the master page (I need to hide a textbox). How can I include css or javascript in my view to acheive this? Or is there some clever trick like including a conditional <% if (View.Name = "blah") { ... } %> that I can sti...

Basic CSS alignment question.

Hi there, I am writing the html code for navigation using the ul, li element, my html is. <div id="header"> <div id="topmenu"> <div id="logo"> <img src="img/logo-left.png" alt="BhatkalNews" /> </div> <div id="navigation"> <ul> ...

css and function hover

hi, when I hover cursor on link, how change div text font color? Is impossible then do with css? my try: <style type="text/css"> a:hover .text { color:#FF00FF; } </style> </head> <body> <a href = "">link</a> <div class = "text">TEXT TEXT</div> </body> ...

custom repeating background image using css

my image is 1. Normal repeat-x is 2. I need image repeat like this 3. ...

css javascript drop down menu list

hi, does anyone know how to do a drop down menu like gmail "more" link or facebook "Account" link?? ...

Table won't overflow

I have a table with a variable number of columns that I want to place in a fixed width div. I want the table columns to have a fixed width and the table to overflow horizontally inside the div if it gets too wide. However the table seems to resize itself to fit inside the div. <style> table,td{ border:1px solid black; } </style> ...

:last-child psuedo class selector in CSS and Internet Explorer

Hi All, I have the following code: ul.myList li{ border-right: 1px dotted #000; } However, on the last element, I need to remove that border as the design that I am working from dictates that the last item does not require a border as a separator. So, I need to target the last child of a list and so within my css I have added ...

How to get border width in jQuery/javascript

How do I parse the border width from style="border: solid 1px black;" in jQuery/javascript? $elem.css('border-width') doesn't do it. Note I need to parse the width from the css, as the element may be display:none Thanks Edit I'm not actually using an in-line style, I just wrote it that way for simplicity as I didn't realise there...

fancy css float + clearing

Okay, I have four divs of unknown height, but fixed width. Although height is unknown, it can be assumed that div1 > div3 > div2. They are (currently) all in a row, floated. For example: 1111 2222 3333 4444 1111 2222 3333 4444 1111 2222 3333 1111 3333 1111 When I resize the viewport, I'd like the rightmost element to reposition i...

How do i reduce the width of the cell which is longer

Iam Generating the Html in excel sheet and entire table is fine and except the two cells are much wider How do i reduce the width of those cells .I treid changing the width and everything but no use .:It works fine on Html table .On excel spread sheet it looks different ...

Is there ANY possible way to disable HOVER in swMenu for Joomla?

I'm talking either a setting in the component or a CSS/JS hack. I've tried both but have failed. Why is this not a standard feature? Ideally i'd just want the background color to be disabled on hover, and the font color change to remain, but even disabling ANY kind of hover is proving to be a big mystery! Does anybody know how to do th...

Why does my WebPage Change When I put it on IIS

I write asp.net applications for a living. I look at the page through debug (localhost) and everything looks fine, but often once I put the files on IIS and view the page: things are different. Some controls are shifted, and widths are changed. EXACT same css and html. Is this an asp Server issue or IIS or what? ...

how to clear the last <li> tag within a <ul>

I know this is pretty basic, but it is giving me hangups. I have a basic list: <ul> <li><a href="#">Insert Link Here</a></li> <li><a href="#">Insert Link Here</a></li> <li><a href="#">Insert Link Here</a></li> </ul> What do I need to do to make sure the last <li> item gets cleared? I've tried adding style="clear:both" to...