CSS code help please
4 posters
Page 1 of 1
CSS code help please
.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!
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 Fri 4 Feb 2011 - 14:04; edited 1 time in total
Re: CSS code help please
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;
}
Re: CSS code help please
Tried changing the quote size in the CSS?
MrMario- Helper
- Posts : 22186
Reputation : 1839
Language : test
Re: CSS code help please
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?
quote {width:200px}
has failed
Could you let me know what I should add to change this?
Re: CSS code help please
Try this:
- Code:
.quote
{
width: 200px;
}
Memorian- Forumember
- Posts : 38
Reputation : 0
Language : german
Re: CSS code help please
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.
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.
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum