Runboard.com
You're welcome.



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

Jump to Page:  1  2 

 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Minerva
Head of Runboard staff

Registered: 11-2005
Posts: 9597
Karma: 132 (+147/-15)
ReplyQuote
posticon FAQ: HTML vs CSS


I've seen a lot of confusion over at the help boards concerning where they should put HTML code, and where they should put CSS, and it seems to me that the confusion stems from them not knowing what type of code they are dealing with.

Here, I think, is the simplest way to explain which is which...

HTML (HyperText Markup Language) uses brackets like this <> and is used to place content on your page.  Need to place a link on your page?  <a href=".....">text or image</a>  Need to place an image on your page?  <img src="....." alt="..." />

CSS (Cascading Style Sheet) uses brackets like this {} and is used to style the content on your page.  Add borders, change a font color, add backgrounds, float elements.

A small note: background images, such as a page background image, are part of the styling and added via CSS.  Images placed in the foreground are "placed" on the page with HTML.


How HTML and CSS work together:


HTML and CSS work together by adding class names to the HTML, then defining those class names in the CSS.

HTML:

<img class="whatever" src="image_url.jpg" alt="..." />

CSS:

.whatever {
    border:0;
    width: 100px;
    height: 120px;
    attribute:definition;
    attribute:definition;

}


Styles without class names

HTML and CSS also work together without class names.  For example, if you want to give the whole page a tiled background image or set a default font for the entire page, you would define the HTML <body> element with something like this in your CSS:

body {
    background:#eee url('image_url.jpg');
    font: 12px verdana,arial,sans-serif;
    color: #000;
}

Notice that there is no period (.) before body in the CSS.  This is because you are defining a raw tag, not a class.  Only when your HTML says class="___" will you define it with a period (.) before it in the CSS.

To give you another example, you could give ALL tables a border.  In this case, you would simply use something like this:

table {
    border: 1px solid #d9d9d9;
}

That could get pretty messy, though, with all of Runboard's tables embedded within other (multiple) tables.

Hopefully this will clear anyone's confusion as to what kind of code they are dealing with, and how the two work together.  So now, where will you use these codes?


What codes go where?


CSS is used in your custom CSS area.

HTML is used in your custom HTML header and footer, as well as your custom language set.

Novices should not try to put CSS in the HTML areas or vice versa, because that would entail adding and closing "hidden" HTML tags and could turn your board into a blank white page if you don't know what you're doing. emoticon

Last revised by Lesigner Girl, 6/6/2009, 11:53 pm


---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
7/7/2006, 3:09 am Link to this post PM Lesigner Girl Read Blog
 
Artie1 Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen

Registered: 09-2006
Posts: 4
Karma: 0 (+0/-0)
ReplyQuote
Re: FAQ: HTML vs CSS


This is my first day on Runboard and I am setting up a practice board first.
HoweverI deleted part of the HTML for putting my banner in.
Could ypou give me the code please?
Do I put the URL for the image inside HTML??
Advice willbe welcome ,please.
9/1/2006, 6:23 pm Link to this post PM Artie1
 
Rimmer Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen
Runboard staff member

Registered: 04-2003
Province: Straylia
Posts: 15
Karma: 1 (+1/-0)
ReplyQuote
Re: FAQ: HTML vs CSS


Artie1,

Your board theme is still set in the 'preview' mode (where you can check out how different layouts look).

If you want to make changes (ie. customise) your board, then you first need to make the layout your 'Custom' layout. That's easy to do:

Go to Control panel>Board Management>Change board theme/layout.

Check the option that says 'Copy it to the custom layout, and switch to using the custom one'. Click the 'Change theme' button. ***

Now, you can go to Control panel>Board Management>Edit layout /colors of your board>Manage Custom HTML content and youl'll see your board's HTML code there. You can then add/amend the code.

*** Note: any code you have already put in your Custom CSS and HTML area will be lost when you save to Custom, so it's best to take a copy of the code (in a text or doc file) first.


---
Build A Better Board

They put me in a cage full of lions, I learned to speak lion
9/1/2006, 10:16 pm Link to this post   Read Blog
 
Artie1 Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen

Registered: 09-2006
Posts: 4
Karma: 0 (+0/-0)
ReplyQuote
Re: FAQ: HTML vs CSS


that's what I lost ..the board's HTML code.
i htought it was the same code for all boards!
9/2/2006, 10:11 am Link to this post PM Artie1
 
Rimmer Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen
Runboard staff member

Registered: 04-2003
Province: Straylia
Posts: 15
Karma: 1 (+1/-0)
ReplyQuote
Re: FAQ: HTML vs CSS



Artie1 said:

that's what I lost ..the board's HTML code.
i htought it was the same code for all boards!



The HTML is the same for all boards, but the CUSTOM HTML is not.

The first thing you have to do is to set your board layout to 'Custom'. Then we can sort out your CUSTOM HTML (eg. your banner).







---
Build A Better Board

They put me in a cage full of lions, I learned to speak lion
9/2/2006, 11:10 am Link to this post   Read Blog
 
Artie1 Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen

Registered: 09-2006
Posts: 4
Karma: 0 (+0/-0)
ReplyQuote
Re: FAQ: HTML vs CSS


Great!Thanks for all your help.
9/2/2006, 2:41 pm Link to this post PM Artie1
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Minerva
Head of Runboard staff

Registered: 11-2005
Posts: 9597
Karma: 132 (+147/-15)
ReplyQuote
Re: FAQ: HTML vs CSS


Welcome to Illusia, Artie! emoticon&nbsp; Did you get the problem sorted?

Thanks for helping in my absence, Rimmer. emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
9/2/2006, 11:59 pm Link to this post PM Lesigner Girl Read Blog
 
Artie1 Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen

Registered: 09-2006
Posts: 4
Karma: 0 (+0/-0)
ReplyQuote
Re: FAQ: HTML vs CSS


Thanks.Yes got everything sorted.
The Help on here is great!

Rimmer has great patience with beginners.
9/3/2006, 4:14 pm Link to this post PM Artie1
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Minerva
Head of Runboard staff

Registered: 11-2005
Posts: 9597
Karma: 132 (+147/-15)
ReplyQuote
Re: FAQ: HTML vs CSS


You're welcome, and thanks. emoticon

You're right about Rimmer's patience. I've seen him appear extremely calm in situations where I would want to rip my hair out. emoticon Your situation was not one of them, so no worries. emoticon

---
Runboard Knowledge Base
Runboard Support Forums
Find other message boards
9/4/2006, 2:49 am Link to this post PM Lesigner Girl Read Blog
 
Suzi65 Profile
Live feed
Blog
Friends
Miscellaneous info

Citizen

Registered: 02-2008
Province: Ft Smith, AR
Posts: 1
Karma: 0 (+0/-0)
ReplyQuote
Re: FAQ: HTML vs CSS


 emoticon emoticon
I am also fairly new on runboard and again wanted to tell all of you how great it is to find this place, where the knowledgable are so willing to help the novices. It seems almost any question I have thought of so far has been covered on at least one of these boards.

---

3/15/2008, 3:44 pm Link to this post PM Suzi65 Yahoo Read Blog
 


Add to this discussion


Jump to Page:  1  2 



You are not logged in (login)
Back To Top

This board's time is GMT.

Board's time is GMT