My benefit only...

Started by The Lady Shael, October 01, 2004, 02:25:16 PM

Previous topic - Next topic

0 Members and 3 Guests are viewing this topic.

Print
Go Down Pages1
User actions

The Lady Shael

October 01, 2004, 02:25:16 PM
 body {
   background-image:url(images/background.gif);margin: 0pt;
}

TR.cellover {
   background-color:#DADBE4;
}
TR.cellout {
   background-color:#E6E7F0;
}

.menu {
   text-align:center;
   border-top:0px;border-bottom:1px solid #000000;
   border-left:0px;border-right:1px solid #F7F8FF;
}

.menutxt {
   font-family:Arial, Helvetica, san-serif;
   font-size:12px;
   text-align:center;
   color:#000000;
   text-decoration:none;
   font-weight:bold;
}

.menutxt-active {
   font-family:Arial, Helvetica, san-serif;
   font-size:12px;
   text-align:center;
   color: #0042A4;
   text-decoration:none;
   font-weight:bold;
}

.menuspace {
   background-color:#F7F8FF;
   border-top:1px solid #F7F8FF;
   border-bottom:1px solid #F7F8FF;
   border-left:1px solid #F7F8FF;
   border-right:1px solid #F7F8FF;
}

.site-box {
   font-weight:normal;
   font-size:14px;
   line-height:130%;
   font-family:Verdana, Helvetica;
   background-color:#F7F8FF;
   border-top:1px solid #000000;border-bottom:0px;
   border-left:1px solid #000000;border-right:1px solid #000000;
}

.news-headline {
   font-weight:bold;
   font-size:12px;
   font-family:Verdana, Helvetica;
   color: #0042A4;
}

.news-module {
   font-weight:normal;
   font-size:11px;
   line-height:130%;
   font-family:Verdana, Helvetica;
   background-color:#F7F8FF;
   border: 1px solid #B4B5B8;
}

.sticky-module {
   font-weight:normal;
   font-size:11px;
   line-height:100%;
   font-family: Verdana, Helvetica, sans-serif;
   background-color:#E6E7F0;
   border-top:1px solid #B4B5B8;
   border-bottom:1px solid #B4B5B8;
   border-left:1px solid #E6E7F0;
   border-right:1px solid #E6E7F0;
}
#menu {
   background-color:#FFFFFF;
   border:0px 0px 1px 0px;
   border-color:#000000;
}
#menu div.top {
   background-color:#E6E7F0;
   padding:4px;
   border-color:#000000;
   width:100%;
   text-align:center;
   height:100%;
}
#menu div.section {
   position: inherit;
   display:inline;
   z-index:0px;
   padding:1px;
   left: 399px;
   top: 232px;
   width: 126px;
   height: 60px;
}
#menu div.box {
   background-color:#CFCFD8;
   padding:1px;
   visibility:hidden;
   width:150px;
}
#menu a.tab {
   font-family:arial;
   font-size:12px;
   color:#000000;
   text-decoration:none;
   white-space: normal;
   padding:6px;
   font-weight:bold;
}
#menu a {
   font-family:arial;
   font-size:12px;
   color:#000000;
   text-decoration:none;
   white-space: nowrap;
   padding:6px;
   font-weight:normal;
}
#menu a:hover.tab {
   font-family:arial;
   font-size:12px;
   color:#0042A4;
   text-decoration:none;
   padding:6px;
   border:1px;
   font-weight:bold;
}
#menu a:hover {
   font-family:arial;
   font-size:12px;
   color:#0042A4;
   text-decoration:none;
   padding:6px;
   border:1px;
   font-weight:normal;
}
.dotted-module {
   font-weight:normal;
   font-size:11px;
   line-height:130%;
   font-family:Verdana, Helvetica;
   background-color:#F7F8FF;
   border: 1px dashed #B4B5B8;
   text-decoration: none;
}
.bar-link {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   line-height: normal;
   font-weight: bold;
   font-variant: normal;
   text-transform: none;
   color: #000000;
   text-decoration: none;
   border: 0px none;
}
.bar-link:hover {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   line-height: normal;
   font-weight: bold;
   font-variant: normal;
   text-transform: none;
   color: #0042A4;
   text-decoration: none;
}
.pic-border {
   border-top: 0px solid #F7FBFF;
   border-right: 6px solid #F7FBFF;
   border-bottom: 0px solid #F7FBFF;
   border-left: 0px solid #F7FBFF;
}
.faculty-top {

   font-weight:normal;
   font-size:11px;
   line-height:130%;
   font-family:Verdana, Helvetica;
   background-color:#E7E7F7;
   border: 1px dashed #B4B5B8;
   text-decoration: none;
}
a {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-style: normal;
   font-weight: normal;
   color: #696971;
   border-bottom-width: 1px;
   border-bottom-style: dashed;
   border-bottom-color: #000000;
   text-decoration: none;
}
a:hover {
   font-style: normal;
   font-weight: normal;
   color: #081F50;
   border-bottom-width: 0px;
   border-bottom-style: dashed;
   border-bottom-color: #000000;
   text-decoration: none;
   border-bottom-style: dashed;
   border-bottom-width: 1px;
   border-top-style: dashed;
   border-top-width: 1px;

   
}
.calander {

   font-weight:normal;
   font-size:11px;
   line-height:130%;
   font-family:Verdana, Helvetica;
   background-color:#F7F8FF;
   border: 1px dashed #B4B5B8;
   text-decoration: none;
}
.cell1 {
   background-color: #EEEFFF;
}


