When to use margin vs padding in CSS
- by Alex Angas
When writing CSS, is there a particular rule or guideline that should be used in deciding when to use margin and when to use padding?
Search Results
Search found 11222 results on 449 pages for 'css maniac'.
Page 9/449 | < Previous Page | 5 6 7 8 9 10 11 12 13 14 15 16 | Next Page >
-
-
CSS line break problem
- by csetzkorn
Hi, If I have a very long string (without spaces!) can I force the browser to line break it, for example, in a table's td via CSS. Width does not seem to have any effect. Thanks! ChristianRead the article
-
Transitioning accordions from small height to full height with CSS
- by arkanciscan
I am building an accordion list and I want it to animate open and closed using a CSS -webkit-transition:. The animation is triggered by an event handler that simply toggles the .open class on and off. The problem is that when I click it, the animation goes from closed height to 0px height then jerks back to full height instead of smoothly animating…Read the article
-
Positioning divs inside a container div without the content of an upper div affecting the position o
- by silverCORE
Hi. I'm trying to accomplish the following layout, and I'm almost there, except for the last green div, which is going lower and lower depending on the content of the content (white) div. If I set a value for the TOP property for the green div, and then I add some more text to the content div, the green div goes lower and lower. Since the…Read the article
-
Textarea css not clickable
- by Hulk
How to set the css of a textarea not to be clicked on it. <textarea></textarea> ThanksRead the article
-
CSS Related: Trying to position a div styled to look like a bar on a wepage
- by Calibre2010
I'm trying to position a div tag on my page absolutely so no matter if you resize the page or not the div does not move position. . I've used absolute positioning in both the div tag and in some JQuery .css({position:absolute}), It still moves when i resize the screen. quite annoying.Read the article
-
Why don't we use dynamic (server-side generated) CSS?
- by ern0
As server-side generated HTML is trivial (and it was the only way to make dynamic webpages before AJAX), server-side generated CSS is not. Actually, I've never seen it. There are CSS compilers, but they generate CSS files which can be used as static. Technically, it requires no special libraries, the HTML style tag should reference to the…Read the article
-
Practices for keeping JavaScript and CSS in sync?
- by Rene Saarsoo
I'm working on a large JavaScript-heavy app. Several pieces of JavaScript have some related CSS rules. Our current practice is for each JavaScript file to have an optional related CSS file, like so: MyComponent.js // Adds CSS class "my-comp" to div MyComponent.css // Defines .my-comp { color: green } This way I know that all CSS…Read the article
-
Server reporting incorrect mime type for css files
- by Becky
We have a VPS server that we host our websites on. I have written a CMS using CodeIgniter. On one of the interfaces, I am attempting to upload a css file to the system. This worked correctly when we had it hosted on shared hosting. Since we've moved it to the VPS, I am getting an "incorrect filetype" error. It all comes down to the…Read the article
-
How to style this form using CSS ? [closed]
- by Rafael
Hi all ,i'm a beginner at CSS and trying to do a NETTUTS , but there's a portion in the webpage that i don't know what exactly to do in CSS to make it look right ... I just can't get this input text boxes, textarea and the button to be aligned like that , and to be honest the tutor isn't doing a great job to clearing stuff out …Read the article
-
Practical considerations for HTML / CSS naming conventions (syntax)
- by Jeroen
Question: what are the practical considerations for the syntax in class and id values? Note that I'm not asking about the semantics, i.e. the actual words that are being used, as for example described in this blogpost. There are a lot of resources on that side of naming conventions already, in fact obscuring my search for…Read the article
-
Change parent class of dom object via css selectors
- by Le_Coeur
Can i change parent class of some dom object on hover event via CSS selectors? For example I have such block: <span class="wBlock" > <span class="wText">Text</span> <span class="wLink"/> <\/span> and if i move mouse to span "wLink" span "wBlock" must be changed, and if i move out than…Read the article
-
What is better: CSS hacks or browser detection?
- by Darryl Hein
Commonly when I look around the Internet, I find that people are generally using CSS hacks to make their website look the same in all browsers. Personally, I have found this to be quite time consuming to find all of these hacks and test them; each change you make you have to test in 4+ browsers to make sure it didn't break…Read the article
-
How to select text, but not images, in CSS
- by thinkswan
Simple question: I have the following markup... <a href='#'> <img src='icon.png'> This is the link </a> I want to have the text become underlined on mouseover. What is the CSS selector for selecting only the text in that <a> element and nothing else? I'd rather not wrap it in anything if I…Read the article
-
css: background-image for tag img doesn't work in IE
- by Syom
i have the following script css: img { background-image:url("man.png"); background-repeat:no-repeat; padding-top:6px; padding-bottom:60px; padding-left:10px; padding-right:10px; margin-right:5px; border: 0; } it works fine in all browsers, but in IE doesn't. could you tall me why?…Read the article
-
css: background-image for tag img doesnt't work in IE
- by Syom
i have the following script css: img { background-image:url("man.png"); background-repeat:no-repeat; padding-top:6px; padding-bottom:60px; padding-left:10px; padding-right:10px; margin-right:5px; border: 0; } it works fine in all browsers, but in IE doesn't. could you tall me why?…Read the article
-
Re-setting CSS code for form buttons
- by WebDevHobo
I used a CSS reset to reset some commonly-used items. The code is this: html, body, div, h1, h2, h3, h4, ul, ol, li, form, input, fieldset, textarea { margin: 0; padding: 0; border: 0; font-size: 100%; } ul {list-style: none outside none;} img, fieldset {border: 0;} h1, h2, h3, h4 {font-weight:…Read the article
-
CSS inheritance: applying selector for itself and every descendant
- by Cawas
Get a custom user CSS and type this .answered-accepted { color: white !important; background: #090 !important; } Now go to answers.unity3d and look for an accepted answer. The design looks bad, because the <strong> in there overrides the customization. The fix I've found is this: …Read the article
-
Parse HTML file to grab all ID and Classes for a CSS file
- by iamfriendly
Hey all, A short while ago, I'm fairly certain I came across an application (or perhaps a plugin for Coda - the IDE I use) which quickly parses a html document and then spits out all of the elements with IDs and Classes for me to use in a CSS file. Having fully 'got into' zen coding - using…Read the article
-
CSS Selector not working on elements within a div
- by stevebot
Hi, I have the following HTML structure: <div class="formFields"> <label> Field 1: </label> <input type="text" value="" name="field1" /> </div> And my CSS selectors are as follows: #formFields {clear:both;} #formFields label {font-weight:bold;} …Read the article
-
CSS Sprite vertical repeat problem
- by ShiVik
Hello all I am trying to include css sprites in my webapp. The thing is I have arranged my website background vertically in sprite image. Now, one portion of the sprite needs to be repeated vertically. I was trying the following code... #page-wrapper { margin: 0px auto; …Read the article
-
CSS and jQuery slider height/positioning question
- by wilwaldon
TEST SITE If you look at the example above the slider on the right has 2 images. The first one is smaller than the second. The second is around 500px high. What I'm looking to do is expand the slider vertically depending on the height of the images inside. I believe the js is setting…Read the article
-
css to display three coloumn content
- by arpymastro
I am trying to get three column output using <div> for each. Right now my div on the left is lined properly even the middle one, but when I try to put right it is just clipping down. CSS /* left div */ #left-sidebar, #right-sidebar { width:15%; height:700px; float:…Read the article
-
CSS file pathing problem
- by Alan Harris-Reid
Hi there, When designing a HTML template in my favorite editor (TextPad at the moment) I can view my code in a browser by pressing F11 or the appropriate toolbar button. I have my common css rules in a separate file so my HTML contains the code: <link rel="stylesheet"…Read the article
-
CSS size transition to stay inside parent div
- by IlyaD
I want to have an image frame that when I hove over it the image inside will zoom in a little (I am using size transition), but the frame will stay the same size. What happens now that even if the frame has a fixed width and height it is stilled zoomed with the image HTML:…Read the article
