|
CSS - Css Default With Special Cases
I really like this idea:
http://37signals.com/svn/archives2/css_tip_create_a_default_with_special_cases.php Unfortunately for the life of me i don't understand why this technique doesn't seem to work in InternetExplorer. It seems to work for only the class defined in your css file first. Can someone shed some light on this? Similar Tutorialswith an included file on top of every page of my website i have Code:
<STYLE type="text/css">
A:link{color:lightblue;text-decoration:underline}
A:visited{color:lightblue;text-decoration:underline}
A:active{color:lightblueblue;text-decoration:underline}
A:hover{color:lightblue;text-decoration:underline)
textarea, submit{background-color:#19665a;}
</STYLE>
which is how i want my links to appear except for one specific page where there is a table and lots of links inside this table, i want these to have text-decoration:none for link visted active and hover. but the links on this page outside the table i want them the have text-decortation:underline i cant figure out how to do this, someone said something about classes before but this isn't a basic class thing, i have no idea what to do can I load a special font to my server and then call to it through css? If I want to use the font Made_In_China.tff can I actualy load it to my server and then call to it through css? Nick Greetings! This is not an easy question but maybe some CSS guru may help: for a web I'm working on, I need quite special layout: It must take 100% viewport height, with header and footer fixed, with middle part (2 columns) taking all rest of (vertical) viewport size, with scrollbar for each of these columns when content of column overflows showed space. To make it short, this is how far I got: http://147.32.113.143/biotest/Sourc...SectionId=80600 However, by now, these 2 columns in the middle have set fixed height to 70% of viewport height, but as I mentioned above, I need it to get all remaining vertical space. I searched the Net for a couple of hours, but didn't find anything suitable, similar layouts with one column in the middle are usually solved with some CSS expression, or they put IE to quirks mode to be working (just like layout of my CSS god Stu Nicolls on http://www.cssplay.co.uk/layouts/bodyfix.html). Or it really does not exist better solution?? Hi, I'm new to style sheets and hope someone can help me with this question. I can't figure out how to use special characters in a page which refers to an external style sheet. I specifically need to put in an accented "e", and it worked fine in another place which is just an internal sheet, but in the externally referred one it comes out as a gibberbox, looking like a chinese character. I can only assume it has something to do with the difference between the types of css, which is why I bother to make reference to them, but I can't figure out how to get that e to show up right. Help much appreciated.. Maria Is it necessary to declare properties like : border-bottom:none; text-transform:none; My question is why would I declare them (above) ? Is it not assumed that unless I need something like text-transform:lowercase; I should not declare text-transform:none; ...this just add up more unnecessary lines of code. What are the default properties of selectors? if not declared would it be safe to asumme that those defaul to 0, none, etc depending of the selectors? tahnks Hey all, I'm developing an app for a client, and I've implemented quite a bit of it already, and it includes CSS. Code:
<style>
td {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-decoration: none;
}
</style>
As you all might know, this changes all <td> tags into this particular style. Is there a class that I can include that contains NO properties (default)? I'm not even sure if it's possible. I just don't want to go back and add class tags everywhere. I would like to set my site so that any text not given a specific class id for CSS will appear as a certain font. can I do this, and if so, how? thanks. hi, tried searching for a vertical menu that opens sub menu immediatley below it (and not to the left side as a layer) but none of the publicaly available menus do it. The menu items on the main level also have a specific icon for each of them. can you say how to do this menu?. if somebody has already made this menu and is publically available that would be nice too. thank you Hi I'm using a css file for the layout of my website. But I'd like to define the default font size but I can't! I mean the size of the font that's under no special style. I think it's something like: Code: .body
{ font-size: 10px; }
Or similar (instead of 10px, small)... anybody knows exactly hoy can I do it? Hi, First post on here! ...I have a problem with the default margin in IE being 1px less than Firefox. I've stripped my CSS down to be as naked as possible! It's quite frustrating as I'm quite experienced with CSS, I guess the small silly things do things like this when you've not been CSS'n for a few months! HTML:- Code: <!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> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> test </body> </html> CSS:- Code:
* { margin: 0; padding: 0; }
Hi, Not sure if this topic is ok if someone can nail this down here, but I have a question. How good or bad is it to set all the value to zero? Like Code: blockquote, body, dd, div, dt, fieldset, form, h1, h2, h3, h4, h5, input, li, ol, p, pre, textarea, th, td, ul{
margin:0 0 0 0;
padding:0 0 0 0; }
in front of the rest of styles. What about the other tag's, how to zero them out? Or should I enter the CSS default value's? CSS 2 and CSS 2.1 are different with some default value's. How good is this for all browsers in this universe? First I want to call it resetting them to defaults, but thats not the right word I think. Each browser has his own start ( default ) values. And setting them to a defined startvalue is not really resetting, but thats just word nickpicking. Also what's more save Code: margin:0 0 0 0; padding:0 0 0 0; or Code: margin:0; padding:0; is it 100% sure that the latter one overrides all the margin-lefts:10px ( thinking about cascading )? Some comments? I'm using an external style sheet and a Drupal site. I am pretty much of a CSS novice. No matter what I do, the default bullet is displaying. Sometimes, in the CSS stylesheet, I can have a graphic show up, but the regular bullet is showing as well. I want to make a separate bullet that I can use just on certain pages. It's on the home page of invisibleillnessdocfinder dot com I don't see anywhere to upload the style sheet to show the code. There is a template, so even though I'm putting "List-style=none" the default tiny bullet shows up. I'll be glad to email the stylesheet to anyone who can help. Thanks, Susan I have been going through the tutorials and forums learning CSS. Everything works and makes sense until I get to the lesson for setting up a div box. For some reason I am missing something here. None of the lessons or forums even address or talk about how to connect or input the external div CSS into the web page. They only show the external CSS code or internal CSS code. They never show what is required in the HTML to pull in the external div CSS. Even when I copy and paste the code from the different lessons I can not get a div box unless I put it in-line in the HTML code with a <style> tag, which defeats the concept of using an external CSS for the div box. How do I link an external CSS div.box to the default.htm web page? What coding is required in the external CSS and in the default.htm HTML to have the div.box brought into the web page? Does the div.box code have to have its own .css file to work? How do I get the external CSS code for the div input to the HTML? Thanks I have a style.css file included on all pages i want to sent default font and size, for all the text where i haven't already set something I am trying to display a footer below two absolute divs and whatever is the default. [absolute][default][absolute] [ FOOTER ] Any suggestions or tutorials? Whatever I try will put the footter below the default center and it will then apear under the two divs aligned absolute. Or if the center column is longer it will be below the divs. (Do I make any sense I have a group of buttons which when one is clicked its color changes and the others if any have been clicked revert back to the default color. Am I right in thinking the defualt html font color is black? Hi all, I've created a simple page and managed to encode a default font in the "Body" code: Code:
body {
margin:10px 0px 0px 10px;
font: bold 10px verdana, arial, sans-serif;
}
But I'm just wondering if there's any way to include a default font colour in there, too? I've tried putting in #fff, but it doesn't work and the font still comes out as black on a dark blue background. Hi all Is there a way to set a value, that has been overridden by a specific value before, to the browser's default value again? Code: div.specific {
font-size: 10px;
}
div.specific div.browser_default {
font-size: default;
}
Is there anything like that? Thanks for help, Josh hi.. i need to change the height of drop down box, if i change that using style means getting in firefox but not in IE.. IE taking some default height... need to avoid tht.. help me out guys.. its very urgent... pls... Hi All. I am getting an extra space in FireFox. The space is fixed when I disable the 'Browser Default Styles' in FireFox. IE7 shows it OK. http://holzgreen.com/gap/ any comment is appreciated. sukruB |
|||||||