inherit
165779
0
Jan 22, 2021 13:15:56 GMT -8
Dave
New Broadband Support forum - Click the link in my signature!
1,046
April 2011
daveb86
Anything with Bacon!
Strawberry Shortcake
|
Post by Dave on Feb 4, 2020 9:16:36 GMT -8
If you want it to remain within the MP, position:absolute; will difficult to work with. There, your reference point is on the entire page. Probably better if you delete the last three lines of the styling. The width of that div will normally be auto, so it will fill whatever width that's available in the parent container. Maybe declare the width, and use margin-left:auto; to shift it to the right? Hi Retread You mean like the below .. /*CSS for Welcome PM Mini Profile*/
.mini-welcome .group-tag {font-size: 10px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
background-color: #111;
box-shadow: 0px 0px 2px #000;
background-image: url(http://images.proboards.com/v5/gradients/sexy.png);
color: #fff;
text-shadow: 2px 2px 2px #000;
border-radius: 0 0 0 10px;
-webkit-border-radius: 0 0 0 10px;
padding: 3px 6px;
margin-left:auto;
/*position: absolute;
top: 0px;
right: 0px;*/
} It seems the CSS isnt targetting the div though as nothing happening lol Cheers Dave
|
|
inherit
252032
0
Jan 22, 2021 8:23:00 GMT -8
Retread
Tribbial Pursuit.
4,704
January 2018
retread
|
Post by Retread on Feb 4, 2020 10:28:16 GMT -8
It seems the CSS isnt targetting the div though as nothing happening lol If you're not seeing Forum Staff in ALL-CAPS and with the background color you defined, etc, check to be sure the addition you made to the Style Sheet is on the same theme you're using to view your forum.
|
|
#e61919
33409
0
1
Jan 22, 2021 13:17:49 GMT -8
Brian Ordonez
Still around. Just busy doing different things. You'll see!
48,076
November 2004
smashmaster3
Brian (Random)
|
Post by Brian Ordonez on Feb 4, 2020 11:11:31 GMT -8
Dave, you can assign a position: relative; style to .mini-welcome to get the absolute positioned group tag to remain within the mini-profile. Absolute positioned elements will be positioned around the entire body of the page unless they're a descendant of a relative positioned element, in which case they'll be positioned around the boundaries of that element.
|
|
inherit
165779
0
Jan 22, 2021 13:15:56 GMT -8
Dave
New Broadband Support forum - Click the link in my signature!
1,046
April 2011
daveb86
Anything with Bacon!
Strawberry Shortcake
|
Post by Dave on Feb 4, 2020 11:19:43 GMT -8
It seems the CSS isnt targetting the div though as nothing happening lol If you're not seeing Forum Staff in ALL-CAPS and with the background color you defined, etc, check to be sure the addition you made to the Style Sheet is on the same theme you're using to view your forum. lol Retread, im ashamed to say this was the case .. I forgot i made a copy of my default theme last night for playing around with and not this is working  Dave , you can assign a position: relative; style to .mini-welcome to get the absolute positioned group tag to remain within the mini-profile. Absolute positioned elements will be positioned around the entire body of the page unless they're a descendant of a relative positioned element, in which case they'll be positioned around the boundaries of that element. Cheers Brian Ordonez, I'll throw this in to keep it fastened down.
|
|
inherit
252032
0
Jan 22, 2021 8:23:00 GMT -8
Retread
Tribbial Pursuit.
4,704
January 2018
retread
|
Post by Retread on Feb 4, 2020 11:37:29 GMT -8
lol Retread, im ashamed to say this was the case .. I forgot i made a copy of my default theme last night for playing around with and not this is working  [/quote]Been there, done that. That's why I guessed it might be the case. 
|
|
inherit
252032
0
Jan 22, 2021 8:23:00 GMT -8
Retread
Tribbial Pursuit.
4,704
January 2018
retread
|
Post by Retread on Feb 4, 2020 11:41:48 GMT -8
Dave, you can assign a position: relative; style to .mini-welcome to get the absolute positioned group tag to remain within the mini-profile. Absolute positioned elements will be positioned around the entire body of the page unless they're a descendant of a relative positioned element, in which case they'll be positioned around the boundaries of that element. I did not know that. /Ed McMahon voice So at least two people learned something new from your post. Namaste.
|
|
inherit
259017
0
Jan 22, 2021 7:27:36 GMT -8
CrazyBoy
Not that bad at coding...
964
July 2019
crazyboy
Pizza
Fruit
|
Post by CrazyBoy on Feb 8, 2020 4:28:39 GMT -8
Dave , you can assign a position: relative; style to .mini-welcome to get the absolute positioned group tag to remain within the mini-profile. Absolute positioned elements will be positioned around the entire body of the page unless they're a descendant of a relative positioned element, in which case they'll be positioned around the boundaries of that element. I did not know that. /Ed McMahon voice So at least two people learned something new from your post. Namaste. Say three  Thank's Brian
|
|