Search Results

Search found 89033 results on 3562 pages for 'style css template file'.

Page 86/3562 | < Previous Page | 82 83 84 85 86 87 88 89 90 91 92 93  | Next Page >

• Canvas is stretch when using CSS but normal with old "width" and "height" properties

  - by Sirber

  I have 2 canvas, one use old html "width" and "height" to size it, the other use CSS <canvas id="compteur1" width="300" height="300" onmousedown="compteurClick(this.id);"></canvas> <canvas id="compteur2" style="width: 300px; height: 300px;" onmousedown="compteurClick(this.id);"></canvas> compteur1 display like it should, but not compteur2. the content is drawn using javascript on a 300x300 canvas. why is there a display difference? Thanks! Screenshot:

  Read the article

• css styling for Flex PopUpButton

  - by user211607

  Hi, How can I give a specific color (Let's say red) to the border of dropdown menu of Flex PopUpButton. Also if how can I set text properties (text should be bold) of dropdown Menu of PopUpButton. Thanks in advance - Atul

  Read the article

• CSS Selector Issue

  - by YsoL8

  Hello html body .home blog logged-in div #wrapper div #page div .cats I have a problem with selecting unordered lists (i.e ul li.class-name class-name-number) at the above dom location in CSS. I am working with a wordpress theme. Basically could I have suggestions for the correct selector to use in order to influence this tag? I can provide a simplified html structure if it will help. I've tried a number of selectors along the lines of: (sometimes)#page (# or .)cats (sometimes)ul li(sometimes with class name) EDIT: I've tried the selectors suggested in the wordpress docs. Thanks!

  Read the article

• Css Multiple background-color

  - by Khanh TO

  I'm a novice in Css and it's difficult to search for this specific case on the internet, so I post a question here. I'm working on an existing code base and I see something like this. li { background-color: #000 \9; background-color: rgba(0, 0, 0, 0); } I don't understand the meaning of \9. But it looks to me they are duplicates and I should remove one of them. Could you please explain the \9 and should I remove one of them? Thanks.

  Read the article

• Floating Menu CSS/Javascript issues

  - by Ron Cassel

  I'm new to all this so thanks for being patient. Ok so I'm building a site with a Floating Javascript menu. The original code is from: Jtricks Absolute Floating Menu Here's the issue: When viewing the site in a mobile browser, zooming in initially caused the floating javascript menu to leave the far left of the page and cover content on the page. I fixed this by locking it into a fixed width div on the left side of the page. Now the issue I have is, I don't want the fancy animation of the javascript. A simple CSS script for a fixed window is fine. The only issue is, everything I've tried has done the same "free floating" thing when zoomed in on mobile browsers and I can't seem to find a fix. Anyone have any ideas?

  Read the article

• CSS Float left question

  - by Minghui Yu

  <div id="slideshow-prevnext" class="slideshow-prevnext"> <a id="prev" class="left" href="#"><span class="invisible">Prev</span></a> <a id="next" class="right" href="#"><span class="invisible">Next</span></a> <a href="#" class="dot">&nbsp;</a> <a href="#" class="dot">&nbsp;</a> <a href="#" class="dot">&nbsp;</a> </div> I want the three <a href="#" class="dot">&nbsp;</a> appear on the left of and the two ("Prev" and "Next") on the right. How can I do it? I tried float:left but does not work. Edit: CSS is too long to post. Development site is here at : http://site2.ewart.library.ubc.ca/

  Read the article

• Assign multiple css classes to a table element in Rails

  - by Eric K

  I'm trying to style a table row using both cycle and a helper, like shown: <tr class= <%= cycle("list-line-odd #{row_class(item)}", "list-line-even #{row_class(item)}")%> > However, when I do this, the resulting HTML is: <tr class = "list-line-odd" lowest-price> with the return from the helper method not enclosed in the quotes, and therefore not recognized. Here's the helper I'm using: def row_class(item) if item.highest_price > 0 and item.lowest_price > 0 and item.highest_price != item.lowest_price if item.current_price >= item.highest_price "highest-price" elsif item.current_price <= item.lowest_price "lowest-price" end end end I must be missing something obvious, but I just can't figure out how to wrap both the result of cycle and the helper method return in the same set of quotes. Any help would be greatly appreciated!

  Read the article

• place element at the bottom of page and prevent from scrolling using css

  - by Jean

  Hello, I want to place this div at the bottom of the screen, and should stay at the bottom even though there is a scroll, it stays at the bottom, but moves when I scroll. <div style="color:#FFF; position:absolute; bottom:0px;"> <?php $time_taken=round(getmicrotime()-$time_start,4); echo"Generated in ".$time_taken." seconds"; ?> </div> Thanks Jean

  Read the article

• Conflicting problem with css

  - by Luke

  I was told last night that the following isn't allowed in CSS. <a href="index.php"><div class="button">Home</div></a> .submenu div.button{width:72px; height:20px; float:left; margin:0 20px; font-size:0.9em; font-family:Arial; padding:2px; color:black;} How can i create the look I want for the button and then allow the user to click on it in any other way? What is the best way to do this? It works as it is, but I am being told it's not complient.

  Read the article

• CSS LESS class inheritance

  - by Haradzieniec

  Here is a css description of properties for my #myform1 .btn1 class: #myform1 .btn1 { ... } #myform1 .btn1:hover { ... } #myform1 .btn1.active { ... } #myform1 .btn1.disabled { ... } Is it possible to add absolutely the same properties for my #myform2 .btn2 class using LESS (any way is OK) without writing #myform1 .btn1 ,#myform2 .btn2 { ... } #myform1 .btn1:hover, #myform2 .btn2:hover { ... } #myform1 .btn1.active, #myform2 .btn2.active { ... } #myform1 .btn1.disabled, #myform2 .btn2.disabled { ... } Is it possible?

  Read the article

• css background Outlook 2007

  - by user112976

  Hi, I creating a program which send newsletter with a background image. It works fine on Office 2000-2003, thunderbird, but the background image does not show on Outlook 2007. I read that Microsoft changed the rendering engine and did not support the background css property (it is possible but only applied to the Body). Is it achievable to create an email which will render like that : http://www.freeimagehosting.net/image.php?a7905f7d16.png on Outlook 2007 ? What is the solution ? Thank you for your help.

  Read the article

• Listen to HTML/CSS events of web page

  - by David Metcalfe

  I'm looking for a way to listen for an event in the HTML/CSS of a webpage. Basically, a website I use at work lists queues and appointments, which flag as yellow/red based on the amount of time late on taking said appointment. Other than this visual aide, there is no alert of any kind, which is a failing point if one is juggling multiple windows and doesn't notice. What I would like to do is put together a simple way to watch for the tag ID or perhaps the flag hex color, and then alert me in a way of my choosing. The work environment is on OS X, so I presume I'm looking at an Objective-C centric solution unless Applescript is capable of doing this. Any help would be greatly appreciated.

  Read the article

• jQuery changing css on navigation when div # scrolls into view

  - by Jonny Wood

  I'm looking to recreate the effect used on this site: http://www.brizk.com/ The site uses one large page that scrolls down. As you scroll down and pass different sections the menu navigation on the left changes css class to "current" as the corresponding div comes into view. I presume this can be done with jQuery using $(window).height(); I'm fairly new to jQuery and what I want to write is something like this (in laymans terms): Get height of browser window – if div#content1 is 100px from top and/or 200px from bottom change menu a#link1 to '.current' – else remove .current from all menu a links ... and repeat for 4 different content divs. Can anyone point me in the right direction..? Thanks.

  Read the article

• Second CSS class not working in IE8.

  - by ProfK

  I have the following div being rendered to the client, but on IE, the checked-yes class is ignored. If I view the target element in the 'Developer Tools', that class is completely missing from the Style panel. The shift-item-present class is attached server side, and the checked-yes class client side, depending on the present attribute of the parent row, also shown below. <td><div class="shift-item-present checked-yes" jQuery1272958392665="94"/></td> Parent row: <tr class="shift-item" id="ctl00_mainContentPlaceHolder_ctl00_shiftList_ctl01_shiftRow" present="True" shift-id="641" jQuery1272958392665="64"> The page works perfectly in FF

  Read the article

• Rails + Passenger CSS problem

  - by Dan

  I'm trying to deploy my first Rails app. At first, I was getting the following error: ActionView::TemplateError (Permission denied) I set the permissions of the stylesheets folder to 777 (just for now until I work out what's going wrong) and the application started to work. However, it is not picking up any of the stylesheets (everything is displayed in plain text). If I view the source code and click the CSS links, I just get a blank page. Javascripts however, seem to be working just fine. VHost Config: <VirtualHost *:80> ServerName xxxx.xxx.com DocumentRoot /home/myapp/public <Directory /home/myapp/public> Allow from All AllowOverride all Options -MultiViews </Directory> </VirtualHost> Can anyone help? Any advice appreciated. Thanks.

  Read the article

