by Tyler Dockery of Dockery Design.
While creating a new website for ASPE’s IT Division for nationwide training, I ran into a problem with my formatting. In my CSS stylesheet, I began by outlining an over-arching style to command the entire site. I noted it thus:
* {
margin-left: 0px;
margin-top: 0px;
font-family: Arial, Helvetica;
border: 0px;
}
This CSS text would take every item in the entire website, and give it a 0 pixel border, remove any margins on the left and top, and prepare it for a serif font. This worked gloriously, allowing me to overcome many standard problems that body {} doesn’t always get to.
However, I first ran into a problem with Ordered lists , and Unordered lists. Different Browsers have different margins for such lists, and setting the margin-left to 0px effectively hid the bullet or numbers of these lists. After laying in a few pages (there are close to 160 in the first phase of this project) I started to notice an issue. To show these items I had to manually set the margin on these items to show. I solved the issue by including:
ul, ol {
margin: 0em 1em 0em 0em;
padding-left: 30px;
}
This gave them a slight margin, and a strong padding to shove such items back into the page and set them apart.
The second problem came up when my horizontal rules also failed to show up. After investigating the problem, I noted that the element would automatically disappear when given a border attribute.
The border element was given in the * portion of the CSS, and was subject to a border on every page, in every instance. The only solution was to completely override the master stylesheet.
I whipped out my old teaching materials, and found a seldom used element:
! important
and brought it into play. ! important overrides any element on anypage, at any time. This will override the master stylesheet, as well as inline styles. The final solution:
hr {
height:1px ! important;
border: none ! important;
background-color:#000000 ! important;
}
every time the tag was used, the which is invisible, is given a height (1 pixel tall), given “none” as a border condition, and given a background color of black- just in case something should go wrong.
An elegant solution to a problem which cannot be adjusted without tearing out huge portions of the website.
I thought I was the only obsessive saver…
Kudos for the excellent information.
Thank you for the much needed info.
Great information! Thanks!
hey, your post… Just how important is illustrator anyway? And designer that doesn’t use photoshop for their logo creation, or their magazine layouts is simply lazy! I didn’t earn my associates degree in art just to be bossed around by so called “smart” designers.
If simply we could find more interesting blogs like this. thank you for this. Can’t wait to include ! important with my css knowledge.
[you gave this same reply in another post, so I'll just repeat my reply]
um… Ok.
First of all, Associates Degree holders are just as smart and savvy as lots of designers out there, so please understand that I give them the utmost level of respect.
Second, Photoshop is a fine tool, and yes, it may just be versatile enough to create a full magazine
Third, I’m not sure what prompts you to note that there are “smart” designers out there. I’m sure that there may be plenty who try to flaunt their smarts, but please don’t take issue with them here.
Photoshop is not the end-all be-all of the design world. I would highly recommend you look into other programs in Adobe’s fine stable to see what you are missing. I don’t mean to come down on your comment like a ton of bricks, but being ignorant of the other tools doesn’t make you in the position to slam other designers. Very few professional designers actually use photoshop for final designs due to the many issues with scalability. Look into these programs, and I feel you will be pleasantly surprised.
Hey this blog is great. I’m looking forward to reading more. My photoshop skills are off the charts. Why don’t you ask me to do a guest blog entry? Am I not hot?
So… Can I use css overrides with ! important to make your blog follow my links? [ link removed for obvious spammery ]
CSS overrides using ! important can be used in lots of places, but I see that the gentleman below failed. Can I use this elsewhere though? I’ll have to give this a try.
will ! important help me with my blog? I’ll stuff this in edgewise on my own site.
Right on. It’s more informative and easy to understand. Thanks a lot such a nice guideline.
I feel it is a really point of view. I meet people who rather say what they suppose others want to hear. Good and well written! I will come back to your site for sure!
Great Post!! Thank you very much!
Good opinion. How did you came up like this?
I love the them on this site. Is it downloadable anywhere? Thanks!
Good opinion. How did you came up like this?
Hands down, Apple’s app store wins by a mile. It’s a huge selection of all sorts of apps vs a rather sad selection of a handful for Zune. Microsoft has plans, especially in the realm of games, but I’m not sure I’d want to bet on the future if this aspect is important to you. The iPod is a much better choice in that case.
Nice idea, please explain more!
I agree with you totally. Please write more.
It’s weird how people comment so different about your post.
I agree with you totally. Please write more.
Thanks for the awesome posting. I’ve subscribed to RSS. BTW which theme are you using on this blog? Looks great
It makes sense.Agreed. Hi… Thank you for investing the effort to inform others about the topic, I wonder about this and like learning additional info about this subject. If possible, as you find out more info, when you can try updating your blogs with more articles? The readers like the posts. Adios..
Thanks just like a support to charming the metre to deliberate this, I be informed highly on heart-breaking it and lady-love erudition way more on this topic.
Great post, I admire the writing style
A little off topic here but what theme are you using? Looks pretty cool.
I want to thanks for the efforts you have contributed in writing this blogpost. I am hoping the same top-quality article from you in the future as well. In fact your creative writing abilities has inspired me to start my own blog now. Truly the blogging is spreading its wings rapidly. Your write up is a good model of it.
some conditions its a ache from the ass to assessment what internet internet site proprietors authored but this internet internet site is really consumer genial !!
It`s good finding an article about this, been looking this up for an internet paper I`m doing. Will bookmark this web site, seems like there are lots of blog posts that will assist me.
I need to many thanks for the endeavours you have obtained contributed in composing this blogpost. i am hoping the identical top-quality publish from you from the lasting as well. In simple fact your soil breaking composing skills has inspired me to start my very own web page now. in real truth the blogging and site-building is spreading its wings rapidly. Your create up may likely be considered a very good design of it.
Thank you for this article!
Thanks for your article. One other thing is when you are advertising your property yourself, one of the problems you need to be mindful of upfront is just how to deal with property inspection records. As a FSBO owner, the key concerning successfully shifting your property plus saving money about real estate agent commission rates is knowledge. The more you know, the better your home sales effort are going to be. One area that this is particularly crucial is inspection reports.
Good article,it is very remarkable.
Very good web, I’ll certainly visit it often
I welcome all comments, but i am possessing problems undering anything you could be seeking to say
thanks !! quite helpful post!
I found your website on google. It contains wonderful and helpful posts. Its amazing to think one site could contain so muck information. You are doing the great work!
Heya i 臓 m 侧 de el principal tiempo aquÃ. Me encontré con encontrado este foro y en la búsqueda de buscar Es verdad ayuda y me ayudó mucho mucho. Espero a dar una cosa volver y ayuda otros como tú me ayudó.
Very interesting; thank you for sharing!
Fantastic goods from you, man. I have understand your stuff previous to and you are just too excellent. I really like what you’ve acquired here, really like what you’re stating and the way in which you say it. You make it entertaining and you still take care of to keep it smart. I cant wait to read much more from you. This is really a tremendous web site.
Making money with your blog or website has never been easier thanks to the invention of the Xtreme Profit Robot. This is a money sucking piece of software that was sold at some recent seminars for more than $2,000. With all the free traffic you can get to your website, it is probably worth the original price but right now, if you’re quick you can get in for $49. Start getting unique visitors from 54 different sources and start capitalizing and montizing your traffic right away. All you have to do is set up the software and then let it do the magic, 24 hours a day. Once your site is set up to convert visitors and you have this traffic sucking machine at your disposal, you will be able to just wake up, check your stats and try to wipe that big grin off your face. Do yourself a favor and at least give this thing a look. -> http://tinyurl.com/6j7al74
I like what you guys are up too. Such clever work and reporting! Carry on the excellent works guys I have incorporated you guys to my blogroll. I think it will improve the value of my website
l1 visa
Appreciate your taking this possibility to discuss this, I feel strongly over it and I make use of researching this subject. If at all, as you gain data, please update this web site with new information. I’ve found it extremely useful.