Runboard.com
Слава Україні!



🙂       Use the black navigation bar to log in or create your account.

 
jinzleftbuttcheek Profile
Live feed
Blog
Friends
Miscellaneous info

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 Profile
Live feed
Blog
Friends
Miscellaneous info

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 Profile
Live feed
Blog
Friends
Miscellaneous info

Minerva
Head of Runboard staff

Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
ReplyQuote
Re: I missed up my layout


Hi jlbc! emoticon

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. emoticon

Last revised by Lesigner Girl, 1/24/2007, 12:01 am


---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
1/23/2007, 11:59 pm Link to this post PM Lesigner Girl Read Blog
 
jinzleftbuttcheek Profile
Live feed
Blog
Friends
Miscellaneous info

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. emoticon

---


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 Profile
Live feed
Blog
Friends
Miscellaneous info

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. emoticon

I hope this helps a little better. emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
1/24/2007, 3:05 am Link to this post PM Lesigner Girl Read Blog
 
The Mooseman Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen

Registered: 03-2005
Province: Looking for my brain...
Posts: 592
Karma: 8 (+8/-0)
ReplyQuote
Re: I missed up my layout



then people might confuse me with dubya, and we definitely would not want that



Says who ?? emoticon emoticon emoticon emoticon

---
~ Quickly, I must hurry, for there go my people and I am their leader ~
1/24/2007, 11:23 am Link to this post PM The Mooseman
 
jinzleftbuttcheek Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen

Registered: 05-2006
Province: Nineth Level of Hell
Posts: 198
Karma: 6 (+6/-0)
ReplyQuote
Re: I missed up my layout


I got the background fixed. I had to add this: table, tr, td { background; border:none; border-width:0;}
body {

I'm still looking for thar elusive {. I am slow with old eyes. I'll check out the missing { (I'm beging to hate that symbol emoticon ) thanks for all the help. emoticon emoticon

---


Friendship is precious, not only in the shade, but in the sunshine of life. ~Thomas Jefferson
1/24/2007, 11:30 am Link to this post PM jinzleftbuttcheek Yahoo
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

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. emoticon

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. emoticon


The Mooseman said:

then people might confuse me with dubya, and we definitely would not want that

Says who ?? emoticon emoticon emoticon emoticon

Who says we wouldn't want that? Or who says they would confuse us? emoticon Well I certainly wouldn't want that kind of confusion, for starters. emoticon

Edited because I forgot a [/b]. Darned closing tags! emoticon

Last revised by Lesigner Girl, 1/26/2007, 2:12 am


---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
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)
Back To Top

This board's time is GMT.