Ribbon Style Node Icons Alignment help

[DieselMinded]

see: http://www.royal4x4.com/index.php

i want them to wrap around the edge , if i move them over they delete the boarder , messed with a few different css files cant seem to find the trick to moving them over on the edge .

your help is appreciated

 

[Paul B]

Moved from development questions to general support.

Edit: When I get some time I'll have a look at it.

 

[DieselMinded]

i think the problem is that the node icons are coded as background images

 

[Paul B]

That shouldn't make a difference - that's how the new post indicators are done.

If you check the css for that, it should give you some pointers as to how to get yours working.

 

[DieselMinded]

i coped the new post icon css and since its on the opposite side i flipped all the settings and everything and no go ... 3 hours now just trying to move these images to the side without breaking the boarder

 

[DieselMinded]

i want the category headers to stay centered inside the borders , if i take the margin off the boarder it drags the strips over too , i just want the icons on the side and the content can come over some but the category strips should remain centered

 

[DieselMinded]

somehow i screwed something up because now IE dont have any rounded corners

 

[Paul B]

IE 8 and below doesn't support the border-radius attribute.

 

[DieselMinded]

i give up on the icons , will give xenforo community some time to see if someone can help before i just abandon the idea. its possible because its been done with the "New" image on posts

 

[Nasr]

That's how it looks on IE 8. Did you need it to look different?

 

[DieselMinded]

yes i want the ribbons wrapped around the border, when i move them over they either disappear under it or they take the border out completely

 

[Jake Bunce]

yes i want the ribbons wrapped around the border, when i move them over they either disappear under it or they take the border out completely

This is what I've got so far. You can see I got the icons moved over to the border like you want. But it appears to be inserting a line break and I can't figure out how to stop that:



Edit this template:

Admin CP -> Appearance -> Templates -> EXTRA.css

Add this code:

.node .nodeInfo
{
	overflow: visible !important;
}

.node .nodeIcon
{
	position: relative;
	left: -25px;
}

Hopefully this helps.

 

[DieselMinded]

that worked great , i had to go a little less but its perfect THANK YOU