🙂
|
Use the black navigation bar to log in or create your account. |
jinzleftbuttcheek
Citizen
Registered: 05-2006
Province: Nineth Level of Hell
Posts: 198
Karma: 6 (+6/-0)
|
ReplyQuote
|
|
I missed up my layout
When I was working in my CSS, I accidently deleted something but don't remember what it was. Basicly my problem is either I can have a fixed background and no color on my forums (the header color covers the entire forum part of the board) or I can have color on the forum but not a fixed background. Can you help me?
---
Friendship is precious, not only in the shade, but in the sunshine of life. ~Thomas Jefferson
|
1/23/2007, 2:05 am
|
Link to this post
PM jinzleftbuttcheek
Yahoo
|
jinzleftbuttcheek
Citizen
Registered: 05-2006
Province: Nineth Level of Hell
Posts: 198
Karma: 6 (+6/-0)
|
ReplyQuote
|
|
Re: I missed up my layout
PS
I'm trying to make this tagline under my header but I can't get it right (I know I'm using bad language but not sure what the correct language is.)
<center>"They should be in every pick-a-nik basket!" ~ Yogi<font size="6" color="#000000"></center>
---
Friendship is precious, not only in the shade, but in the sunshine of life. ~Thomas Jefferson
|
1/23/2007, 2:16 am
|
Link to this post
PM jinzleftbuttcheek
Yahoo
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: I missed up my layout
Hi jlbc!
At this board, you prematurely ended the body {} portion of your CSS here (in red):
body { background-color: #6699cc;background-image: url("http://.../island9.jpg");
background-repeat: repeat-x repeat-y;
}background-color:719fc3; background-image:url(http://.../island9.jpg); background-attachment: fixed; ...
Once you take that extra } out, the body {} definitions that follow it can be processed correctly. While you're at it, you can take out the extra background-image definition, because it doesn't need to be in there twice. You also need to put a # before all your hex color codes. In the above code, 719fc3 should be #719fc3.
[edit]I just noticed you have background-color defined twice as well. You should pick one background-color and take the other one out.[/edit]
Also, you have a LOT of HTML in your CSS area where it doesn't belong.
HTML uses brackets like this < >
CSS uses brackets like this { }
You need to take all the HTML out of your CSS area and put it in your HTML header, where it belongs, instead.
The exception is the following line. Take this line out of your CSS completely and do NOT put it in your HTML header, because <left> does not exist, and your table code isn't finished.
<left><table border
I didn't look at your entire coding, but let's see if cleaning up that code fixes the forum background color as well.
~*~*~*~*~*
As for the pick-a-nik basket line, let's put your header images and that line into your bghead (or bighead, as you seem to have re-named it, lol), since you currently have that div empty, an we can get rid of a lot of unnecessary code.
Replace all of this:
<center><a><img src="http://i23.photobucket.com/albums/b369/pinkbunnyslippers/logo7.jpg" border="0" alt="Photobucket - Video and Image Hosting" height= "100", width= "800"></a>
</center>
<center><a><img src="http://i23.photobucket.com/albums/b369/pinkbunnyslippers/logo8.jpg" border="0" alt="Photobucket - Video and Image Hosting" height= "75", width= "400"></a>
</center>
<center>"They should be in every pick-a-nik basket!" ~ Yogi<font size="6" color="#000000"></center>
<div class="bighead"></div>
With this:
<div class="bighead">
<img src="http://i23.photobucket.com/albums/b369/pinkbunnyslippers/logo7.jpg" alt="Dharma Fish Biscuits, Inc" height= "100", width= "800" />
<br />
<img src="http://i23.photobucket.com/albums/b369/pinkbunnyslippers/logo8.jpg" border="0" alt="We deliver, anywhere" height= "75", width= "400" />
<p>"They should be in every pick-a-nik basket!" ~ Yogi</p>
</div>
Then anywhere in your CSS, add:
.bighead {
text-align: center;
font: 13px verdana,arial,helvetica,sans-serif;
color: #000000;
}
Note: If you want a background color behind your text so you can read it, change this line:
<p>"They should be in every pick-a-nik basket!" ~ Yogi</p>
to this:
<p><span>"They should be in every pick-a-nik basket!" ~ Yogi</span></p>
and in your CSS, add:
.bighead span {
background-color: #8cb9fa;
}
After you are done making all your changes, highlight and copy all of the code from your Custom CSS area and paste it in here:
http://jigsaw.w3.org/css-validator/#validate-by-input
Paste it also into Notepad, so when it tells you what line an error is on, you can CTRL+G to Goto that line, find the error, and fix it. Sometimes one error will register as several errors in the validator, so if you fix one thing and can't find the next, go back and re-paste your CSS with the corrections you've made so far.
I hope this helps.
Last revised by Lesigner Girl, 1/24/2007, 12:01 am
|
1/23/2007, 11:59 pm
|
Link to this post
PM Lesigner Girl
Read Blog
|
jinzleftbuttcheek
Citizen
Registered: 05-2006
Province: Nineth Level of Hell
Posts: 198
Karma: 6 (+6/-0)
|
ReplyQuote
|
|
Re: I missed up my layout
I'm sorry. Nothing seems to be working as it should. I'm sure it's my fault. Thanks for trying. I appreciate it alot.
---
Friendship is precious, not only in the shade, but in the sunshine of life. ~Thomas Jefferson
|
1/24/2007, 1:18 am
|
Link to this post
PM jinzleftbuttcheek
Yahoo
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: I missed up my layout
You moved the HTML to its proper place, but still need to remove the bracket I bolded in red at the beginning of my post.
...you prematurely ended the body {} portion of your CSS here (in red):
body { background-color: #6699cc;background-image: url("http://.../island9.jpg");
background-repeat: repeat-x repeat-y;
}background-color:719fc3; background-image:url(http://.../island9.jpg); background-attachment: fixed; ...
Once you take that extra } out, the body {} definitions that follow it can be processed correctly.
Also, in the new CSS you added, you are missing a bracket. The background color isn't working because browsers (or at least Firefox, which I just checked it in) are confused as to whether the background color belongs in the bighead overall, or just in the span within it, so it's just ignoring that background definition. Add the part in blue below, and that should take care of it:
.bighead {
text-align: center;
font: 13px verdana,arial,helvetica,sans-serif;
color: #000000;
}
.bighead span {
background-color: #8cb9fa;
}
More info:
In CSS, you have to begin the definitions with { and close them with }.
Pseudo-example:
.lesa {
eyes: green;
hair: blonde;
height: 5.5ft;
}
.dubya {
hair: gray;
tie: blue;
mouth: big;
iq: 12pt;
}
If you put a } after blonde, then no one would know how tall I am, and they wouldn't know who is 5.5ft tall. And if you forget the } after 5.5ft, then people might confuse me with dubya, and we definitely would not want that.
I hope this helps a little better.
|
1/24/2007, 3:05 am
|
Link to this post
PM Lesigner Girl
Read Blog
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: I missed up my layout
You're welcome, jlbc, and it looks like you got it fixed, because the (previously) extra { is gone and the previously missing { is now where it belongs.
border:none; border-width:0;
is redundant, though, and you can just use
border:none;
by itself, although it won't hurt anything to keep both if you don't want to mess with it.
The Mooseman said: then people might confuse me with dubya, and we definitely would not want that
Says who ??
Who says we wouldn't want that? Or who says they would confuse us? Well I certainly wouldn't want that kind of confusion, for starters.
Edited because I forgot a [/b]. Darned closing tags!
Last revised by Lesigner Girl, 1/26/2007, 2:12 am
|
1/26/2007, 2:11 am
|
Link to this post
PM Lesigner Girl
Read Blog
|
Add to this discussion
You are not logged in ( login)
|