Aggravated... Style Tag Issues

[• Ambrose •]

Forks?

I looked at your code and looked at mine. As far as I can see, after the changes I made using yours as reference, nothing is different. Yet my hover is now covering the entire template and not boxed in the sections. =( I need the three different sections because I'd be using a different picture for each. Sorry if I'm being such a nuisance, elli! Been at this for quite some time now.

[elli]

Make sure you're updating both the CSS and the HTML. I changed both.

[• Ambrose •]

I did, but still can't figure it out. =(

Edit:

I think I finally got it to work. Now I just need to find what I missed so I could watch out for it next time, and then convert it for ProBoards use. ^^

OKAY.

Good news, and bad.

The good news is that it's working. The bad news, the Enemies and Lovers boxes are now missing, even though I included them. Here's the plotter again. -- courirnu.boards.net/thread/324/delicate

[div align="center"][div align="center"][attr="class","mainplot"]Delicate, delicate

[div][attr="class","friends"]Friends

[div][attr="class","desc"]Fusce venenatis ornare ante ac posuere. Cras rutrum lacinia ex ac pretium. Aliquam nec enim mauris. Vestibulum pharetra nisi nisl, in faucibus dolor fringilla ac. Phasellus tempus malesuada congue. Maecenas ornare, erat vel sagittis interdum, diam massa laoreet leo, a auctor mauris risus eget erat. Integer dapibus diam non mi volutpat, ut lobortis ante dapibus[/div]

[/div]

[div][attr="class","enemies"]Enemies

[div][attr="class","desc"]Fusce venenatis ornare ante ac posuere. Cras rutrum lacinia ex ac pretium. Aliquam nec enim mauris. Vestibulum pharetra nisi nisl, in faucibus dolor fringilla ac. Phasellus tempus malesuada congue. Maecenas ornare, erat vel sagittis interdum, diam massa laoreet leo, a auctor mauris risus eget erat. Integer dapibus diam non mi volutpat, ut lobortis ante dapibus[/div]

[/div]

[div][attr="class","lovers"]Lovers

[div][attr="class","desc"]Fusce venenatis ornare ante ac posuere. Cras rutrum lacinia ex ac pretium. Aliquam nec enim mauris. Vestibulum pharetra nisi nisl, in faucibus dolor fringilla ac. Phasellus tempus malesuada congue. Maecenas ornare, erat vel sagittis interdum, diam massa laoreet leo, a auctor mauris risus eget erat. Integer dapibus diam non mi volutpat, ut lobortis ante dapibus[/div]

[/div]

[/div][/div]



[newclass=".mainplot"]background-color: rgba(83, 96, 40, 0.75); padding-top: 25px; width: 400px; height: 75px; font-family: Rajdhani; font-size: 18px; color: #fcfcfc; text-shadow: 1px 1px #343841;[/newclass]

[newclass=".mainplot *"]box-sizing: border-box;[/newclass]

[newclass=".friends"]background-image: url(http://www.placehold.it/325x125); border: 4px solid #343841; box-shadow: 5px 5px 5px rgba(52, 56, 65, 0.55); font-size: 24px; height: 125px; line-height: 125px; margin: 20px auto; position: relative; text-align: center; text-shadow: 1px 1px #343841; text-transform: lowercase; width: 325px;[/newclass]

[newclass=".enemies"]background-image: url(http://www.placehold.it/325x125); border: 4px solid #343841; box-shadow: 5px 5px 5px rgba(52, 56, 65, 0.55); font-size: 24px; height: 125px; line-height: 125px; margin: 20px auto; position: relative; text-align: center; text-shadow: 1px 1px #343841; text-transform: lowercase; width: 325px;[/newclass]

[newclass=".lovers"]background-image: url(http://www.placehold.it/325x125); border: 4px solid #343841; box-shadow: 5px 5px 5px rgba(52, 56, 65, 0.55); font-size: 24px; height: 125px; line-height: 125px; margin: 20px auto; position: relative; text-align: center; text-shadow: 1px 1px #343841; text-transform: lowercase; width: 325px;[/newclass]

[newclass=".desc"]background-color: #fcfcfc; color: #343841; font-size: 12px; height: 100%; left: 0; line-height: 1.5; opacity: 0; padding: 5px; position: absolute; text-align: justify; text-shadow: none; top: 0; transition: opacity 1s ease; width: 100%;[/newclass]

[newclass=".desc:hover"]opacity:1;[/newclass]

[Chris]

[newclass=".mainplot"]background-color: rgba(83, 96, 40, 0.75); padding-top: 25px; width: 400px; height: 75px; font-family: Rajdhani; font-size: 18px; color: #fcfcfc; text-shadow: 1px 1px #343841;[/newclass]

[• Ambrose •]

Oh, that explains it then...

I had to remove it because I wanted to keep the bar at the top. The plotter is finally done. Thank you guys so much for your help!