Search Results

Search found 53624 results on 2145 pages for 'css class'.

Page 73/2145 | < Previous Page | 69 70 71 72 73 74 75 76 77 78 79 80  | Next Page >

• CSS - how to dry up?

  - by keruilin

  Is there a way to DRY this CSS up? Only difference is color? div.base-text-gold { position: absolute; bottom: 9px; color: #FED577; font-size: 10px; font-weight: bolder; text-align: center; width: 61px; text-transform: uppercase; } div.base-text-grey { position: absolute; bottom: 9px; color: #D1D2D4; font-size: 10px; font-weight: bolder; text-align: center; width: 61px; text-transform: uppercase; }

  Read the article

• Css, Content not staying inside border

  - by Davey

  I have the height of this div set to 100% but content keep overflowing out of it. Here is the page: http://cowgirlsbaking.com/membership CSS: #content { margin-left: auto; margin-right: auto; background-color: #FCF6E9; width:868px; height:100%; min-height: 650px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 10px solid #EB7CDB;

  Read the article

• CSS: How to affect OTHER elements when a div is hovered

  - by Trufa

  I think this is a very basic question but I not sure how/if it can be done. What I want to do is to is a certain div is hovered, affect the properties of another div. For example, in this simple example when you hover over #cube it changes the background-color but what I that when I hover over #container, #cubeis affected. I don't want to explain further cause I think it might be confusing, but please ask the the question is no clear enough!! Thanks in advance!! jQueriers: abstain yourselves!! only CSS answers :)

  Read the article

• CSS background image inconsistency in IE6 and IE7

  - by The Machine

  I have a span that is generated through javascript, with its css class as follows: .class1{ width:25px; height:25px; background-image: url(pic.png); background-repeat:no-repeat; background-position: center; cursor:pointer; margin-left:10px; } The problem is on, the html page, i can see the pointer -cursor, but not the background image,over the span, in IE7. In IE6, both get shown , no problems.

  Read the article

• jQuery UL sortable list, CSS how to align column style data

  - by Brett

  Hi, I'm using jQuery UI, sortable on an ul element. All good, except over time the data in my li elements has become table like, in the sense there are multiple columns of data. They aren't aligning correctly because this seems to be hard to do in ul, and indeed not what ul's are designed for. I have 2 choices the way I see Work out some really cool css to make my ul / li format nicely Work out how to convert this to a sortable table With option 2., looking at a few plugins that exist (tablednd for example), they seem very old. I don't believe the jQuery UI Anyone got any recommendations as far as a direction I should head?

  Read the article

• Systematically resolve conflicting styles in css

  - by Frank Michael Kraft

  I have some stylesheets from different sources in my web project. I want to harmonize them. Some styles I need from the one, some from the other. Is there a tool or method how to systematically resolve style conflicts? I tried IE8 developer tool, and yes, it is possible to view conflicts at the level of each element. But I have many elemens, so if I do it element by element I think this takes too long. Theoretically there could be a tool that shows conflicts of two css files at design time?!? I think this would save me a lot of time.

  Read the article

• Font not correctly displaying in Internet Explorer using the css property @font-face

  - by Roland

  I'm trying to render a font using the css property @font-face , in Firefox, Chrome and Opera it works fine, but within Internet Explorer is just does not want to display correctly, and reverts back to another standard font. My code looks as follows @font-face { font-family: "swatch"; src: url("../../fonts/swatch.eot"); /* IE */ src: url("../../fonts/swatch.ttf") format("truetype"); } .header_text1{ font-family: "swatch"; font-size: 78px; text-align:center; color: #ffffff; padding-top: 50px; } Am I doing something wrong here?

  Read the article

• iPhone CSS and Display Testing

  - by Philip Arthur Moore

  Hi All. I recently coded and launched a website that displays consistently across Chrome, Firefox, Opera, IE8, IE7, and Safari. According to site visitors, though, the signup forms at the top and bottom of the site are mangled on the iPhone. I do not own an iPhone and I rarely test sites on the iPhone, and I would really hate to purchase it or an iPod Touch for the sake of occasional CSS/display testing. Question: is there a site online or a program I can use (I'm on Windows 7) for iPhone testing? An alternative question might be why the signup forms aren't displaying properly on the iPhone, when they look fine in all other browsers and a few other mobile devices that I've used? Many thanks.

  Read the article

• css opacity not working in IE7

  - by Alsciende

  I have this test page : http://jsfiddle.net/VWnm9/7/. The image is correctly faded on all my computers running IE6, 7 or 8, except for one computer that runs IE7 and doesn't fade the flower, even in noext mode. The page is : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <style type="text/css"> body { background: blue; } img { filter: alpha(opacity=10); opacity: 0.1; } </style> </head> <body> <img src="http://upload.wikimedia.org/wikipedia/commons/c/c3/Extracted_pink_rose.png" /> </body> </html> Does anybody have an idea why?

  Read the article

• Create a "inset" effect using CSS in websites

  - by Aakash Chakravarthy

  Hello, I am very much impressed by the "inset" like effect in many latest websites. Some examples are and The line in the center. Nowadays, many websites use these kinds of lines/effects. I tried to achieve the same with borders but the color combination is not working me and it is not proper. Do other websites use images for these ? is it easy to this ? Any example css ? Example sites: http://woothemes.com, http://net.tutsplus.com/ , http://www.w3schools.com (in the header) and in wordpress admin page sidebar

  Read the article

• CSS: Size of buttons in Chrome is different than Firefox

  - by Hank

  I have the following HTML code: <style type="text/css"> .submitbutton{margin-left:-2px} </style> ... <form> ... <input class=submitbutton type=submit value="Create Listings" /> </form> In Firefox, the input button has more padding than in Chrome. Any ideas why? UPDATE: If you're wondering why I have the negative margin - it's because between the input field and the input button - there is too much space.

  Read the article

• tablerows hover with table even/odd styled via CSS

  - by root

  even/odd styles set on tablerows but hovering of table rows don't work . CSS style : #table_even tr:hover { background-color:#fffbae!important; } /* hovering */ #table_even tr:nth-child(odd) td { background-color:#fbfbfb } /*odd*/ #table_even tr:nth-child(even) td { background-color:#e8ecee } /* even*/ HTML Codes: <table id="table_even" style="width: 100%"> <tr> <td>##</td> <td>##</td> </tr> <tr> <td>##</td> <td>##</td> </tr> <tr> <td>##</td> <td>##</td> </tr> </table> how can be solve ?

  Read the article

• CSS Only Selecting Certain Classes

  - by Greg

  Hi I'm working with a Wordpress template. I have a separate template page for the blog section. On the other pages of the site I have class that works fine and looks like this .post header h2 { display:none; } On the blog page, I add this to the CSS and it works as it should #main .post header h2 { display:block; } However if I try that with other classes like #main .wrapper { background-color:#000000; } Nothing happens. I've tried adding !important, I've also tried writing like such body.page-id-15 #main .wrapper { background-color:#000000; } with no luck. Here is a link to the site. http://gregtregunno.ca/news

  Read the article

• Isolate HTML Div from Javascript/CSS

  - by Neb

  Is there any way to isolate a div from the rest of the page javascript and css? Something like an iframe but without the iframe(because I dont want any extra requests to the server). Here is an example: <html> <head> <style> a{ color:red; } </style> </head> <body> <div> <----- I want the link inside here not to be red <a href="#">test</a> </div> </body> </html>

  Read the article

• Displaying same image multiple times at different locations in a web page using JavaScript or CSS

  - by Joe B

  I’m looking to create a web page with 6 coupons on it, two per line in a web space of 1275 X 1650. Each coupon space will consist of a different image. The problem is I will be creating 20 such web pages that will have these coupons on them. Now some of the same images will appear in different locations/positions on the various web pages. Is there a way to update the same image that appear in different locations/positions at the same time? And what language is used to complete this? I’ve tried CSS but it don’t think it’s possible. So should I be using JavaScript.

  Read the article

• CSS Issue in Firefox/IE

  - by bethhilson

  I'm working on a site's CSS and am running across an issue with the body margin section. If you look at this in Firefox and then IE, you can see the line isn't lined up right in Firefox, but it is in IE. (In the black header section). Here is what I have for the body tag, It's something with the margin and I can't figure it out: body { margin: -2px; padding: 0px; background: #E7E7E7 url(images/bg01.jpg) repeat-x left top; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #888888; } Thank you for any responses!

  Read the article

• Weird Jquery/CSS Menu Issue

  - by Kevin Z

  Hey All, I have a jquery drop down menu with jquery and css to style it. However, every time you hover over the menu options and go back and forth, it seems to leave pieces of the menu left over. Any ideas where this is coming from and how to get rid of it? Here is the code in a jsfiddle: http://jsfiddle.net/2msuP/2/ See the page and how it works here: http://f4design.com/clients/bigiochame/index.html I am noticing it in Safari. It may not be apparent in all browsers. However, the main user for this site will be Safari users. Any help is appreciated! Thanks! Kevin

  Read the article

• Strange CSS Positioning issue with a fader on a responsive site

  - by EPICWebDesign

  I'm developing a prototype responsive wordpress theme version of my homepage. I'm running into issues with the fader on the homepage. http://dev.epicwebdesign.ca/epicblog/ When the image switches, it uses position:absolute to overlay the pictures, then goes back to position:relative. I need to make the absolute be relative to the bottom left corner of the menu instead of the top left corner of #wrap so it doesn't overlap. I tried putting it in a container div like this: http://wiki.orbeon.com/forms/doc/contributor-guide/browser#TOC-Absolutely-positioned-box-inside-a-box-with-overflow:-auto-or-hidden but that doesn't seem to work. Any ideas? There are major CSS compatibility issues in IE, try it in chrome. It should look similar to http://epicwebdesign.ca. When the browser window is shrunk horizontially, the whole theme compensates.

  Read the article

• Problem with referencing CSS and Javascript fiels relativ

  - by Markus

  I have an IIS web site. This web site contains other web sites so the structure is like that. \ MainWebSite\ App1\ App2\ All sites are Asp.net MVC Webapplications. In the MasterPage of App1 i reference the Script-files like that <script type="text/javascript" src="../../Scripts/jquery-ui-1.8.custom.min.js"></script> The Problem is that he now tries to find the File at http:\server\MainWebSite\Scripts.... how can i workaround that? should i put all my Scripts and CSS files into the root directory is that a preferred solution?

  Read the article

• nested divs should have 2 diff css styles

  - by Jean

  Hello, I have 2 nested divs, both have #x{ width:400; height:400px; background-color:#fff; color:#000 } #y{ width:200; height:200px; background-color:#000; color:#ccc; } <div id="y"><div id="x">Here lies a x value</div></div> I want the #x and #y to have individual css properties, but that is not the case, #x overrides the #y values Any help appreciated. Thanks Jean

  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

• CSS, fill all div width with text

  - by lolalola

  Hi, How to automatically change the space between the letters.I want the text to take up the entire width of the div. Text is not static. (Always changing text, can be 123" or "text text"...) <style type="text/css"> #menu{ width: 200px; background-color: #000; color: #336699; font-size: 16px; letter-spacing: 100%; } </style> <body> <div id="menu"> tekstas </div>

  Read the article

• FF3/Windows CSS z-index problem with YouTube player

  - by Doug Kaye

  I'm stuck on what appears to be a CSS/z-index conflict with the YouTube player. In Firefox 3 under Windows XP, Take a look at this page: http://spokenword.org/program/21396 Click on the Collect button and note that the pop-up <div appears under the YouTube player. On other browsers the <div appears on top. It has a z-index value of 999999. I've tried setting the z-index of the <object element containing the player to a lower value, but that didn't work. Any idea how to get the pop-up to appear over the player?

  Read the article

• CSS cross browser compatibility on Ubuntu

  - by bhefny

  Hello, I'm currently working in web development and my default desktop is Ubuntu and I'm kind of happy with the setup and applications I got going. But I need to test web pages for cross browser compatibility while still being on Ubuntu. I have gone through hell trying to get IE7 or IE8 (with wine) to run on ubuntu and when they finally worked they were very buggy and the graphics/scrolling was insanely slow. Of course there is the option of virtual box but again, too much GBytes just to run a small application! So to all the CSS gurus out there, how can I continue with my beloved Ubuntu and still deliver a good quality (tested) page. Thank you.

  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

< Previous Page | 69 70 71 72 73 74 75 76 77 78 79 80  | Next Page >