Welcome to The FlyingGiants! - please login or click this bar to join our community...

Infinite Menus, Copyright 2006, OpenCube Inc. All Rights Reserved.

Please support our sponsors
   

Welcome to The FlyingGiants Community! We're all about fun, and inside you'll find the greatest, friendliest, and most helpful group of people around! If this is your first time visiting, please check out site, and click here to sign up! We hope to see you soon!!

Go Back   FlyingGiants Forums > General RC Discussions > Chit Chat!

Chit Chat! Off Topic Discussions - Remember, friends don't talk politics with friends....

Support our Sponsors

Reply
 
Thread Tools Display Modes
Old 02-24-2008, 09:26 PM   #1 (permalink)
Outlaw Slayer!
 
CSpaced's Avatar
 
CSpaced's Stuff
Join Date: Jul 2006
Location: Oak Ridge, NC
Age: 31
Posts: 2,343
Blog Entries: 16
CSpaced is offline
View Photos and Videos
Default Need CSS Guru

Hey Guys,

I'm trying to modify a Joomla template, but unfortunately my knowledge of CSS is very limited. I can usually hack through most of what I want to do but this has me stumped.

If you check this out:
http://saijo.tchmachines.com/~bvkrtbdt/

You will see that there is a horizontal menu bar positioned lower than it should be. I want to move it to the black/white gradient on the bottom of the header art.

Below is the CSS script. The menu I'm trying to move is tagged as #menu, and its position is set to relative. Any suggestions you could give on how to relocate it would be great.

Thanks.

