Hey, I have a question!

**Kayla** · April 4th, 2007, 10:48 PM

It feels so weird when I have a question.

But here goes.

I am an old school HTML kind of person. The fancy possibilities of CSS are still new to me. Brandon was helping me with my new layout, and I ended up making changes the other night and moving things around.

My site,
http://www.kaylafleming.com/ looks just like I want it to- in Firefox that is.

In IE, my kaylafleming logo is way up, and the yellow highlighted text is not on top of the gray div where it is in Firefox.

I've moved things around a few times, divs within divs, but couldn't get it right. Any ideas?

This is an extreme learning experience.

Look at the messy css!

Quote:

body {
background: #FFFFFF;
font: 14px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #000000;
margin: 10;}

span.highlight
{
background-color:#FFFFCC;
word-spacing: 2px;
}

.whitetext {
color: white;}

#tabs ul {
margin-left: 0;
padding-left: 0;
display: inline;
color: white;}

#tabs ul li {
margin-left: 0;
margin-bottom: 0;
padding: 2px 15px 5px;
list-style: none;
display: inline;
color: white;}

#container {
margin: 0 auto;
width:559px;
text-align: left;
top:0px;
}

#containerblack {
margin: 0 auto;
background: #F7F7F7;
width:532px;
text-align: left;
top:10px;
padding-top:15px;
padding-left:15px;
padding-bottom:15px;
padding-right:15px;
}

#containercloud a:link {color: white; text-decoration:none; font-size: 14px; font-weight:bold;}
#containercloud a:visited {color: white; text-decoration:none; font-size: 14px; font-weight:bold;}
#containercloud a:hover {color: white; text-decoration:none; font-size: 14px; font-weight:bold;}
#containercloud a:active {color: white; text-decoration:none; font-size: 14px; font-weight:bold;}
#containerblack a:link {color: #FF66CC; text-decoration:none; font-size: 14px; font-weight:normal;}
#containerblack a:visited {color: #FF66CC; text-decoration:none; font-size: 14px; font-weight:normal;}
#containerblack a:hover {color: #FF66CC; text-decoration:none; font-size: 14px; font-weight:normal;}
#containerblack a:active {color: #FF66CC; text-decoration:none; font-size: 14px; font-weight:normal;}
#containerblack2 a:link {color: #000000; text-decoration:none; font-size: 12px; font-weight:normal;}
#containerblack2 a:visited {color: #000000; text-decoration:none; font-size: 12px; font-weight:normal;}
#containerblack2 a:hover {color: #000000; text-decoration:none; font-size: 12px; font-weight:normal;}
#containerblack2 a:active {color: #000000; text-decoration:none; font-size: 12px; font-weight:normal;}
#containerbio a:link {color: #3399FF; text-decoration:none; font-size: 14px; font-weight:normal;}
#containerbio a:visited {color: #3399FF; text-decoration:none; font-size: 14px; font-weight:normal;}
#containerbio a:hover {color: #3399FF; text-decoration:none; font-size: 14px; font-weight:normal;}
#containerbio a:active {color: #3399FF; text-decoration:none; font-size: 14px; font-weight:normal;}

#containercloud {
margin: 0 auto;
background: #666666;
width:532px;
text-align: center;
top:0px;
font-weight: bold;
padding-top:15px;
padding-left:15px;
padding-bottom:15px;
padding-right:15px;}

#containerbio {
margin: 0 auto;
background: #FFFFCC;
width:532px;
text-align: justify;
top:0px;
font-weight: normal;
padding-top:15px;
padding-left:15px;
padding-bottom:15px;
padding-right:15px;
}

#whale {background: #ffffff url(http://www.kaylafleming.com/images/stickybg.jpg); background-repeat: no-repeat;
top:20px;
width:563px;
height:100px;
}

#whaletwitter {
font: 16px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: left;
top:20px;
padding-top:115px;
padding-left:15px;
padding-bottom:15px;
padding-right:15px;
float:right;
width:50%;
}

#whaletwitter a {
font: 16px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;

