PDA

View Full Version : CSS Problem with my Website... Help?


exactexposure
Apr-01-2009, 07:56 AM
Can anyone help me with this VERY annoying feature? On my website (www.eXacteXposure.com) I had "About eXacteXposure" link and changed it to "About eXacteXposure.com" and now my header link doesn't work. I changed the code in the CCS (see below) and it just shows my navigation buttons? But funny thing is when I changed my navigation button tags to "About%20eXacteXposure.com" (adding the .com) it works? So why doesn't adding .com to "About eXacteXposure" on my header links not work???? This is driving me craZy!

I even tried placing HTML code for the "." (period) and that didn't work, like the %20 code for a space.

Thanks in advance
David

#my_header {
display: none;
}

#my_header img {
width:800;
height:130;
border:0;
}

.homepage #my_header {
display: block;
margin-left:auto;
margin-right:auto;
background: url(http://exactexposure.smugmug.com/photos/373182147_u6ttN-L-1.jpg);
height: 130px;
width: 800px;
}

.category_About_eXacteXposure.com #my_header {
display: block;
margin-left:auto;
margin-right:auto;
background: url(http://exactexposure.smugmug.com/photos/373182080_uxV7W-L-1.jpg);
height: 130px;
width: 800px;
}

.category_Aviation #my_header {
display: block;
margin-left:auto;
margin-right:auto;
background: url(http://exactexposure.smugmug.com/photos/373182097_6XnTo-L-1.jpg);
height: 130px;
width: 800px;
}

.category_Fine_Art_Photography #my_header {
display: block;
margin-left:auto;
margin-right:auto;
background: url(http://exactexposure.smugmug.com/photos/373182133_fSR6a-L-1.jpg);
height: 130px;
width: 800px;
}

.category_Clients #my_header {
display: block;
margin-left:auto;
margin-right:auto;
background: url(http://exactexposure.smugmug.com/photos/373182120_7Viea-L-1.jpg);
height: 130px;
width: 800px;
}

.category_Landscapes #my_header {
display: block;
margin-left:auto;
margin-right:auto;
background: url(http://exactexposure.smugmug.com/photos/373182158_TghTX-L-1.jpg);
height: 130px;
width: 800px;
}

.category_Portraits #my_header {
display: block;
margin-left:auto;
margin-right:auto;
background: url(http://exactexposure.smugmug.com/photos/373182186_2GhT3-L-1.jpg);
height: 130px;
width: 800px;
}

.category_Macro_and_More #my_header {
display: block;
margin-left:auto;
margin-right:auto;
background: url(http://exactexposure.smugmug.com/photos/373182176_kJkAi-L-1.jpg);
height: 130px;
width: 800px;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none; font-size: 100%; font-style:arial; text-transform:uppercase;
padding: .2em 2.05em;
color: #cdaf95;
background-color: #036;
}

#navcontainer ul li a:hover
{
color: #fff;
background-color: #369;
}

#breadcrumb {visibility:hidden;}
#altViews {visibility:visible;}


Body { background-color: #191919; }
.categoriesBox .boxTop { display: none; }
#userHome { display: none; }
.possess { display: none; }
.box { background-color: transparent; }
.categoriesBox .boxTop { display: none; }

body {
background-attachment: fixed;
background-image:
url(http://exactexposure.smugmug.com/photos/389075821_6pZxc-L-1.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}

.boxTop .title {font-size:100%; font-style:arial; color:#cccc66; text-transform:uppercase;}

.boxTop,
.boxBottom {border: none !important;}

.top_border, .bottom_border { border: 0px; }
.left_border, .right_border { border: 0px; }

.cartlink_footer { display: none; }

.play_slideshow { display: none; }

#photoKeywords { display: none; }

p.updated {display: none;}

.gallery_1243006 #photos {display:none;}

.gallery_1243006 .pageNav {visibility:hidden;}

Andy
Apr-01-2009, 07:33 PM
Bump

exactexposure
Apr-01-2009, 08:04 PM
Bump

OK, after simply guessing and trying everything I found the answer. Do NOT put the "." into the CSS code. Just type "About_eXacteXposurecom" for the external link "About eXacteXposure.com" and the CSS works.

Go Figure.

Andy
Apr-02-2009, 03:31 AM
OK, after simply guessing and trying everything I found the answer. Do NOT put the "." into the CSS code. Just type "About_eXacteXposurecom" for the external link "About eXacteXposure.com" and the CSS works.

Go Figure.
Hm. That doesn't make sense to me, but I'm glad you're sorted out :)