Welcome Guest ( Log In | Register)



 
Reply to this topicStart new topic
> A Little Help With This Css Menu..
amrit
post Oct 3 2008, 01:03 PM
Post #1


Newbie [Level 2]
**

Group: [HOSTED]
Posts: 39
Joined: 9-August 08
Member No.: 66,233



i dont have any idea about css but tried meesing around. here is the code . please tell me how can i make the background appear and how to get the menu in full length and buttons in centre.
i got this frm somewhere and messed it up slightly
CODE
/* menu*/
#bottom_div{
width: 520px;
height: 150px;
background-color: #b9d1ea;
clear:both;
}

#vista_toolbar {
font:normal 12px 'Trebuchet MS','Arial';
margin:0 auto;
padding:0 auto;
}

#vista_toolbar ul {
background-image:url(images/back.gif)center center repeat-x; /*THEME CHANGE HERE*/
width: 100%;
line-height:32px;
margin:0 auto;
padding:0 10px 0 auto 10px ;
text-align: center; /*set value to "left", "center", or "right"*/


}

#vista_toolbar li {
display:inline;
padding:0;
}

#vista_toolbar a {
color:#FFF; /* need because it will use default link color */
float:left;
padding:0 3px 0 3px; /* left 3 px because of left.png image */
text-decoration:none;
}

#vista_toolbar a span {
display:block;
float:none;
padding:0 10px 0 7px;
}

#vista_toolbar a span img {
border:none;
margin:8px 4px 0 0;
}

/* show picture when mouse over link */
#vista_toolbar a:hover{
background: url(images/left.png) no-repeat left center;
}

#vista_toolbar a:hover span {
background:url(images/right.png) no-repeat right center;
}

#vista_toolbar a.right {
float:right; /* for help button - just add class "right" -> <a class="right"... */
}
/* ######### end Menu ########*/



result here
http://shorl.com/parifresumoma
Go to the top of the page
 
+Quote Post
jlhaslip
post Oct 3 2008, 11:25 PM
Post #2


A computer once beat me at chess, but it was no match for me at kick boxing.
Group Icon

Group: [MODERATOR]
Posts: 4,300
Joined: 24-July 05
From: Linix, DOS and Windows…the good, the bad and the ugly
Member No.: 9,787
Spam Patrol
myCENT:46.50



That page needs a major cleaning up to start with.
You have 3 CSS files linked to it, one of which is not found.
No doubt that there is some conflicting CSS rules. Remove the CSS files which are not required and post back, please.
Go to the top of the page
 
+Quote Post
amrit
post Oct 4 2008, 09:08 AM
Post #3


Newbie [Level 2]
**

Group: [HOSTED]
Posts: 39
Joined: 9-August 08
Member No.: 66,233



actually if you see below (in my site), i am using the fuzzylime cms.it has an option of changing the templates. if i use pits.css, ther should be a pits_h.php(header file) and a pits_f.php(footer).other than that the cms says there should be a styles.css and styles_ie.css(for ie)by default.tell me how to clean up , and how to get that menu to work.
also i am using swfobject to place the above swf header.

heres the link ti the main css, i cant seem to place the properswfobject code in it , and need the menu changed as u know

http://sparkfx.co.cc/a/templates/pits.css


This post has been edited by amrit: Oct 4 2008, 09:33 AM
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. Css Menu -- A Little Help Needed(5)
  2. How Do You Make A Dropdown Menu?(13)


 



- Lo-Fi Version Time is now: 22nd November 2008 - 03:03 AM