Welcome Guest [Log In] [Register]
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
maintitle misbehavior; not displaying where it's supposed to
Topic Started: Nov 7 2013, 03:47 PM (467 Views)
Iatu
Member
 *  
I think it will automatically put in a link to my board, but just in case, here it is:

http://z13.invisionfree.com/monstersandmagic/index.php?

My problem today is with the maintitles (there will doubtless be more later, but I'm trying to resolve issues one at time). Actually, there are two problems. The big one is that in FF (24.0), they're actually displaying overlapping the titlemedium and rows below that. Oddly enough, it's not happening in IE, which is the browser from whence my headaches usually come. The other problem is that nothing I do moves the maintitle text down closer to the bottom of the div, which is where I want it to be. I've fiddled with both the padding and the vertical align, to no avail.

EDIT: text positioning problem fixed, but the div is still displaying out of place in FF (also in SeaMonkey).

Why is it doing this? Can anyone please tell me how to make it stop?

Code:
 

.maintitle {
float:right;
background-color:#6e6e6e;
height:75px;
padding-right:90px;
color:#FONT COLOR;
font-family:'pinyon script', 'aguafina script', cursive;
font-style:regular;
letter-spacing:2px;
font-size:20px;
line-height:18px;
text-align:right;
padding-top:5px;
padding-bottom:5px;
text-shadow:1px 0px 0px #000;
}
.maintitle a:link, .maintitle a:visited, .maintitle a:active {
color:#FONT COLOR;
font-family: 'pinyon script', 'aguafina script', cursive;
letter-spacing:2px;
font-size:20px;
text-shadow:1px 0px 0px #SHADOW COLOR;
}
.maintitle a:hover {
text-decoration: none;
text-shadow:0px 1px 0px #SHADOW COLOR;
}

Edited by Iatu, Nov 8 2013, 06:59 PM.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · zIFBoards - Skinning & Code Support · Next Topic »
Add Reply