-------------

posting style sheet here so I can access it at home, stupid school computers don't allow e-mail...
~The Lady Shael Varonne the Benevolent of the Southern Islands, First Empress of Mossflower Country, and Commandress of the Daughters of Delor

RWLers, your wish is my command...as long as it complies with the rules.

windhound

#1
October 01, 2004, 02:33:23 PM
 eeew..  have fun with it   ;)  
A Goldfish has an attention span of 3 seconds...  so do I
~ In the beginning there was nothing, which exploded ~
There are only 10 types of people in the world: Those who understand binary, and those who don't

Guthorm Swordmaster

#2
October 01, 2004, 03:48:12 PM
 Completely lost me.

Nohcnonk

#3
October 01, 2004, 04:00:49 PM
 *steals*

The Lady Shael

#4
October 01, 2004, 05:15:07 PM
 o.0 You guys weren't really supposed to post anything...oh well.

Yeah, staring at this too much is prone to give you a headache. I've been staring at it for the past three weeks in school trying to figure out why it WON'T WORK, and my head will explode over the weekend if I don't figure it out, I swear. It's driving me insane.  
~The Lady Shael Varonne the Benevolent of the Southern Islands, First Empress of Mossflower Country, and Commandress of the Daughters of Delor

RWLers, your wish is my command...as long as it complies with the rules.

Veranor

#5
October 01, 2004, 07:36:39 PM
 
Quote from: The Lady Shaelo.0 You guys weren't really supposed to post anything...oh well.

Yeah, staring at this too much is prone to give you a headache. I've been staring at it for the past three weeks in school trying to figure out why it WON'T WORK, and my head will explode over the weekend if I don't figure it out, I swear. It's driving me insane.
If IE5 Win and IE5 Mac don't even interpret the box model the same way, that might give you a hint.


http://www.alistapart.com for some good info on CSS workarounds and stuff...
#127.0.0.1 rovl.org

RazorClaw

#6
October 01, 2004, 08:46:12 PM
 Wish I knew that language, looks intruiging...

The Lady Shael

#7
October 01, 2004, 08:52:21 PM
 Many thanks for the link, I was bracing myself for hours of CSS-tutorial-hunting once I got home. ^_^

You can probably guess that there's a menu bar on every page. There's a drop down menu for a couple of the menu links. (I'm using Dreamweaver for all of this) At first, my problem was that the div.sections kept sticking to each other, and wouldn't stay in one place. I troubleshooted this for about two weeks. I finally figured it out today. (I think it was my fault, accidentally, that it got that way in the first place) The problem was under div.section, which had said position:absolute, and I sorta stared at the screen, wishing I had gone into the code earlier.

This time it's a spacing problem. (Accidentally my fault again. NO idea what I did, I clicked somewhere random, and then BOOM, code structure collapses somewhere unknown) The entire menu bar seems to be in a div element (forgot which). Before, it was nice and skinny, and gray-colored, but now it's all stretched height-wise, and it seems to be the div.sections, which are included in the div element that includes the entire menu bar. So, the menu links that DON'T have a drop-down menu are stuck in the middle of a vastness of white space, and the menu bar is about 6 times thicker in height than it used to be.

Make any sense? I wish I copied the code for the menu bar itself. I know the problem is under one of the #menu properties, but I'm having trouble locating it, and once I do, what attribute to use. I saw "white-space" somewhere in there, and I fooled around with that, but didn't get a response.

I shall look at that site though.
~The Lady Shael Varonne the Benevolent of the Southern Islands, First Empress of Mossflower Country, and Commandress of the Daughters of Delor

RWLers, your wish is my command...as long as it complies with the rules.

Print
Go Up Pages1
User actions