function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
SurpriseSurprise 

Visualfoirce and styling

Hi Friends,

 

Below given is my page and stylesheet .I have create a list if items which I want to show horizontallky .I amn trying to achieve that through CSS but it is not working.I have uploaded css and referred it it in my page.

 

Am I making some mistake ,can somnebody help?

 

 

 

 

 

<apex:page sidebar="False" standardStylesheets="false">
<apex:stylesheet value="{!$Resource.Stylesheet1}"/>
<html>
<head>
<body>
    <div id="Navbar">
       <div id="holder">
           <ul>
           <li>
           <a href="#" id="onlink">Home</a>
           </li>
           <li>
           <a href="#">Products</a>
           </li>
           <li>
           <a href="#">Services</a>
           </li>
           <li>
           <a href="#">Gallery</a>
           </li>
           <li>
           <a href="#">Contacts</a>
           </li>
                      </ul>
       </div>
    </div>
</body>
</head>
</html>
</apex:page>

 

 

@charset "UTF-8";

#navbar
{
width:660px;

}
#navbar #holder
{

height:64px;
border-bottom: 1px solid #000;
width:630px;
padding-left:25px;

}
#navbar #holder ul
{

list-style:none;
margin:0;
padding:0;

}
#navbar #holder ul li a
{

test-decoration:none;
float:left;
margin-right:5px;
font-family:"Arial Black",Gadget,sans-serif;
color:#000
border:1px solid #000;
border-bottom:none;
padding:20px
width:75px;
text-align:center;
display:block;
background:#69F;

}

#navbar #holder ul li a:hover
{
background:#f90;
color:#fff;
test-shadow:1px 1px 1px #0000;
}

#holder ul li a #onlink
{

background:#fff;
color:#000;
border-bottom:1px solid #fff;

}

#holder ul li a#onlink:hover
{
 background:#fff;
 color:#69f
}




 

 

 

Rehan DawtRehan Dawt

Hi,

 

I think you have save Stylesheet1 is wrong format. if it is saved in .txt format, it will not rendered its properties.

 

You can just save your Stylesheet file in .css format and check.

 

 

I hope this will solve your problem..

SurpriseSurprise

Thanks,

 

I solved  it myself.The case of the ID's used in visualforce was different in stylesheet.