• Need CSS Help with a hover element - cant extend to left and right of page

  - by Bobafett

  Hi there, Need some CSS guru help. If you visit my link: http://www.gabbr.com/js/viewer/cmedata/index1.html and hover over the years (top middles, 2008, 2009, 2010, etc) you will notice an orange bar extending from the top to the bottom of the page. I am trying to get the same effect on the left (month and day) but am unable to do so. The problem I am having is that I cannot get the orange hover bar to extend off the left of the screen for either #dayleft or for #monthleft. It extends all the way to the right margin of the screen but not the left. The problem is the margin-left: 15px; in #monthleft and margin-left: 80px; in #dayleft. But I cannot get rid of these since I require them for the letter spacing. Any advice?

  Read the article

• Using CSS to positon text after an image

  - by Charles L

  I've trying to do something that I'm sure is simple, but I can't do it. All I want to do is have an image and then some text after that image, and be able to control accurately the amount of space between the image and the text. Here's my code: http://pastebin.com/fx17XUaR I couldn't work out how to paste it in here directly. In my style sheet, wrap has these attributes: .wrap { //text-align: left; width: 1100px; height: 870px; background-color: white; color: black; padding: 10px; margin: auto; I want my text to look like this directly below the image: Username Age Location Currently, I just add loads of break tags to control where I have the text, but that's messy and there must be a better way. Thanks in advance for any help.

  Read the article

