View Full Version : CSS Problems?
Lirae
07-18-2006, 05:50 PM
~ If colours aren't showing up as desired, please ensure you have a # before the hex code.
~ Style sheet doesn't seem to be changing the page colours? Remove all of the following:
<!-- and --> {if your scrollbar colours won't show, you could probably get away with using these, though}
<title> and </title>
<style type="text/css"> and </style>
any ' that may be in the sheet
<html> and </html>
<body> and </body>
Basically, remove all HTML codes from your style sheet
~ Scrollbar colours only work in Internet Explorer {and the browsers based off this} and Opera, although you can turn the feature on or off.
~ If you want an image cursor to show in Firefox, this is possible as long as the cursor file has the extension .cur. {here is a list (http://www.programurl.com/software/cur.htm) of programs that can make these files.}
~ If your background image isn't working, try using double quotation marks {"} - like this:
background: #fff url("http://url.com/to/your/bg.gif");
~ Some effects don't work in non-IE browsers: glow, drop shadow & shadow are some examples. I think .htc files might, though {can someone test? :p}.
~ #name is for id="name" and .name is for class="name" ~ I've seen people mix this up, lol. hashname is for IDs, dotname is for CLASSes, k? :p
~ If the scrollbar colours aren't showing up, add them in their own body style {so you'll have two "BODY {" styles}. I also had to HTML comment them out for them to work for me, though. =\
~ If your divs are showing up as one big mass with everything on top of itself, remove height: 1px; and replace with height: auto; or just remove it. Don't force the height; it'll only bite you.
If you have any other problems, add them here and I or someone else will help. I'll also add the issue to this list. :3
grace_xo
07-19-2006, 06:14 PM
Thank you so much for the tips! I'm gonna bookmark this thread so I know what to look for when making a new style sheet. <3
Jayla
07-19-2006, 06:24 PM
ohh thats excellent thanks so much!
aaaash™
07-19-2006, 06:46 PM
I don't have these problems, but if I do I'll come here xP
[spamWanna know whats funny?
tooobigg (http://img92.imageshack.us/img92/4130/hahael3.gif)spam]
sshjustkissme
07-29-2006, 06:21 PM
My links and content aren't loading up to my blog area. =\
I've taken out the target="main" part and now it doesn't load up to new page (which is good), but other pages looks funky.
Lirae
07-29-2006, 06:50 PM
I PMed you back, Liinda. :p
Christina
07-30-2006, 07:44 AM
Oh wow thanks for sharing.
You feed me with so much information :p
thanks for sharing that, i'm sure it's going to be very useful. :D
RexAngel
07-31-2006, 11:05 AM
That is very helpful Lirae. I'm going to stickify this thread if that's okay. :]
Christine
08-01-2006, 08:33 AM
here's one to add to the list :p
- If your font size is showing up too big, add pt after it. example: font-size:12pt;
yay. lol
there very handy, thanx lirae
Lirae
08-04-2006, 09:26 AM
here's one to add to the list :p
- If your font size is showing up too big, add pt after it. example: font-size:12pt;
I would but you should add "px" after; "pt" is for print. :P
Lucia
09-01-2006, 08:55 AM
Oooh thanks Li :p *bookmarks*
accionatty!
09-01-2006, 09:40 AM
I jus checked on opera, and scrollbars work, but not transparent ones. plus my whole site looks flucked up on it rolf.
alexandra♥
09-18-2006, 12:06 PM
I have a question :0 I don't know if it should go here or I make a new thread, but whatever.
Do you know how to get the navigation bar thing, like the one under the image at http://hot-lyts.com ? Like the thing that says main, about, promote us, etc.
Thankies :D
Lirae
09-21-2006, 10:00 AM
I have a question :0 I don't know if it should go here or I make a new thread, but whatever.
Do you know how to get the navigation bar thing, like the one under the image at http://hot-lyts.com ? Like the thing that says main, about, promote us, etc.
Thankies :D
There's a tutorial on http://tutorialtastic.co.uk - it's a horizontal list. :)
Sillyish
10-08-2006, 08:40 AM
Why remove <!-- and --> {unless they're wrapped around a BODY style)?
-you can just remove it altogether!
{except Opera, I think - I'll have to test}
it can work in opera - the scrollbar feature is something you can turn on or off.
~ Background images should have " around them {example - background-image: url("http://yoursite.com/background.gif");}
-They actually don't :)
*vampires!
10-08-2006, 07:30 PM
That's fantastic, Li, thanks. :)
Hannah
10-08-2006, 07:48 PM
~ Background images should have " around them {example - background-image: url("http://yoursite.com/background.gif");}[/i]
-They actually don't :)
They never work on my site unless I have the quotes :)
Lirae
10-08-2006, 07:54 PM
Why remove <!-- and --> {unless they're wrapped around a BODY style)?
-you can just remove it altogether!
Oops, lol. -_-;
I meant for scrollbars, {when I used coloured scrollbars} mine wouldn't show if I didn't HTML comment the code. =\
{except Opera, I think - I'll have to test}
it can work in opera - the scrollbar feature is something you can turn on or off.
Thanks. *Will edit*
~ Background images should have " around them {example - background-image: url("http://yoursite.com/background.gif");}[/i]
-They actually don't :)
My background images refuse to show when I use the single quotation marks; they only show when I use double quotation marks or no quotation marks.
I'll go and fix my post. :)
Sillyish
10-08-2006, 09:29 PM
My background images refuse to show when I use the single quotation marks; they only show when I use double quotation marks or no quotation marks.
I've noticed that as well, but w3c says you don't need them, and I've seen sites work just fine without them.
Life is weird.
AleshialovesMCR
10-12-2006, 03:09 PM
I want to change the default size of my text boxes (you know, the ones where you put codes for people to take). How do I do that? This is my current text box code(in my css):
input, textarea
{ background: #transparent;
font-family: verdana;
color: #65B8FF;
letter-spacing: 0pt;
font-weight: normal;
font-size: 13;
border-style: solid;
border-color: #0382ED;
border-width: 1px; }
Lirae
10-13-2006, 07:37 AM
^ you would just add
width: 300px;
height: 22px;
to what you already have. :p
I think you can do it with percentages too, though. =\ It'd be like:
width: 50%;
height: 100%;
{I don't really use them myself, so I'm not 100% sure. :p}
I've noticed that as well, but w3c says you don't need them, and I've seen sites work just fine without them.
Life is weird.
I made a new layout for another site last night and the background image refused to show with the double quotation marks, so I tried the single ones and it still wouldn't show...so I'm now using none but the background image is finally showing up. :|
katiexrawks
10-19-2006, 01:35 AM
Thanks! I have one question: How do I get my textarea coloured in Firefox?
Lirae
10-19-2006, 04:26 AM
Thanks! I have one question: How do I get my textarea coloured in Firefox?
The same way you would in Internet Explorer, just make sure that each hex code has a hash sign before it. Like: #000000.
XxChaoticKisses
10-27-2006, 10:47 AM
This is so helpful =] Thank you so much!!!
jordanDUNdun!!
11-17-2006, 07:17 PM
Sorry for being a pain and bringing this up again, but I have a question:
You said in the first post that .cur files are for custom cursors...are .ani files alright as well?
Lirae
11-21-2006, 11:17 AM
Sorry for being a pain and bringing this up again, but I have a question:
You said in the first post that .cur files are for custom cursors...are .ani files alright as well?
*.ani are just animated cursors but they don't show up in Firefox, only *.cur ones seem to. {Unless the newest version of FF displays them...}
*+*Glambee*+*
12-19-2006, 12:43 PM
ok on my site www.candii-bee.net the colours look fine when i view them, but with some other people they seem to be very might and hard to read?.... how do i make it so the colours r easier 2 read and dont clash with the actual lay design?...
2nd problem) my iframes look pefect in IE but go all horrible and yucky in FF how do i make it so they are the same in both browsers?
Erin!
12-19-2006, 12:48 PM
^^ Why don't you go through and change everything Li has suggested on her first post?
*+*Glambee*+*
12-19-2006, 12:50 PM
lol okies
//EDIT
- Havent helped.
Fufsi
12-24-2006, 06:26 AM
zomg i couldnt get my css working and i came here n changed stuff =] tysm x
lovemaybe
12-27-2006, 01:10 PM
In my CSS code, the links are colours and have # before them, but they are showing up as blue.
Lirae
12-27-2006, 06:34 PM
In my CSS code, the links are colours and have # before them, but they are showing up as blue.
Is there any HTML stuff in there? Like <!-- and --> etc.
If there's no HTML stuff in the sheet, can you either paste it in here or send me a PM with it and I'll take a look at it for you. :)
Fufsi
12-28-2006, 09:00 AM
my css is working in ie =] but looks all funked and wacked in ff =[ can someone help?
www.fufsi.taintedxlove.net << there
Daveo
01-03-2007, 06:51 AM
Lirae could you help me with this? http://www.kawaiiville.com/showthread.php?t=53991
any help appreciated :)
My scrollbars and text size won't change for me when I edit my CSS...Can you help? Here's my code:
body,tr,td{
scrollbar-face-color:#FD45CB;
scrollbar-shadow-color:#FD45CB;
scrollbar-3dlight-color:#FD45CB;
scrollbar-arrow-color:#FEC6EF;
scrollbar-base-color:#FD45CB;
scrollbar-track-color:#00FF00;
scrollbar-darkshadow-color:#FD45CB;
scrollbar-highlight-color:#FEC6EF;
filter:chroma(color=#00FF00);
color:5A0775;
font-size:16pt;
font-weight:;
font-family:century gothic;
background-color:transparent;
background-image: url(BACKGROUND.FILETYPE);
background-attachment : fixed;
line-height: 15px;
letter-spacing: 1px;
text-align:justify;
}
a:link{
color:E04A98;
text-decoration:none;
font-weight:bold;
cursor: default;
}
a:visited{
color:E04A98;
text-decoration:none;
font-weight:bold;
cursor: default;
}
a:active{
color:D9D7D7;
text-decoration:none;
font-weight:bold;
cursor: default;
}
a:hover{
color:ECCFF5;
text-decoration:none;
font-weight:bold;
cursor: default;
}
select{
background:transparent;
font-family:arial;
color: 000000;
font-size: 11pt
}
textarea, input{
font-family: FONT;
font-size: SIZEpt;
color: FONT COLOR;
background:;
border: 1px solid;
border-color:#000000;
}
Gillie
01-16-2007, 04:41 PM
thanks for all the tips :) they will come in handy!!
Alice.Cullen
01-16-2007, 11:22 PM
Lirae could you help me with this?
http://www.kawaiiville.com/showthread.php?t=56007
danigirly
04-30-2007, 07:59 PM
thanks! that really helped
FunkyxFreshxLooser
06-01-2007, 09:45 PM
Ah. Know this thread is a little bit old but if someone could help me with this I'd really appreciate it. Its impossible, I swear! >.<
I cant seem to get my links to work right.
A:link
{ color: #d9a7b2; } text-decoration:none;}
A:visited
{ color: #7f6295; } text-decoration:none;}
A:hover
{ color: #7f6295; } text-decoration:none; }
A:active
{ cursor: url(); text-decoration:none; color: #7f6295;}
Text decoration doesnt work, it still has an underline under every link, and none of the colors work except for hover, oh yea and so does visited.
Lirae
06-02-2007, 05:57 PM
^
A:link
{ color: #d9a7b2; text-decoration:none;}
A:visited
{ color: #7f6295; text-decoration:none;}
A:hover
{ color: #7f6295; text-decoration:none; }
A:active
{ cursor: url(); text-decoration:none; color: #7f6295;}
FunkyxFreshxLooser
06-02-2007, 08:38 PM
eep. now none of the colors work :p
xOx_Millie
07-10-2007, 06:20 AM
i don't want to make new thread so i'll post here:
BODY {
background: #404040;
font-family: trebuchet ms, sans serif;
font-size: 6px;
color: #404040;
text-align: justify;
}
the font size of the normal text doesn't work :( font-family too |-(
when i put font-size 8 it shows it something like 12-13
the links and the other stuff works but the normal text doesn't. when i put font like verdana or sans serif nothing happens and it is BIG and ugly :(
new moon
03-26-2008, 11:03 AM
my css doesnt show until you refresh the page
vBulletin® v3.7.3, Copyright ©2000-2008, Jelsoft Enterprises Ltd.