css

Highlight table row

Is it possible to highlight table row (something like this link text) without javascript (only css)? ...

How to add a "preview" stripe to my site

I would like to add a "preview" stripe to a site. I like what blogger does when you click to preview editing a post (Anteprima means preview in italian) Do you know how to make it as a layer in order to plug it without modifying the main html code of my site? ...

How to make cross browser compatible list with list-style image properly?

I need to make design like this, to make this possible i used dotted line as background of li and + icon as a list-style-image. but it's not looking same in all browsers. <ul> <li>item 1</li> <li>item 2</li> <li>item 3</li> <li>item 4</li> <li class="last">item 5</li> </ul> IE7 and 6 it's looking like this ...

Odd margin on my divs, How do I solve this?

Here is the code i'm working on it's not a page it's a treasure hunt for what might be re-used in a page, I ran into this problem last week or so and I'm asking myself what the heck is this margin for a while here Let's picture that I can't use the float:left; tag for a reason, when I use display:inline-block; a weird margin apears on t...

Change and retain DIV Selected tag in Master Page

I have a CSS class called selected which highlights the DIV as the current step. When they're all in separate pages, I just had to move the selected word to the next DIV. But how can I achieve the same in Master Page VB .Net? It seems to be one page for all. When the next page loads, how do I get it to highlight the next step? Thank you...

how to solve IE6 box model problem without adding extra div and using Valid CSS?

In this article http://www.kashit.org/design/css/ultimate-guide-to-techniques-for-cross-browser-css/ under section "Fixing IE Box Model Bug" author wrote IE 6 can actually get it right if you are in standards-compliant mode. Is it mean if we use XHTML 1.0 strict or HTML 5 doctype than this box model problem will get automaticall...

What's name of this article rotating feature?

I developed article rotator where 5 articles with images rotate automatically and user can focus one (and stop rotating) by mouseover. Click will open the article. The article rotator is here: http://antizena.df.sk/ and it is just devel version. How to name it? What is the best name for this feature? ...

Move class attribute value to php variable

We have variable $menu with HTML inside (there is no loop, it comes from a function). On echo it gives the code like this: <ul id="menu"> <li id="some-id" class="many classes one"><a href="#">text</a></li> <li id="some-id" class="many classes second active"><a href="#">text</a></li> <li id="some-id" class="many classes thre...

How can div wrapper grow with img size?

Hi, How can div wrapper grow with img size? <div style="width:900px;"> <div style="width:100%;"> <div>some text......</div> <img src="<?php echo $imageSrc; ?>"/> <div>some text......</div> </div> </div> Thanks ...

padding when a floated object element is inside

i have the below html: <div class="wrapper"> <div id="header"> <img alt="Giannis Simeonidis" src="logo2.png" width="300" height="220"/> <object width="550" height="200" id="banner"> <param name="movie" value="banner.swf" /> <embed src="banner.swf" width...

jQuery - Using Live to open a Window,and then close it?

Hello, I have a Dialog box to all a user to click a project, that opens on click.... Here's the code: $("#byproject").live("click", function() { $("#projectPicker").fadeIn(); return false; }); // Close the space dialog on selection $(".projectSelect").live("click", function() { $("#projectPicker").fadeOut('fast'); }); This...

Viewing CSS Intellisense in partial views and Content pages - Visual Studio 2010?

I am trying to figure out how to get Intellisense for CSS to render when in a partial view or a content page. Of course I don't want it to render a runtime, as the css comes from the masterpage. I found this trick.... <%if (false) {%> <link rel="Stylesheet" href="styles.css"/> <%}%> But is there a better option? ...

header background and another one to repeat on Wordpress sandbox

im building off the wordpress plaintxt sandbox theme, and what i have i a big background picture, on the body element, which is basically the whole background, it doesnt repeat. what i want is to have another jpg to repeat at the end of this one. from what i realize, i cant put them on the same element. i tried to put the repeatable one...

I'm having trouble with accessing my site's admin panel and CSS appears to be broken

Hello. I'm currently writing for Crafthub.net, and since yesterday, whenever I try to access the admin control panel (http://crafthub.net/wp-admin/), it gives me a 404. Trying to access any other pages shows me a broken layout, in all browsers. A picture: http://dl.dropbox.com/u/4861882/arr.jpg I tried removing OpenDNS, with no success,...

Change button text jquery mobile

I'm using the new jquery mobile 1.0 alpha 1 release to build a mobile app and I need to be able to toggle the text of a button. Toggling the text works fine, but as soon as you perform the text replacement the css formatting gets broken. Screenshot of the messed up formatting: http://awesomescreenshot.com/03e2r50d2 <div class="ui-...

How to prevent HTML element moving when resizing window?

I have a simple php page, with the main content placed in a table which is centred. I want to place a menu which starts at the upper right corner. The code is like this: echo "<table class=\"center\">"; while($row= mysql_fetch_array($query)) { echo "<tr>"; echo "<td>"; ... content... echo "</t...

css, disable display: none;

Hi, I have this situation in my code: <!-- This is the global CSS file --> <style type="text/css"> #show_div{ display: none; } </style> <!-- This is the local CSS file (only in this page)--> <style type="text/css"> #show_div{ /* However to disable display: none;*/ } </style> <body> <div id = "show_div"> Text text </div> ...

CSS: DIV height problem on float set

Hi assume we have this code: <div id='upperDiv' style='min-height:200px;border: 1px solid #000000;'> <div id='rightDiv' style='float:right;width:75%;'> content1 </div> <div id='leftDiv' style='float:left;width:25%;'> content2 </div> </div> <div id='lowerDiv' style='height:50px;border: 1px solid #00000...

css, disabled css files

Hi, how disables CSS file? I use CMS and in header load style.css file. O don't have permission change index.php file, so i must change only in my file. Thanks ...

Why are statically positioned children of a fixed position element gaining width?

UPDATE: This seem to only be an issue with ul/li if i replace the ul with a div and remove the li and apply the relevant style to the a's instead its fine. ID' still liek to know why the ul/li structure presents a problem since margin/padding have been reset explicitly. Im having soem trouble with the children of a fixed position ele...