My goals: I want to have #nav to be divide into menu-left and menu-right, and each has its max width I want to make sure that #nav, menu-left and right are not statically fixed. So that it expands and shrinks according to settings of the users. The output should be similar to what we see in the picture. I am doing this in wordpress...
I have a div 300 x 200px, and put some words in it with 180px font-size. Below it, there are 2 images. So naturally, the images cover up the words, because the images are at a later stage of the document, so it will cover up previous elements. (if the HTML elements are viewed as in a tree structure, then it is the order of depth-first...
In Simon Collison's new Responsive Web Design, in the CSS, there are several declarations like this: @-moz-document url-prefix() { .fl { float:left; margin:12px 4px 0 0; padding:0; font-size:65px; line-height:62%; color:#ba1820; } .fs { float:left; margin:12px 4px 10px 0; padding:0; font-size:65px; line-height:62%; color:#ba1820; ...
Specs: JS required amyway on site. but prefer pure-CSS/HTML IE7+, iPhone supported Old browsers (e.g. IE6) not supported Standard HTML with no crazy kludges (eg cufon, images, cifr). Questions: What fonts support 4 or more weights? Most seem to only have one or two. Answers so far: Myriad Pro (supposedly? test below fails for me)...
is body properties and * properties have different? i always use body and html properties same. can i use * properties with body and html? and what should be different in * and body property? i unable to understand that is this necessary to use these both property? if i use one of them than its create any problem? i use this *{ ...
I ma trying to set the opacity of an element. I am setting it to 0 and it hovers under the mouse pointer which is used for some pretty advanced click tracking. Works fine in all browsers apart from IE. In IE 8 when filter opacity is set to 0 the element acts as if its display:none. I've also tried using: $('#tracking').css('opacity',0)...
Hello, This is my simple webpage :- <html> <head> <style type="text/css"> .body{ max-width:3072px; min-width:3072px; margin:0px auto; background: url('Stripes.png') no-repeat #293231; background-attachment:fixed; back...
Hello, If i am right display:inline should display div on the same line without any line break. This is my web page where display:inline simply makes my div invisible: <html> <head> <style type="text/css"> .body{ max-width:3072px; min-width:3072px; margin:0px auto; background:#293231; } .page1{ backgro...
I'm having problems with a sidediv that wont get the height to 100% in chrome. It works just fine in FF. Im using html, body { padding: 0px; width: 100%; height: 100%; } #div { min-height: 100%; } Why is that ? ...
Hello, I am unable to delete a div with an id with a period or an asterix. <div id="*xxx."></div> <div id=".xxx*"></div> I have the jquery code, which deletes the <div id="xxx"></div> but not the above. Not looking for the jQuery code, but does it need a forward slash? ----req by anurag-------- // JavaScript $('.s').click(functio...
Hi all, Having some trouble with the CSS alignment of text generated with @font-face. For some reason, there is a ton of extra space visible at the bottom of each letter, stretching the text's containing box too far downward. If you inspect the text on this sample page, you can see what I mean. Have googled and inspected a bunch of o...
I started getting errors after I turned on Drupal's performance improvements which pack all the CSS and JS files into single files. The error looks like this: The selected file /tmp/fileO4fjBF could not be uploaded, because the destination js/js_8a69e612be02242c2866a4a19223bd12.js is not properly configured. I'm not sure ho...
Hello I am trying to do a simple CSS declaration. However, I got the warning above and not sure how to solve it. I thought s|(type) should declare the style for me :(. Thanks for the reply... <fx:Style> @namespace s "library://ns.adobe.com/flex/spark"; @namespace mx "library://ns.adobe.com/flex/mx"; s|TextInp...
I am using jQuery to show and hide a div by adding/removing a class to it. $('input').focus(function(){ $(this).parents('.row').addClass("linksdiv"); }).blur(function(){ $(this).parents('.row').removeClass("linksdiv"); }); It works quite well when focusing on inputs, but if I click a link in linksdiv it loses focus and the div...
I've never really paid this close attention but I'm getting the following error: Unknown pseudo-element or pseudo-class :hover on the following code A:hover { COLOR: #F56655; text-decoration: underline; } Since when has :hover not been valid css and what is the alternative? I have seen this used everywhere... ...
I programatically generate an HTML form and position the controls on it like so: <div class="TComboBox" id="ComboBox1" style="position: fixed; top:16px; left: 16px; width: 145px; height: 21px;"> Hopefully that is acceptable? The form is generated in a program, on a grid, and I want it to be WYSIWYG, so I am using the same coordinate...
I have the following CSS where an image 'vote_up' is a background image. I'd like to alter the javascript to swap images on rollover. The JS code below makes a call to database. Is there a way to call a mouseover function with background images? If not can you provide another solution? CSS <style type='text/css'> body { background...
I'm in the design phase of a medium-sized PHP web application (not a static website). Since I'm a programmer with the creativity of an eggplant I'd like to contract with a freelancer to design the look and feel of the application. What deliverable should I ask for from the designer? HTML files? PHP files? How do I apply the look and...
I'm looking at the StackOverflow website and I've noticed that there is a Class="youarehere" attribute set to the buttons of active views. This results in the orange styling instead of the grey styling. Can anybody tell me how they're doing this? What's the easiest way to dynamically set the class based on the URL? ...
My website renders correctly in Chrome but it shows a 16px gap, between divs, in FF. What could be wrong here? Link to Application: http://simateriaisportal.appspot.com (Conta -> Dashboard). The code i posted before was working correctly, the problem comes when content (dashboard) is filled dynamicaly ...