vb.org Archive - Profile picture box outline shows through menu

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)

- - Profile picture box outline shows through menu (https://vborg.vbsupport.ru/showthread.php?t=283808)

Boofo

06-01-2012 07:03 PM

Profile picture box outline shows through menu

1 Attachment(s)

How do I get the profile picture box outline to not show in the menu like it does in the attached pic? Is there some CSS I can add that will stop that from showing through?

RobbieZ

06-02-2012 11:39 AM

Where are you getting that drop down menu from Rob?

Boofo

06-02-2012 03:18 PM

A mod on my site.

Simon Lloyd

06-03-2012 06:56 AM

In the CSS for the box change the z index and see how that goes for you :)

Boofo

06-03-2012 02:00 PM

Change it to what? And where is the code to change?

Simon Lloyd

06-03-2012 02:08 PM

usually when displaying images via css you will have a z index like this

PHP Code:


		
			
#logoAd { 
  position: absolute; // reposition logo from the natural layout 
  left: 70px;
  right: 5px;
  top: 81px; 
  width: 300px; 
  height: 275px;
  z-index: 2; 
}

and it's usually that z index that causes the issue, make it a larger number to be on top and lower to be in front. It could of course be a float or clear issue, do you haqve a link so i can check the source code?

Boofo

06-03-2012 02:23 PM

Here's the source code for the pic:

Code:

                                <div id="userinfoblock" class="floatcontainer">

                                        

        <a class="avatar" href="member.php?1-Boofo" title="Boofo's Profile Picture">

                <span class="avatarcontainer"><img src="images/misc/unknown.gif" alt="" /></span>

        </a>

The menu itself doesn't show to guests.

Simon Lloyd

06-03-2012 02:52 PM

replace

HTML Code:

<a class="avatar" href="member.php?1-Boofo" title="Boofo's Profile Picture">

                <span class="avatarcontainer"><img src="images/misc/unknown.gif" alt="" /></span>

        </a>

for

HTML Code:

<a class="avatar" href="member.php?1-Boofo" title="Boofo's Profile Picture">

                <span class="avatarcontainer"><img src="images/misc/unknown.gif" alt="" border="0"  /></span>

        </a>

other than that you'll either need to look at the floatcontainer or avatarcontainer CSS.

Boofo

06-03-2012 04:24 PM

I thought of that but taking the border out will crew up the profile pic then. Since I use CSS for the menu. Maybe I can add something to that to hide the border.

Simon Lloyd

06-03-2012 04:40 PM

The border="0" for the image shouldn't cause any issue, if you want borders around the pic use CSS or styling to do "border: 1px solid;"

All times are GMT. The time now is 02:13 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01052 seconds Memory Usage 1,730KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (2)bbcode_html_printable (1)bbcode_php_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: