Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
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.
Last revised by Lesigner Girl, 6/6/2009, 11:53 pm
|
7/7/2006, 3:09 am
|
Link to this post
PM Lesigner Girl
Read Blog
|
Artie1
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
Citizen
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
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
Citizen
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
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
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: FAQ: HTML vs CSS
Welcome to Illusia, Artie! Did you get the problem sorted?
Thanks for helping in my absence, Rimmer.
|
9/2/2006, 11:59 pm
|
Link to this post
PM Lesigner Girl
Read Blog
|
Artie1
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
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: FAQ: HTML vs CSS
You're welcome, and thanks.
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. Your situation was not one of them, so no worries.
|
9/4/2006, 2:49 am
|
Link to this post
PM Lesigner Girl
Read Blog
|
Suzi65
Citizen
Registered: 02-2008
Province: Ft Smith, AR
Posts: 1
Karma: 0 (+0/-0)
|
ReplyQuote
|
|
Re: FAQ: HTML vs CSS
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
|