deviant ART

[x]

CSS Tutorial :: Contex Box by =DragonX141:iconDragonX141:


©2007-2008 =DragonX141
Details
Submitted: May 1, 2007
File Size: 79.3 KB
Image Size: 11.2 KB
Resolution: 125×125
Comments: 29
Favourites & Collections: 65 [who?]

Views
Total: 4,936
Today: 7

Downloads
Total: 2,321
Today: 3

Embed


Thumb

Artist's Comments

Hello everyone. Finally, it’s here. I’ve decided to go and write an extensive tutorial on how to use pretty context boxes in the CSS journal, just like i use in mine.

If you have no idea how to use CSS, go check out my Basic CSS Tutorial first!

REMEMBER: You must be a subscriber to use the CSS feature!

If you have any question at all, feel free to leave a comment or send a me a note and i'll try my best to find you an answer.

Downloadable Versions:
- MS Word
- Rich Text
- GIF Graphic

Devious Comments

love 0 0 joy 1 1 wow 0 0 mad 1 1 sad 0 0 fear 0 0 neutral 0 0

~strikemedown:iconstrikemedown: Jun 1, 2007, 8:45:23 AM
Awesome tutorial!

--
--STRIKEMEDOWN--
=DragonX141:iconDragonX141: Jun 1, 2007, 9:36:05 AM
Thank you! :bow:

--
Artificial Intelligence stands no chance against Natural Stupidity
~strikemedown:iconstrikemedown: Jun 1, 2007, 2:02:34 PM
Sorry to bother you btw, but do you know any good books on css? Thanks! :-D

--
--STRIKEMEDOWN--
=DragonX141:iconDragonX141: Jun 1, 2007, 6:10:46 PM
Well, i'm not a book person, so i can't really say, though i would imagine there's plenty.

I sometimes use this site ([link]) when i forget stuff. It has almost everything on CSS, definitely check it out

--
Artificial Intelligence stands no chance against Natural Stupidity
~strikemedown:iconstrikemedown: Jun 2, 2007, 4:19:21 AM Mood: Joy
Thanks, that site is aweosme! I don't really like books either, they kinda suck.

--
--STRIKEMEDOWN--
~haskabab:iconhaskabab: Jun 4, 2007, 4:46:43 PM Mood: Anger
maybe good if you gave some examples of the outcome with the css above, this is garbage...
=DragonX141:iconDragonX141: Jun 4, 2007, 5:02:40 PM
Dude, it's says so right in the description "I’ve decided to go and write an extensive tutorial on how to use pretty context boxes in the CSS journal, just like i use in mine."

No need to bash anyways, you can't even use this since you've got no sub!

If you ain't got anything good to say, don't bother saying anything at all!

--
Artificial Intelligence stands no chance against Natural Stupidity
=Tinman-20-Tinster:iconTinman-20-Tinster: Jun 25, 2007, 4:28:36 PM
I am trying to use this tutorial and like you mention in the beginning of it with the right corner messing up and not matching...I am running into that problem only on Firefox v2.0 (which should work) I am using the same code as you, nothing changed, the same images basically, same color/style/size and such. And it doesn't work. Do you have any suggestions? Maybe try putting the rest of my code in and seeing if it works more?

--
i believe in soul mates. ~NaujTheDragonfly

Visit my town: [link]
=DragonX141:iconDragonX141: Jun 25, 2007, 6:02:44 PM
Hmmm, my guess would be that it looks fine in IE right?

The problem resides in the top margin of .titlebar .right. It's one of those browser rendering problems. And because of that, it can only work in either IE or Firefox, but not both.

To fix it, you have to pick which browser you wan it to be compatible with; i presume FF in your case. So that means you have to change the first value in margin: of .titlebar .right, most likely removing 14 from it.

If that doesn't work, send me a note and i'll have a look at it.

--
Artificial Intelligence stands no chance against Natural Stupidity