html { background: #9c9c9c url(../images/bg-bottom.jpg) center top; } body { border-top:2px solid #fecd2a; background:#9c9c9c url(../images/bg.jpg) repeat-x center bottom; } I need bg.jpg which is the large background with the black gradiantat the top, to be at the top and for the bg-bottom.jpg to be repeated at the bottom...
#sidebar ul li a { height:1%; zoom:1; } ...
I am trying to set a background image to be outside the actual containing div. <div class="expandable">Show Details</div> .expandable { background: transparent url('./images/expand.gif') no-repeat -20px 0px; } so the "expand" image should basically appear just to the left of the div. I can't get this working, the image doesn't s...
http://dev.harveys.co.uk/clients/ clients { margin-right:-20px; } clients .client { float:left; background:#9d9fa2; width:190px; margin:0 8px 8px 0; } clients .client .inner { min-height:80px; } .inner { padding:10px; } clients .last-child { margin-right:0; } clients .client img { margin-bottom:5px; border:1px solid #aaa; } <div i...
First, I created a xcode project and copied and pasted the CSS and javascript files into project folder. Second, I loaded a local .html file to UIWebView.But the css files and javascript files don't fire. <html> <head> <meta charset="UTF-8" /> <title>test</title> <link rel="stylesheet" type="text/css" href="css/mycss.css" ></lin...
Let's start with a bit of context. What do I have in my hands? Multiple web applications (All .NET: WebForms and MVC) Common UI template Each application has also it's own UI elements. Multiple files for css/javascript. Some common to all applications, some specific to the application. Tenths of files per page = multiple requests per p...
I'm creating a JavaScript-driven timetable overview screen. It shows times of day as rows doing down the left, and has the days as columns going across the top. There's an example here: http://www.cap2.co.uk/dev/timetable.htm Essentially, I'd like to put the days across the top of the timetable div, and have them fixed there as the ele...
I need to maintain & improve an existing website and I am drowning in the redundancy I have discovered in its CSS stylesheet. Given the existing redundancy and non-methodlogical ordering of elements, it's hard to track and predict how a minor change will propagate through the system, or where to apply a change to achieve a certain effect...
Hi, site is www.onlinefilmbox.com When it loads, you can see that for a second, horizontal and vertical bars appear on the carousel in the center. They appear for a second and then gone. But I wonder - can I remove this short appearance? I tried "overflow: hidden" and "overflow-x: hidden" + "overflow-y: hidden" and both don't change...
In the iPad project I'm working on I've got a UIWebView inside of the app which displays a .html file which links to a .css file, i.e. <link rel="stylesheet" href="style.css" type="text/css"> These files are stored locally on the iPad but are fetched from a remote server. I've noticed that UIWebView caches the .css file more or less ...
I have the following code, my row_container div's hold the left and right divs, i'm struggling to get the row containter to have the same height as the nested left and right divs.. what am i missing? I tried height:auto; didnt work. i need the row to have a solid background colour; .row_container{ margin:auto; width:420px; ...
Is there a way to detect if a rendered DOM element has the same color as its background, effectively being invisible invisible elements (that is: elements invisible not because of display style property, but based on color only), possibly through a framework/tool that works at least on one browser? Ideally, it would be able to detect ver...
I know that it's incorrect to style a <section> tag but how about the <header> and <footer> tags. If using these tags provides a more semantic markup then they should be used, however, if they can't be styled then a <div> would still need to be inserted inside the tag to wrap the content and style it. I know that <header> can be styled ...
The demo web project that ships with the VS2010 contains a system.web.ui.webcontrols.menu control. That particular menu includes the IncludeStyleBlock property. When the IncludeStyleBlock property is set to False the menu is displayed as it supposed to. The menu gets destroyed if i set that property to True. So here is my main question...
I always see this: <link ... href="style.css?v=1" What is that ?v=1? How does this work? Can someone explain what this does and why I should it? ...
I have the following simple page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> .img {background:green; width:32px; height:32px;} h1.imgH...
HTML <h2 class="sec-title">one</h2> <div class="sec-content">content 1</div> <h2 class="sec-title">two</h2> <div class="sec-content">content 2</div> jQuery: $('.sec-content').hide(); $('.sec-title:first').addClass('active').next().show(); $('.sec-title').click(function(){ if( $(this).next().is(':hidden') ) { $('.sec-title').remo...
Is there any way to add template tags into javascript and css files? I would use it for anything from passing in urls to media url links (image paths, etc) to conditional javascript based on user permissions. I just had a thought that maybe I can serve it up as if it were a template but have the url as my javascript file. Is that the o...
I need expert advice here... I have run into the strangest problem in my career... I have a form with alot of "SELECT" tags. Each tag contains a large amount of "OPTION" tags. The form wont submit at all, but when I remove parts of the form content (for example, some SELECT tags), then the form will submit properly. However, there is...
I have a scrollable area that contains popup menus. Conceptually, something like this: <div style="overflow:auto; width:100px; height:100px"> ... content here that's big enough to trigger scrollbars... <div> <a href="javascript:$('#popup').show()">Click here</a> <div style="position:relative"> <div id="popup" ...