The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

CSS code help please

View previous topic View next topic Go down

Solved CSS code help please

Post by lisa1302 on January 24th 2011, 10:21 pm

.vote {float: right;
width: 20px;
margin-left: 4px;
padding-top:15px;
padding-bottom:15px;
padding-right:15px;
padding-left:15px;
border-style:solid;
border-width:2px;
border-color:#6A60BA;
}

Thats my css for my reputation area and it looks like this on normal post, with the text going around the purple box


the problem is when a quote is used it doesnt go around, so it overlaps as per that image below


Does anyone know how I can make it work with quotes too?

Thanks!


Last edited by lisa1302 on February 4th 2011, 2:04 pm; edited 1 time in total

lisa1302
Forumember

Female Posts : 305
Reputation : 40
Language : Enlish
Location : UK

http://www.babiesandall.com

Back to top Go down

Solved Re: CSS code help please

Post by panterua on January 25th 2011, 4:15 am

it work fine for me, maybe is because i no have other codes that you are using. anyway, try this:
.vote {float: right;
width: 20px;
margin-left: 4px;
padding-top:15px;
padding-bottom:15px;
padding-right:15px;
padding-left:15px;
margin-left:15px;
margin-bottom:15px;
border-style:solid;
border-width:2px;
border-color:#6A60BA;
}

panterua
Forumember

Male Posts : 90
Reputation : 110
Language : Spanish, English
Location : Uruguay

http://mudreadlocks.superforo.net/u8

Back to top Go down

Solved Re: CSS code help please

Post by lisa1302 on January 26th 2011, 10:09 pm

thanks for the help, its the same though

lisa1302
Forumember

Female Posts : 305
Reputation : 40
Language : Enlish
Location : UK

http://www.babiesandall.com

Back to top Go down

Solved Re: CSS code help please

Post by MrMario on January 27th 2011, 2:59 am

Tried changing the quote size in the CSS?

MrMario
Helper
Helper

Male Posts : 22186
Reputation : 1830
Language : test

http://test.com

Back to top Go down

Solved Re: CSS code help please

Post by lisa1302 on January 27th 2011, 11:43 am

Sounds a good idea - but my css knowledge is not great and my guess at adding
quote {width:200px}
has failed

Could you let me know what I should add to change this?

lisa1302
Forumember

Female Posts : 305
Reputation : 40
Language : Enlish
Location : UK

http://www.babiesandall.com

Back to top Go down

Solved Re: CSS code help please

Post by Memorian on January 27th 2011, 12:22 pm

Try this:

Code:
.quote
{
width: 200px;
}

Memorian
Forumember

Female Posts : 38
Reputation : 0
Language : german

Back to top Go down

Solved Re: CSS code help please

Post by lisa1302 on January 27th 2011, 12:26 pm

thanks..but still no change

its odd because I can use that code to change the quote box colour, border etc, but it wont change the width, have googled lots of options, like min/max, % and it still stays the same size. :/

EDIT
I dont know if this helps, or maybe nothing to do with it, but if I inspect the elements of the quote box I can edit the size from 90% down to 75% and that gives the result I need, as pics below
The last line is how it is at 90%

then I edit to 75%

and that gets it how I want it to look


But I have no idea where/what I need to change to actually permanently change that setting, as the css quote code to amend the width has no effect at all.

lisa1302
Forumember

Female Posts : 305
Reputation : 40
Language : Enlish
Location : UK

http://www.babiesandall.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum