Sub Menu items just pile up for profile page.

I just edited my general.css and profile_view.css files to mqke profile page transparent so background images can be viewed clearly, now i have a problem with the submenu for the profile and account page. Instead of changing to whatever menu tab the mouse is hovering on they just pile up on top of each other...does anybody know of a solution to this problem. I will post the transparency setting to css so all can have it, as soon as i solve this problem.

 

The rest of the pages on the site are not affected just profile and account pages, telling me the problem lies in the profile_view.css since that was the only page changed in re: to profile.

 

Any Help.

Quote · 10 Sep 2008

This is What my profile_view looks like:

 

@charset "iso-8859-1";
@import url(../../base/css/profile_view.css);

 .main
{
background : transparent !important;
background-repeat: no-repeat;
}

#thin_column
{
 width:49%;
 margin-right:10px;
 overflow: hidden;
}

#thick_column
{
 width:49%;
 overflow: hidden;
}


.photo_title
{
 position:relative;
 float:left;
 font-size:11px;
 left:10px;
}

.iconBlockCont
{
 white-space:nowrap;
 width:307px;
 margin-left:auto;
 margin-right:auto;
 border:none;
 z-index:15;
 text-align:center;
}

.scrollCont
{
 position:absolute;
 width:346px;
 top:18px;
 left:0px;
 z-index:10;
}

.scrollIconContainer
{
 position:relative;
 width:346px;
 top:0px;
 left:0px;
 margin-left:auto;
 margin-right:auto;
}

#profile_details_wrapper
{
 font-weight:bold;
 padding-left:10px;
}

#profile_details_wrapper table
{
 width:100%;
 border-collapse:collapse;
}

.profile_td_1,
.profile_td_1_first
{
 position:relative;
 width:100px;
}

.profile_td_2,
.profile_td_2_first
{
 position:relative;
}


/* * * * Profile Info * * * */


.profile_info_block {
 width: 100%;
}

.profile_info_block td {
 border-bottom: 1px solid #ccc;
}

.profile_info_block td {
 padding: 4px;
}

.profile_info_block td.profile_info_label {
 font-weight: bold;
 text-align: right;
 width: 90px;
}

.profile_info_block td.profile_info_value1 {
 border-right: 1px solid #ccc;
}

/* * * *  * * * */


.menu_item_block
{
 position: relative;
}

.menu_item_block_left, .menu_item_block_right
{
 position: relative;
 float: left;
 width: 200px;
}

.menuLine
{
 position:relative;
}

.menuLinkBlock
{
 position:relative;
}

.comments_wrapper
{
 position:relative;
}

.comment_author
{
 float:left;
 margin-right:12px;
 font-size:12px;
 position:relative;
}

.comment_view
{
 font-size:12px;
}

.comment_text
{
 background-color:transparent;
 border:0px;
 font-size:11px;
 padding-left:59px;
}

.comment_row
{
 border-bottom:0px;
}

div#comments_wrapper
{
 position:relative;
 width:346px;
}

.comment_add_comment
{
 position:relative;
 background-color:transparent;
 float:left;
 padding-left:25px;
 color:#333366;
 font-size:18px;
 font-weight:bold;
 background-image:transparent;
 background-repeat:no-repeat;
}

 
 .sharePhotosContent_1, .sharePhotosContent_2
 {
  position: relative;
  float: left;
  width: 112px;
  overflow: hidden;
  white-space: nowrap;
 }
 
 .sharePhotosContent_1
 {
  margin:0px 7px 7px 0px;
 }
 
 .sharedMediaAdd {
  overflow: hidden;
  white-space: nowrap;
 }
 
 .lastFilesPic
 {
  position: relative;
  /*float: left;*/
  border: 1px solid #EDEDED;
  width: 110px;
  height: 110px;
  background-position: center;
  background-repeat: no-repeat;
 }
 
 .sharePhotosContent_1 .votes_small b, .sharePhotosContent_2 .votes_small b
 {
  display: none;
 }
 
 .sharePhotosContent_1 .votes_small .votes_gray_small,
 .sharePhotosContent_2 .votes_small .votes_gray_small
 {
  
 }
 
 .galleryRate .votes_small
 {
  width:112px;
 }
 
 .lastVideoPic
 {
  position: relative;
  /*float: left;*/
  border: 1px solid #EDEDED;
  width: 112px;
  height: 80px;
 }
 
 .shareMusicContent_1,
 .shareMusicContent_2
 {
  position: relative;
  float: left;
  width: 112px;
  overflow: hidden;
 }

 .shareMusicContent_1
 {
  margin:0px 7px 7px 0px;
 }
 
 .shareMusicContent_2
 {
  margin:0px 0px 7px;
 }

 .shareMusicContent_1 .votes_small b,
 .shareMusicContent_2 .votes_small b
 {
  display: none;
 }
 
 .lastMusicPic
 {
  position: relative;
  /*float: left;*/
  border: 1px solid #EDEDED;
  width: 110px;
  height: 110px;
 }
 
 .blogHead1
 {
  font-size:16px;
  font-weight:bold;
  /*margin-left:12px;*/
  /*padding-left:25px;*/
  padding-bottom:5px;
  background-repeat:no-repeat;
  background-position:left top;
  /*background-image:url(../images/icons/artic_papr.gif);*/
 }

 .rss_item_header
 {
  padding-bottom:5px;
 }
 
 .rss_item_info span
 {
  margin-right:5px;
  line-height:18px;
 }
 
 .rss_item_info span img
 {
  vertical-align:middle;
  margin-right:3px;
 }
 

Quote · 10 Sep 2008

Looks like i solved my own issues again, wasnt really any problem, just that the submenu cant be transparent i guess or it just stacks on itsself in profile and other pages.

One!!

Quote · 11 Sep 2008

Thas good for me to know! Thanks for this one.

Quote · 11 Sep 2008
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.