color: #66CCFF;

}

#containerblack2 {
margin: 0 auto;
background: #000000;
width:532px;
text-align: center;
top:0px;
padding-top:15px;
padding-left:15px;
padding-bottom:15px;
padding-right:15px;
a {color: black; text-decoration:none;}
a:link {color: black; text-decoration:none;}
a:visited {color: black; text-decoration:none;}
a:hover {color: black; text-decoration:none;}
a:active {color: black; text-decoration:none;}
}

**Kayla** · April 4th, 2007, 10:51 PM

And ha, look at how IE butchered my Twitter.com blurb! NaN days ago?

**Brandonnn** · April 4th, 2007, 11:03 PM

oh... I don't have teh solution to your main question... but to fix the blue borders around the flickr images in IE near the bottom of your page add this line of code to your current css file (it should work)

Code:

#containerblack2 img {
border:0px;
}

**Kayla** · April 4th, 2007, 11:04 PM

WOW I also had that question, but I forgot about it. Changing now.

**Kayla** · April 4th, 2007, 11:07 PM

Fixed.

**Brandonnn** · April 4th, 2007, 11:08 PM

Quote:

Originally Posted by Kayla

WOW I also had that question, but I forgot about it. Changing now.

YAY it worked

**deastwood** · April 5th, 2007, 10:11 AM

Messy CSS, when naked day is over I will take a look.

H · April 5th, 2007, 10:25 AM

Quote:

Originally Posted by deastwood

Messy CSS, when naked day is over I will take a look.

Yeah... I got here just in time to see a hawt naked site.

**Kayla** · April 6th, 2007, 10:06 PM

My site has its clothes back on, if anyone has some Tide..

April 4th, 2007, 10:51 PM	#2 (permalink)
Kayla Searcher Surpass Staff Joined in May 2003 Lives in Orlando 24,509 posts Gave thanks: 936 Thanked 787 times	And ha, look at how IE butchered my Twitter.com blurb! NaN days ago? __________________ Follow Surpass on Twitter and Facebook Check out interesting finds on the Surpass Blog .... it's coming.

April 4th, 2007, 11:03 PM	#3 (permalink)
Brandonnn ﴾͡๏̯͡๏﴿...tweet Super #1 Joined in Dec 2005 5,754 posts Gave thanks: 145 Thanked 151 times	oh... I don't have teh solution to your main question... but to fix the blue borders around the flickr images in IE near the bottom of your page add this line of code to your current css file (it should work) Code: #containerblack2 img { border:0px; } __________________ poof Last edited by Brandonnn; April 4th, 2007 at 11:09 PM.

April 4th, 2007, 11:04 PM	#4 (permalink)
Kayla Searcher Surpass Staff Joined in May 2003 Lives in Orlando 24,509 posts Gave thanks: 936 Thanked 787 times	WOW I also had that question, but I forgot about it. Changing now. __________________ Follow Surpass on Twitter and Facebook Check out interesting finds on the Surpass Blog .... it's coming.

April 4th, 2007, 11:07 PM	#5 (permalink)
Kayla Searcher Surpass Staff Joined in May 2003 Lives in Orlando 24,509 posts Gave thanks: 936 Thanked 787 times	Fixed. __________________ Follow Surpass on Twitter and Facebook Check out interesting finds on the Surpass Blog .... it's coming.

April 5th, 2007, 10:11 AM	#7 (permalink)
deastwood Surpass Fan Super #1 Joined in Mar 2006 1,024 posts Gave thanks: 66 Thanked 55 times	Messy CSS, when naked day is over I will take a look. __________________ Oxygen Solutions - Main Website MoneyScience - Latest Project

April 6th, 2007, 10:06 PM	#9 (permalink)
Kayla Searcher Surpass Staff Joined in May 2003 Lives in Orlando 24,509 posts Gave thanks: 936 Thanked 787 times	My site has its clothes back on, if anyone has some Tide.. __________________ Follow Surpass on Twitter and Facebook Check out interesting finds on the Surpass Blog .... it's coming.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search