Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
-
On my website, at the class breaks, these lines show up by default.
What is the value I insert to delete this default styling? -
- CommentAuthorsebastienb
- CommentTimeJan 17th 2006
Can you give us the url to check the source code out ? -
Source code would be helpful. But I think you are asking for something we all wish existed; you want like a trigger to kill all defualt stylings of an element. As far as I know, no such thing exists. You have to take the element and kill the styles yourself. Turn off your text-decoration, borders or whatever it may be on the element you are having trouble with..
-
Are you using a table? If so... it's looks like the table borders. Just at style="border: 0;" to you table element.
<table style="border: 0;">
hth -
No tables. You can find the prelim website here. Hopefully this helps, because I am not sure exactly why the bars are showing up.
-
you r using lot of <hr /> tag. Remove unwanted Hr tags..
My openion <hr /> tag is not good for making lines..
border-bottom:1px solid #ccc; -
If you don't want the lines -- delete the <hr /> tags.
If you do want the lines ......
Your nav element is floated, so that is why you are only seeing partial lines. I suggest what Arun suggested. Using CSS, put a border on your navigation class. Or create a new class on that div specific to that linked element for your top and bottom lines.
Why are you using the <hr /> if you dont want lines? Were you perhaps using <hr /> to give some space between the links? Did you mean to use <br />? If that is true, use CSS to put a margin on the div for your spacing. -
- CommentAuthorNick Presta
- CommentTimeJan 18th 2006
Horizontal rules are there for separation in content - not for borders or lines.
Use borders for lines and design and use HRs (which should be using a border anyways) for separation. -
beside, IE and Mozilla based browser would still display it very differently. so it's not really a nice solution for anything does it?
-
Hey, it was the <hr />. I didn't know they were in there, because the template I was using was K2, and I wouldn't figure that they would be in there. But hey, easy to delete. Thanks guys, next time I'll look a little deeper before shooting off some questions.
-
I PRODUCE LARGE VOLUMES OF PORK-BASED FOOD PRODUCTS!If you want to "delete" all default styles you could do:
* {
display:inline;
margin:0;
padding:0;
/* remove more styles here */
} -
I use this to reset browser defaults:
* { padding: 0; margin: 0; }
body { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }
pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin: 0; padding: 4px; }
li, dd, blockquote { margin-left: 40px; }
fieldset { padding: 10px; } -
Does that really nix everything? Are there dramatic downsides to such a move?
-
- CommentAuthorNick Presta
- CommentTimeJan 27th 2006
I've been using the universal selector to null margins and padding as well as borders for a very long time and it's much better than not using it.
Browsers add default styling to elements (Opera uses padding on the body unlike FF and IE who use margins, etc) so setting them to null and defining them make things easier to cross-browser create sites. -
A few relevant blog posts related to removing the default browser styles:
- Tantek's Undoing html.css and using debug scaffolding
- Eric's Really Undoing html.css
- Left Justified's Global White Space Reset
If you're using
* {
margin:0;
padding:0;
}then definitely check out those links
-
- CommentAuthorNick Presta
- CommentTimeJan 27th 2006
That is what inspired me to use the universal selector. I also use h1, h2, h3, h4, h5, h6 { font: bold 1em ....; } but most of the time, I'm using FIR so default style is fine since the only people who see it are people with CSS off so undohtml.css won't help.
Good links though.
1 to 16 of 16