• Fixing CSS positioning and scaling

  - by Louis

  I was contemplating writing a UI toolkit where setting the position and size of an element/widget was intuitive and powerful. Here are some examples of how it would be used (not currently implemented): ui("Panel").size(". 40").pos("0 0").attach(element); ui("Textarea").size(". %-10").pos("0 40").attach(element); ui("Panel").size(". 10").pos("0 bottom+5"); Where . means auto, % means 100% and the possibility to add pixels to percentages. Does anything like said exist (even as a jQuery plugin or something)? Somethings just aren't possible with pure CSS.

  Read the article

• Issue with css float -- Hindering IE6 from putting div in next line

  - by Bernhard V

  Hi, I've got an issue with floating divs in IE6. There's one navigation div on the left and one content div for the rest of the page. They've got the following css values: #navigation { float: left; width: 185px; padding-left: 5px; overflow: auto; height: 100%; } #content { overflow: auto; height: 100%; } In Firefox, IE8, Chrome and Opera, I get scrollbars for the content div when I resize the page to a size where both divs can't fit in as a whole. The navigation div stays in its place. And that is the desired behaviour. But in IE6, there are no scrollbars for the content div. Instead, when the page is getting too small, IE6 simply puts the content div under the navigation div. Do you know any way to hinder IE6 from this behaviour?

  Read the article

• solving css validation errors

  - by pradeep

  http://validator.w3.org/check?uri=http%3A%2F%2Fratingscorner.com%2Fproduct_rating.php%3Falias%3DRashtreeya-Vidyalaya-College-of-Engineering-Mysore-Road-Bangalore%26product%3Dcolleges&charset=%28detect+automatically%29&doctype=Inline&group=0&ss=1&st=1&outline=1&No200=1&verbose=1 hi guys, i solved mots of my css errors . there are few errors which i am unable to fix. can some one please help me on it. 1.Warning Line 440, Column 1121: cannot generate system identifier for general entity "p" and similar errors 2.Error Line 113, Column 52: document type does not allow element "input" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "pre", "address", "fieldset", "ins", "del" start-tag 3.Error Line 441, Column 37752: document type does not allow element "tfoot" here Error Line 440, Column 80: EntityRef: expecting ';'

  Read the article

• IE7 and the CSS table-cell property

  - by Ryan Smith

  So I just love it when my application is working great in Firefox, but then I open it in IE and... Nope, please try again. The issue I'm having is that I'm setting a CSS display property to either "none" or "table-cell" with JavaScript. I was initially using "display: block;", but Firefox was rending it weird without the table-cell property. I would love to do this without adding an hack in the JavaScript to test for IE. Any suggestions? Thanks.

  Read the article

• Render Order via HTML or CSS

  - by Bullines

  What is the best practice is in the case of altering the render order of elements on a webpage. For example, I have two DIVs that are to be displayed on a page: <div id="appleSection"> <!-- Apple DIVs, content, form elements, etc --> </div> <div id="orangeSection"> <!-- Orange DIVs, content, form elements, etc --> </div> Depending on user selection (perhaps by country or something), the order which the DIVs are presented to the user can differ. Certain conditions present appleSection above orangeSection, and for other conditions, their order is reversed. If the core logic of the page is the same regardless, is it a best practice to determine order on the server-side (perhaps via two pages that differ in the order of the DIVs), or is it more appropriate to have just a single page and use CSS to control whether appleSection is above orangeSection or vice versa?

  Read the article

• CSS fixed div. Avoid unwanted overlapping

  - by Justa Randomone

  I've got a CSS layout made of 2 columns. the navigation column to the left is a fix div. It stays there while scrolling down the main content in the column to the right. The problem comes when I reduce the browser window, or zoom in: when scrolling the browser windom horizontally, the main content on the right starts overlapping the navigation column on the left. How can I fix it so that whatever the size of my browser window or my zoom level is, when i scroll horizontally the fixed div isn't overlapped but pushes the main column to the right? You can see it for real at: http://justarandomone.tumblr.com/ All the code is in the source (It is pretty messy, sorry for that). Hope some one can help. Thanks!

  Read the article

• Pre-loading external files (CSS, JavaScript) for other pages

  - by Jason Young

  I'm curious if there is an efficient way to wait for the front page of a site to load, and then pre-load CSS and script files that I know will likely be needed for the other pages on the site. I want the front page of the site to be as fast as possible (lean and mean). It's likely that the user will not immediately click on a link. Since there will likely be some idle time, this seems like an opportune time to pre-load some of the external assets. Pre-loading should cause them to become cached. When the user does click on another page, the only request needed will be for the content and possibly some images, etc. Has anyone done this? Is it a bad idea? Is there an elegant way to implement it?

  Read the article

• jQuery: Apply css to image on click event

  - by DasRakel

  I want basically the same as http://stackoverflow.com/questions/530701/jquery-select-image a row of images that you can select one of. But I'm trying to style the one I select, and store it. var selectedicon = ""; function selecticon(){ $('#iconselect').children().click(function(){ $(".selectedicon").removeclass("selectedicon"); selectedicon = $(this).attr("src"); $(this).addclass("selectedicon"); }); } on this <div id="iconselect"> <img src="/red-dot.png" class="selectedicon" /> <img src="/green-dot.png" /> <img src="/blue-dot.png" /> <img src="/orange-dot.png" /> </div> What am I doing wrong?

  Read the article

< Previous Page | 82 83 84 85 86 87 88 89 90 91 92 93  | Next Page >