The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

CSS code help please

4 posters

Go down

Solved CSS code help please

Post by lisa1302 January 24th 2011, 23:21

.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
CSS code help please 2011-016

the problem is when a quote is used it doesnt go around, so it overlaps as per that image below
CSS code help please 2011-015

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

Thanks!


Last edited by lisa1302 on February 4th 2011, 15:04; edited 1 time in total
lisa1302
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 January 25th 2011, 05:15

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
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 January 26th 2011, 23:09

thanks for the help, its the same though
lisa1302
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 January 27th 2011, 03:59

Tried changing the quote size in the CSS?
MrMario
MrMario
Helper
Helper

Male Posts : 22186
Reputation : 1839
Language : test

Back to top Go down

Solved Re: CSS code help please

Post by lisa1302 January 27th 2011, 12:43

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
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 January 27th 2011, 13:22

Try this:

Code:
.quote
{
width: 200px;
}
avatar
Memorian
Forumember

Female Posts : 38
Reputation : 0
Language : german

Back to top Go down

Solved Re: CSS code help please

Post by lisa1302 January 27th 2011, 13:26

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%
CSS code help please 90pc10
then I edit to 75%
CSS code help please 75pc10
and that gets it how I want it to look
CSS code help please Output10

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
lisa1302
Forumember

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

http://www.babiesandall.com

Back to top Go down

Back to top

- Similar topics

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