GuyKilmore
Ok. I am new to HTML, CSS, and Textile and what I have learned is from help individuals from Obsidian Portal and reading lots and lots of the forums. My google-fu has failed me and I am struggling with an issue on my site. I was able to successfully create a mouse over for my Top-Secret button at the bottom of my Wiki-page; however I am unable to get it to center. I am wondering if people have any suggestions.
"Link to the Wiki Page in Question":https://campaign-75666.obsidianportal.com/
Here is the particular bit of code on the page:
Here is the CSS code
/*Top Secret Button*/
.topSecret{background:url('https://db4sgowjqfwig.cloudfront.net/assets/296905/Home_Button_Transparent.png?1392577826') bottom;
display:block;
width:340px;
height:340px;
background-size:340px 340px;}
.topSecret:hover{background:url('https://db4sgowjqfwig.cloudfront.net/assets/303655/Home_Button_Lighter_Transparent.png?1394163352');
background-size:340px 340px;}
Any suggestions would be much appreciated!
Comments
@{margin-left: auto; margin-right: auto;}@
EDIT: If you are going to want it not centered on other pages, I would just use Textile and drop a "p=." in front of it on the wiki editing page, rather than messing with the CSS.
True story, I was trying to do that for like four hours (off and on other things) last night when finally I came and made this post. I saw you post the margin-left and margin right thing and I was like, in my head saying, "I was trying that and it wasn't work, but ok, you know what, I will do it this morning, go SEE, and post it right here to learn further insight into my problem." So I go and change the code to your recommendations and, well, you can click the link to see the results.
"I think Basileus knows Magic or has Psychic Powers":https://campaign-75666.obsidianportal.com/
"Age of Heroes":https://heroes-of-hellas.obsidianportal.com/
"Avatar: Conquest of the Imperial Order":https://avatar_adventures.obsidianportal.com/
"COTM November 2011":http://blog.obsidianportal.com/november-11-campaign-of-the-month-avatar-conquest-of-the-imperial-order/?utm_source=rss&utm_medium=rss&utm_campaign=november-11-campaign-of-the-month-avatar-conquest-of-the-imperial-order
DM, Current Campaign: The Godlands: Rise of the Blood Moon Kings
DM, Previous Campaign: Avatar: Conquest of the Imperial Order - CotM: November 2011
Basileus is a talented mage, however....
killervp
"A God...Rebuilt":http://www.obsidianportal.com/campaigns/a-god-rebuilt
"OP's COTM April 2012":http://blog.obsidianportal.com/a-god-rebuilt-aprils-cotm/
Just trying to help out.
In this case, though, since there are already existing elements with a designated class on almost every wiki page, applying campaign-wide CSS is the more efficient option, I believe (adding two properties to pre-existing CSS, versus adding HTML to every wiki page in your campaign).
Depends on the use case...
Everyone is so helpful! Thanks again!
Thank you for your patronage.