Code:
body { overflow-x : hidden; overflow: -moz-scrollbars-vertical; } .body { color: #ffffff; margin: 0 0 0 0; padding: 0px; font-size: 11px; font-family: Verdana, sans-serif; background: transparent url(../images/divbg.jpg) top center; } .all { width:808px; margin:0 auto; padding:0; background: transparent url(../images/allbg.jpg) repeat-y top left; } #logo { background: transparent url(../images/bg.jpg) no-repeat top center; margin:0 auto; width: 100%; height: 129px; padding:0px; } .divpath { margin:0 auto; width: 800px; height:30px; padding:0; background: #fff url(../images/topbg.jpg) repeat-x top center; } .topmaincol { width:100%; height:30px; } /* --- nav --- */ .div { padding-top:152px; } #menu{ position:relative; height:33px; color:#E0E0E0; background: url(../images/table_bg.gif) repeat-x; width:800px; font-size:10px; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; } #menu .menuc { margin: 0px auto; width: 800px; font-family:Tahoma,sans-serif; } #topnavi{ position:relative; height:33px; font-size:10px; font-weight: normal; font-family:verdana,Tahoma,sans-serif; background: url(../images/topmenu_bg.gif) repeat-x top left; padding:0 0 0 10px; } #topnavi ul{ margin:0; padding:0; list-style-type:none; width:auto; float:left; } #topnavi ul li{ display:block; float:left; margin:0 1px; } #topnavi ul li a{ display:block; float:left; color:#E0E0E0; text-decoration:none; padding:0 0 0 10px; height:33px; } #topnavi ul li a span{ font-size:10px; padding:7px 10px 0 0; height:21px; float:left; } #topnavi ul li a:hover{ font-size:10px; color:#fff; background:transparent url(../images/topmenu_bg_over.gif) repeat-x top left; } #topnavi ul li a:hover span{ font-size:10px; display:block; width:auto; cursor:pointer; } #topnavi ul li a.current,#topnavi ul li a.current:hover{ color:#fff; background: url(../images/topmenu_left.gif) no-repeat top left; line-height:255%; } #topnavi ul li a.current span{ display:block; padding:0 10px 0 0; width:auto; background: url(../images/topmenu_right.gif) no-repeat top right; height:33px; } /* --- end nav --- */ /* /////////////////////////////////////////////////////////////////////////// */ form { margin : 0; padding : 0; } hr { color : #999999; height : 1px; width : 100%; } .back_button { color : #999999; font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size : 11px; font-weight : normal; padding-bottom : 3px; margin-right : 4px; float : right; line-height : 20px; } .button { font-size : 11px; color : #333333; border : 1px solid #999999; margin : 3px; background-color : #EDEDED; padding : 1px; cursor : pointer; } .inputbox { color : #000000; background : #ffffff; border : 1px solid #cccccc; margin : 3px; } table,td,div { color : #666666; font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size : 11px; margin:0; } p { color : #666666; font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size : 11px; line-height : 16px; padding:4px 0px 4px 0px; margin:0; } strong { color : #666666; font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size : 11px; line-height : 16px; padding:4px 0px 4px 0px; margin:0; } i { color : #666666; font-family : Verdana, Helvetica, sans-serif; font-size : 10px; line-height : 16px; padding:4px 0px 4px 0px; margin:0; font-style: normal; } em { color : #666666; font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size : 11px; line-height : 16px; padding:4px 0px 4px 0px; margin:0; font-style: normal; } /* /////////////////////////////////////////////////////////////////////////// */ .leftcol {width:150px;padding:10px 5px 10px 10px;} .maincol {width:560px;padding:10px 5px 10px 5px;} .rightcol {width:170px;padding:10px 10px 10px 10px;} #container { width:800px; height:100%; margin: 0px auto; padding:0; text-align: left; background: #fae5e5t; } /* -------------------------------------------------------------------------------------------------------------- */ table.moduletable { margin : 0 0 20px 0; width : 100%; font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size : 10px; } table.moduletable th { font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size : 11px; font-weight : bold; text-align : left; width : 138px; height : 22px; color : #fefefe; padding : 2px 0 0 2px; text-indent : 10px; line-height : 15px; background : #fff url(../images/moduletable_th_bg.gif) repeat-x left top; border-right : 1px solid #86c570; border-left : 1px solid #89bc7f; } table.moduletable td { padding-top: 2px; } .sectiontableheader { font-size : 10px; font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif; font-weight : normal; text-transform : uppercase; letter-spacing : 1px; color : #333333; background : #ffffff; padding : 1px; } .sectiontableentry1 { vertical-align : top; padding : 3px; background : #f1f1f1; border-bottom : 1px solid #ffffff; line-height : 25px; } .sectiontableentry2 { vertical-align : top; padding : 3px; border-bottom : 1px solid #ffffff; background : #b7f0a8; line-height : 25px; } a.mainlevel { display : block; width : auto; margin : 1px 0; padding : 0; font-size : 12px; background : none; text-indent : 10px; width : 160px; } a.mainlevel:link, a.mainlevel:visited { display : block; font-size : 10px; background : transparent url(../images/mainlevel.gif) repeat-x right bottom; font-weight : normal; padding : 2px 0 2px 0; color : #666666; text-indent : 10px; } a.mainlevel:hover { background : transparent url(../images/mainlevel_h.gif) repeat-x right bottom; font-size : 10px; font-weight : normal; color : #ff6600; text-decoration : none; text-indent : 10px; } #active_menu { color : #ff6600; background : transparent url(../images/mainlevel_h.gif) repeat-x right bottom; } a#active_menu:hover { color : #333333; } a:link, a:visited { font-size : 11px; color : #333333; text-decoration : none; font-weight : bold; } a:hover { font-size : 11px; color : #72c35e; text-decoration : none; font-weight : bold; } a.category:link, a.category:visited { font-size : 11px; font-weight : bold; } a.readon:link, a.readon:visited { color : #999999; font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size : 11px; background : url(../images/readon.gif) no-repeat; white-space : normal; font-weight : bold; padding : 1px 0 3px 18px; float : right; line-height : 10px; text-decoration : underline; } a.readon:hover { color : #4c8539; font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size : 11px; background : url(../images/readon.gif) no-repeat; white-space : normal; font-weight : bold; padding : 1px 0 3px 18px; line-height : 10px; text-decoration : underline; } ul { margin : 2px; padding-left : 10px; list-style : none; } li { line-height : 15px; padding-left : 10px; padding-top : 0; background-image : url(../images/strelka.gif) ; background-repeat: no-repeat; background-position: 0 5px; } table.contenttoc { border : 1px solid #dcdcdc; background : #F1F1F1; padding : 5px; margin-left : 2px; margin-bottom : 2px; } .pagenavcounter { font-size : 10px; color : #4da338; } .pagenavbar { border-top : 1px solid #999999; padding : 2px; } .pagenav { font-weight : bold; } a.pagenav:link, a.pagenav:visited { font-size : 11px; color : #999999; text-decoration : none; } a.pagenav:hover { font-size : 11px; color : #3333ff; text-decoration : none; } .date { font-size : 10px; font-weight : bold; color : #707070; padding-right : 12px; } .small { font-size : 10px; color : #333333; } .smalldark { font-size : 10px; color : #333333; } .createdate, .modifydate { float : right; font-size : 10px; color : #666666; font-weight : bold; } .content_vote { font-size : 10px; height : 22px; padding-top : 2px; padding-bottom : 2px; } .content_rating { font-size : 10px; color : #999999; } .pway { margin:0 auto; text-align:left; background:#639ace; width:800px; height:18px; padding:2px 0 0 0 ; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; } .pathway { font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size : 10px; color : #fefefe; padding-left : 12px; } a.pathway:link, a.pathway:visited { font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif; color : #fefefe; font-size : 10px; padding-left : 0; } a.pathway:hover { color:#efefef; font-size : 10px; padding-left : 0; } table.content{ width : 100%; padding : 0; border-collapse : collapse; border-spacing : 0; margin-bottom : 10px; } table.contentpane { width : 100%; border-spacing : 0; padding-left : 5px; padding-right : 5px; margin-bottom : 5px; } table.contentpaneopen { width : 100%; border-spacing : 0; padding-left : 5px; padding-right : 5px; margin-bottom : 5px; } .poll { color : #333333; line-height : 12px; font-weight: normal; } .pollstableborder{ border-color : #999999; } .contentheading,.componentheading { width : 90%; font-size : 12px; font-weight : bold; line-height : 16px; text-transform : uppercase; text-align : left; text-indent : 0; color : #2e9535; padding : 1px; margin : 3px 0px; } .ontab { border-left : 1px solid #666666; text-align : center; font-weight : bold; color : #333333; padding : 5px; cursor : pointer; line-height : 30px; } .offtab { border-left : 1px solid #666666; text-align : center; color : #999999; font-weight : normal; padding : 5px; cursor : pointer; line-height : 30px; } .tabpadding { border-left : 1px solid #666666; } .col { vertical-align : top; background : #ffffff; padding-top: 5px; } .contentdescription { width : auto !important; margin : 0; padding : 0; padding-top : 5px; text-align : left; } td.top1{ margin: 0; padding: 0; height: 28px !important; height: 28px; padding-top: 2px !important; padding-top: 3px; background : url(../images/shadow.jpg) #f1f1f1 repeat-x top; } table.top2{ background : #ffffff; } .searchbox { margin : 0; padding : 0; margin-top : 13px; margin-left : 10px; width : 130px; font-size : 11px; color : #707070; border : 1px solid #cccccc; padding : 2px !important; padding : 1px; background : none; } .sublevel { font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : normal; color : #999999; margin-top : 10px; } a.sublevel:link, a.sublevel:visited { font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : normal; color : #999999; padding : 5px 1px 3px 5px; text-decoration : none; } a.sublevel:hover { color : #666666; text-decoration : none; } a.sublevel#active_menu { background : transparent; color : #ff6600; border : 0; } a.toclink:link, a.toclink:visited { font-family : Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : normal; color : #999999; padding : 5px 1px 3px 5px; text-decoration : none; } a.toclink:hover { color : #666666; text-decoration : none; } td.logoheader { margin: 0; padding: 0; background : url(../images/header.jpg) no-repeat bottom; height : 65px; width : 770px; } td.topnav { margin : 0px; padding: 0px; background : url(../images/bg_top.jpg) repeat-x top left; height : 42px; width : 770px; } td.bgline { margin : 0; padding: 0; background : url(../images/s.gif) repeat-y; width : 7px; } #mainlevel-nav { font-size : 11px; list-style : none; padding : 0; margin : 0; margin-left : 1px; } #mainlevel-nav li { float : right; display : block; list-style : none; background-image : none; padding-left : 2px; padding-right : 2px; margin : 0; width : auto !important; font-size : 11px; line-height : 28px; white-space : nowrap; border-left : 1px solid #cccccc; } #mainlevel-nav li a { padding-left : 10px; padding-right : 10px; font-size : 11px; color : #000033; text-decoration : none; } #mainlevel-nav li a:hover { font-size : 11px; color : #999999; } .blog_more { margin : 10px 0 7px 7px; } .buttonheading { padding : 0 2px; } .mosimage { border : 1px solid #dedede; margin : 5px; padding-top: 3px; } .mosimage_caption { margin-top: 3px; padding : 2px; color : #000066; font-size : 10px; background: #f1f1f1; } /* -------------------------- */ /* -------------------------- */ a.sgfooter:link, a.sgfooter:visited { color : #fff; font-size : 10px; font-family: Arial; font-weight: normal; text-decoration:none; } a.sgfooter:hover { color : #fff; font-family: Arial; font-weight: normal; text-decoration:none; } .sgf { font-size: 10px; font-family: Verdana,Arial,Helvetica,sans-serif; color: #333; text-decoration:none; } .sgf1 { font-size: 10px; font-family: Verdana,Arial,Helvetica,sans-serif; color: #333; text-align:left; } a.sglink:link, a.sglink:visited { color : #333; font-size : 10px; font-family: Arial; font-weight: normal; text-decoration:none; } a.sglink:hover { color : #333; font-family: Arial; font-weight: normal; text-decoration:none; } .footer_bg { width:800px; margin: 0px auto; padding:0; height:24px; text-align: right; background:transparent url(../images/footer_bg.jpg) no-repeat left top; } .footer_bg { width:800px; padding:4px 0px 0 0; height:21px; text-align: center; margin:0px; } .footer { color:#fff; padding:0; margin:0; }
__________________


Evil R/C Products
BikeTriad.com - Mtn Biking in the Triad Area of NC.
  <--Lame Post Reply With Quote
Old 02-24-2008, 09:43 PM   #2 (permalink)
Bad-ass Super Contributer!
 
reyn3545's Avatar
 
reyn3545's Stuff
Join Date: Oct 2006
Location: Alpharetta, GA
Age: 49
Posts: 1,215
reyn3545 is offline
View Photos and Videos
Default Re: Need CSS Guru

Hey, you got the wrong website here! This site is for the mentally challenged who just want to play on computers, not program them.

I got my degree in "data processing" a few eons ago, got my first job coding in COBOL.. absolutely hated every day of it, and quit 9 months later, swore I'd never write a line of code as long as I lived. That was about 25 years ago... one of the few promises to myself that I've kept.

Soooooo... you're on your own!
  <--Lame Post Reply With Quote
Old 02-24-2008, 10:03 PM   #3 (permalink)
Outlaw Slayer!
 
CSpaced's Avatar
 
CSpaced's Stuff
Join Date: Jul 2006
Location: Oak Ridge, NC
Age: 31
Posts: 2,343
Blog Entries: 16
CSpaced is offline
View Photos and Videos
Default Re: Need CSS Guru

Well thanks for that.

1 FG member down, 24,670 to go.
__________________


Evil R/C Products
BikeTriad.com - Mtn Biking in the Triad Area of NC.
  <--Lame Post Reply With Quote
Old 02-24-2008, 10:09 PM   #4 (permalink)
uber has-been.
 
madmax's Avatar
 
madmax's Stuff
Join Date: Jan 2006
Location: Mexifornia
Age: 36
Posts: 6,120
Blog Entries: 8
madmax is offline
View Photos and Videos
Awards Showcase
The  MAD MAX: This award is for the commitment and dedication put in to  building the Flyinggiants into the amazing site it is today. CHEERS! Now go relax and have a wobbly pop. - Issue reason: This award is for the commitment and dedication put in to building the Flyinggiants into the amazing site it is today. CHEERS! Now go relax and have a wobbly pop.  Wesse's Haaard Man Award!: For showing our community the joy of eating jap-a-lin-os and being a haaaard man! Wesse Power! - Issue reason: You're a haaaaaaard man! 
Total Awards: 2
Default Re: Need CSS Guru

what, are you kidding me? challenge me son.

Look for this:


/* --- nav --- */

.div { padding-top:152px;

change to padding like 75. That's the padding from the top of the enclosing table. I assume you want the nav in the black area under the bike.
__________________
Sponsored by Visa, American Express, SLEEPYC, and SnapaSaurus.
CrackRoll.com. Get your ShankBone on!

  <--Lame Post Reply With Quote
Old 02-24-2008, 10:12 PM   #5 (permalink)
Outlaw Slayer!
 
CSpaced's Avatar
 
CSpaced's Stuff
Join Date: Jul 2006
Location: Oak Ridge, NC
Age: 31
Posts: 2,343
Blog Entries: 16
CSpaced is offline
View Photos and Videos
Default Re: Need CSS Guru

Dude you rock. I knew it was in there somewhere, you know how you stare at something long enough that you can't see it for looking? Thanks a bunch!
__________________


Evil R/C Products
BikeTriad.com - Mtn Biking in the Triad Area of NC.
  <--Lame Post Reply With Quote
Old 02-25-2008, 01:15 PM   #6 (permalink)
Outlaw Slayer!
 
CSpaced's Avatar
 
CSpaced's Stuff
Join Date: Jul 2006
Location: Oak Ridge, NC
Age: 31
Posts: 2,343
Blog Entries: 16
CSpaced is offline
View Photos and Videos
Default Re: Need CSS Guru

Quote: Originally Posted by madmax
View Post
what, are you kidding me? challenge me son.
Okay, here's another.

Below is the code for the top menu.

When I create an external link in this menu it attaches the links "item ID" after the url.

So instead of getting this:
http://www.address.com
I get:
http://www.address.com/&itemid=27

I tried removing the "itemid" tag, and that seemed to work except for the fact that instead of opening the link in a new window, as it should, it opens the link in the same window.

Any thoughts?

(Had to attach file as a txt file because I was unable to post it wrapped in the code tags for some reason)
Attached Files
File Type: txt menu.txt (624 Bytes, 4 views)
__________________


Evil R/C Products
BikeTriad.com - Mtn Biking in the Triad Area of NC.
  <--Lame Post Reply With Quote
Old 02-25-2008, 01:43 PM   #7 (permalink)
Gettin' Lower!
 
Zrakoplov's Avatar
 
Zrakoplov's Stuff
Join Date: Aug 2007
Location: Slovenia
Age: 44
Posts: 74
Zrakoplov is offline
View Photos and Videos
Default Re: Need CSS Guru

You need to add target="_blank" at the end of the <a href=..... tag.

ie:

<A HREF="http://www.pageresource.com/linkus.htm" target="_blank">
Link to us!</A>
  <--Lame Post Reply With Quote
Old 02-25-2008, 03:14 PM   #8 (permalink)
Outlaw Slayer!
 
CSpaced's Avatar
 
CSpaced's Stuff
Join Date: Jul 2006
Location: Oak Ridge, NC
Age: 31
Posts: 2,343
Blog Entries: 16
CSpaced is offline
View Photos and Videos
Default Re: Need CSS Guru

Well I'm back to square one. Removing the itemid tag caused more problems so I had to put it back in. I still have the itemid tagged on the end of the url in the top menu...
__________________


Evil R/C Products
BikeTriad.com - Mtn Biking in the Triad Area of NC.
  <--Lame Post Reply With Quote
Reply


Similar Threads
Thread Thread Starter Forum Replies Last Post
Need an aerodynamics guru to help me out! Please! niccolo98 Aerodynamics 24 05-07-2008 12:24 AM

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

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off


All times are GMT -5. The time now is 05:13 AM.


  Sitemap :: Contact Us :: Community :: News :: Videos and Photos :: About Us
FlyingGiants, and The Leading Edge, are trademarks of RCGroups.com LLC. All content (c). All rights reserved.
Please view our disclaimer

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128

Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.1.0