Search Results

Search found 34754 results on 1391 pages for 'css and html'.

Page 27/1391 | < Previous Page | 23 24 25 26 27 28 29 30 31 32 33 34  | Next Page >

• Altering CSS for nav bar images to accomodate IE

  - by Kim

  My horizontal nav bar is populated with images for the links that are coming from one image that includes all the sub-images; each nav item image is identified by the pixel location within the larger image. This works perfectly fine in Firefox and Safari, but in IE, all of the images are misplaced too low within the nav bar (can only barely see the tops of the words). Two questions: How do I fix this in the css so it is back-compatible with the more recent versions (and current versions) of IE Do I need a separate IE stylesheet? Thanks!

  Read the article

• CSS Padding Issue w/ submit button

  - by Thomas

  This is a dumb problem but I can't seem to set the padding on a submit button properly. No matter what I input for padding, the width and height of the button never changes. Here is the css: .green_submit { color: #fff; background-color: #94c909; border-right: 1px solid #6d9307; border-bottom: 1px solid #6d9307; border-left: none; border-top: none; padding: 25px; } And the HTML: <input type="submit" class='green_submit' value="Validate" /> Any obvious problems here? How can I manipulate the padding on a submit button?

  Read the article

• How to change text color for link in tr element with CSS

  - by mathee

  I'd like to change the background and text color when the mouse hovers over a row in a table: tr { background-color:#FFF; color:#000; } tr:hover { background-color:#000; color:#FFF; } This works if there aren't any links in the tr elements, but when there are, the link color remains black (because of a { color: #000; }?). How do I specify in the CSS that links in the tr element should change color when the mouse hovers over the tr?

  Read the article

• HTML, CSS, Javascript - Problem with hiding/showing elements

  - by Edward Wong Hau Pepelu Tivrusk

  I'm using the Blueprint CSS grid for my HTML page. I have a table which I want to show/hide - linking it to a button, using jQuery. The problem is that everytime I click on the button to show/hide the table, everything on the page shifts slightly left-right. Is this a common problem? Does anyone know what could be causing this and what I could do to fix the other elements of the page such that they do not move? Edit: grammar.

  Read the article

• CKEditor adds html entities to inline CSS. Is the CSS still valid?

  - by Mihai Secasiu

  I have this piece of code: <table style="background-image: url(path/to_image.png)"> And when I load it in CKEditor it's transformed in: <table style="background-image: url(&quot;path/to_image.png&quot;)"> Is this still still valid CSS? Actually I'm not so interested if it's valid but if there would be any problems with any web browser or email client ( the editor is used for composing a html email ). Firefox and Thunderbird seem to be fine with it.

  Read the article

• Css attribute selector for input type="button" not working on IE7

  - by Cesar Lopez

  Hi all, I am working on a big form and it contains a lot of buttons all over the form, therefore I am trying to get working input[type="button"] in my main css file so it would catch all buttons with out having to add a class to every single one, for some reason this is not working on IE7, after checking on the web it says that IE7 should be supporting this. Also it has to be type="button" and not type="submit" as not all buttons will submit the form. Could anybody give a hint what am I doing wrong? input[type="button"]{ text-align:center; } I have also tried input[type=button] Any help would be very much apreciated.

  Read the article

• css two colors of h1

  - by Treby

  i have this CSS code: h1 { font-size:22px; color:#341C12; font-weight:normal; font-style:italic; } .h1color h1{ color:#862E06; } and this HTML Code <h1>News <span class="h1color">&amp; events</span></h1> but its not working. want i want to do is have the first h1 text to be color #341C12 and the other text to #862E06 with using only 1 h1 tag..

  Read the article

• Problem with referencing CSS and Javascript files relatively

  - by Markus

  I have an IIS web site. This web site contains other web sites so the structure is like this. \ MainWebSite\ App1\ App2\ All sites are Asp.net MVC Webapplications. In the MasterPage of App1, I reference the script files like this: <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 work around that? Should I put all my Scripts and CSS files into the root directory, is that a preferred solution?

  Read the article

• Cross browser div alignment using CSS

  - by Misha Moroshko

  What is the easiest way to align a div whose position is relative horizontally and vertically using CSS ? The width and the height of the div is unknown, i.e. it should work for every div dimension and in all major browsers. I thought to make the horizontal alignment using: margin-left: auto; margin-right: auto; like I did here. Is this a good cross browser solution for horizontal alignment ? How could I do the vertical alignment ?

  Read the article

• CSS: semi-transparent background, but not text

  - by Stijn Sanders

  Is there a way in CSS to make the background of an element semi-transparent, but still have the text of the element non-transparent? (Without separating the text and background in two elements positioned over eachother.) I've tried <p style="position:absolute;background-color:green;filter:alpha(opacity=60);opacity:.6;"><span style="color:white;filter:alpha(opacity=100);opacity:1;">Hello world</span></p> But it looks like child elements are subjected to the opacity of their parent(s), so 'opacity:1' is still drawn as 'opacity:.6' from the parent.

  Read the article

• CSS dropdowns on touch-based clients. Are pure CSS dropdowns going to become extinct?

  - by Galen

  My company is starting to move toward adding the iPad as a browser i have to test my work on. This got me thinking... Since touch-based clients don't have a :hover state are pure CSS dropdowns going to go away? Then i thought even if you add some javascript to make the menus popup on click... What happens when the menu item (that expands to another menu) is also a link. How do you tell the difference between a click to see the menu or a click to go to that link?

  Read the article

• last-child CSS issues

  - by Neurofluxation

  Hey you guys (and girls), I have implemented the following CSS: #tab-navigation ul li:last-child { background-image: url(../images/tabs-end.gif); background-repeat: no-repeat; color: #fff; display: block; border: 1px solid red; background-position: right; } However, for some reason this is not working at all in IE (surprise!) - I read (after some research) that IE requires a DOCTYPE, but I already have <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> defined. Any ideas peeps?

  Read the article

• CSS multiple background

  - by Jordan Pagaduan

  I have a site and I wanted to change it's background. I want to put a background on top and bottom. Here is the CSS code: div.bg_top { background-image: url('bg_top.jpg'); background-repeat: no-repeat; background position: top center; } div.bg_bottom { background-image: url('bg_bottom.jpg'); background-repeat: no-repeat; background position: bottom center; } HTML code: <div class="bg_top"> <div class="bg_bottom"> Content Here. </div> </div> is that correct?

  Read the article

• Cannot position Google +1 button with CSS?

  - by Bogdan Protsenko

  I'm having some trouble positioning the Google +1 button on my website. The div is as follows: <div class="g-plusone"></div> The CSS I'm using is pretty simple: .g-plusone { position: absolute; top:95px; left:715px; } I know for a fact that the div in question is being accessed. What's strange is that other social sharing buttons, such as the FB like below follow the same syntax and are positioned perfectly. .fb-like { position: absolute; top:62px; left:715px; } Any ideas?

  Read the article

• Css div with header and footer and dynamic content height

  - by Argiropoulos Stavros

  I want to construct a div that has a header with background like that some content with a background of one pixel repeated at y(or not?) and a footer with background like that resulting in something like that with some text in the div content I want to have the same result with 5 lines or 50 lines of text. In my mind there is an html snippet like <div id="header"></div> <div id="content">Text goes here</div> <div id="footer"></div> but i can't think of the css or jquery code or anything that goes with that. I hope i demonstrated the problem clearly Cheers

  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

• 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

• Why doesn't margin:auto center an image?

  - by d03boy

  <html> <head> <title>Test</title> </head> <body> <div> <img src="queuedError.jpg" style="margin:auto; width:200px;" /> </div> </body> </html> The div expands to 100% as it should but the image does not center itself. Why?

  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

• 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

• 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

• 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

• 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

< Previous Page | 23 24 25 26 27 28 29 30 31 32 33 34  | Next Page >