I have a (probably not) unique issue with a css background div I am seeking advice on. I am using Wordpress, which creates my pages dynamically. The front page and some other pages are using one type of background (Gradient) while internal pages are using a solid white. Right now I am forced to have two style sheets - main.css for the gr...
Hey folks, I'm trying to a language switching system in this website. The idea is to have a SPAN which upon hover displays a dropdown box (UL based) that contains a list of available languages. Here's a snapshot of the effect I'm trying to achieve. The dropdown box is actually an unordered list that is hidden by default. Upon hov...
I have a requirement to display text at a 45 degree angle in the browser. The text is selected via ajax calls from a selection of a lot of values. Text varies in length up to 100 characters. Need to display the first part and the last few characters (I can figure this part out). For example: "This is the text and it can be quite long......
I would like to use the following to target the last link (a) of the last ul inside my div. So this is what came to mind: #menu ul:last-child li a { /*.....*/ } I cant manually add a class to that element, and even if i wanted to do it dynamically i would still have to target the element the above way. Any ideas why this is no...
I'm using an ordered list in order to get numbering, which works perfectly fine when the list is vertical. However, once I make it horizontal, the numbering disappears. The display attribute in the li CSS seems to be the culprit. HTML: <div id="QuickSteps"> <h2>5 Quick Steps</h2> <ol> <li class="selected">Account Info...
The spec says that a horizontal scrollbar is supposed to be always shown if overflow-x: scroll is set. On my website I often post code in a <pre>-Block. As this has no predefined width, but the surrounding div does have a maximum (defined as percentage), it seems that I can not figure out how to achieve the following: In case a code blo...
Is there a tool to convert something like font:bold 1.9em "Book Antiqua",Verdana,Tahoma,"Trebuchet MS",sans-serif; to font-weight: bold; font-size: 1.9em; font-family: "Book Antiqua",Verdana,Tahoma,"Trebuchet MS",sans-serif in CSS files? BTW, I am not sure what to call this process. ...
I have a select box, <select multiple=true, that the user populates with values via a Picklist mechanism. I would like to disable highlighting in this box because, by definition, the values in this box are the selection. Just to clarify, I am NOT referring to text selection, which is what ::selection operates on. I'm talking about the u...
hello friends i am using this galleria gallery link to display images on my college website.. but i m not able to fix one thing. when the size of the image changes it changes the display Div's size according to the size of the image.I want it to be fixed Div what ever be the size of the image islink text Can any body tell him whats the ...
I need to convert all English numbers that appear in a given HTML page to Arabic ones (to be independent from the user browser encoding). I prefer to use javascript or it will be great if this can be handled using CSS. I found some pages doing this but I found that the Arabic letters are added with their ASCII representation in the sou...
Go to this page and look at any paragraph's text font size using Firebug. The font size is 13px. Here reset.css body: font-size 100% is overrding master.css body: font-size 62.5%. Why? My understanding is that if the same tag is defined in two css files, the one that comes last takes precedence. I expected it would use the one from mas...
I have seen some online css specificity calculators but you have to upload the css files and do some manual work for it to do its work. Is there a visual one like maybe a Firebug extension where when you click or hover over an element, it calculates it right there in real time? ...
Hi, I have an element on a page with background image set using css: // CSS snippet .mystyle { background-image: url(some_image.gif); // and other styles like width, height, padding, text-align, etc. } // HTML snippet <input type="button" name="mybutton" id="b1" class="mystyle" onclick=" some_function();" value="Apply"> In a...
I have the following code to display posts in Wordpress <?php wp_get_archives('type=monthly&show_post_count=1'); ?> How can I add a span class around the count so I can style it? The above code produces this: October (9) November (22) December (3) I need to assign a span class to the count, and not entire output. ...
Hi all, I expect with the following code 'max-button' be visible but it hides behind the grid. What is wrong? <html> <head> <title>Grid</title> <style> #sketch { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: transparent url(grid.gif) repeat scroll 0 0; z-index: 0; } #max-button { ...
I have an ordered list of movies. Each movie has a name and a description. The description length varies. I list the movies one by one in two columns, roughly like this: 1. Blues Brothers | 4. Lord of the Rings Cheesy movie about two guys. | A hobbit and his buddies go ...
Often as a Web Producer I get a lovely mock-up with text wrapping around an obvious background image. The content is going to come from a backend CMS and I don't want the editorial staff to worry about inserting <br /> tags etc. Lorem ipsum dolor sit amet, consectetuer adiping elit, xxxxxxxxxxxxxx sed diam nonummy nibh euismod tin...
Is there a way to run javascript at print time? I know of the IE onprintbefore event, but we use mostly Firefox. What I'm trying to do is get element positions as they would be in the page rendered for printing so I can insert appropriate page breaks, basically to accomplish what the CSS "page-break-inside: avoid" attribute would do if ...
Hello. I'm trying to create a layout for my website and I'm stuck with this. I have a div layer, container, and inside it, two layers: content and sidebar. These divs don't have fixed height. I would like to make both of the inner divs to have the same height (variable). My current CSS is: /* ========== RESET ========== */ body,div,...
I am building a CSS site and fail solving this partial problem: On the left side there is a box which consists of three images. A top image, an (optional and stretched) middle image, and a bottom image. I want the box to the left automatically stretch if there is more content inside. This already works for the right side with my curren...