Question using Type in Foundation...

User 2765857 Photo


Registered User
614 posts

Hello all,
This is probably is a dumb question and I have been reading the CC info on "Styles" and am confused ( again) on something that is most likely simple. Say I want to write a Paragraph and I name it "Paragraph-main" and I want ALL new Paragraphs the same style ie. 16 px, black and bold - all I have to do then is in Style make it TYPE and it should than show Pink for all as far as Font, color and bold? Now if I have it correct when ever anywhere in my site even on 25 pages ALL Paragraphs named "Paragraph-main" will be the same if I set to "TYPE" ??? Like I said simple if you know what you are doing but in time I will :) Now does this same "TYPE" also applies to setting the margins if needed??

Now when to use the ID also has me confused :rolleyes: but I will work on that after I get to understand using "TYPE"

I know you all are busy and I apologize again for bothering you.
Ray
Ray aka Kreations
Since 1994 Chocolate bar wrappers for all occasions.
Since 1972 helping clients help "Discover Their Dream Vacation"
User 187934 Photo


Senior Advisor
20,181 posts

Yes, you can have elements follow the same styles through a CLASS, ID and TYPE.
ID's need to be on separate pages where the others are fine on all pages.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 122279 Photo


Senior Advisor
14,447 posts

Type refers to html tags that can be referred to in the css without the 'dot' for class nor the # for ID. Typically body, nav, img, li, form, section, footer, etc. So you can style e.g. all your images or lists etc the same way by choosing 'type'.
So in your case, when you have the type 'paragraph', you can give it a set of styles and apply them to the type paragraph. If you want to style, say one paragraph a bit different, you can give it a class name, and the styling will then have to be set to class.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2765857 Photo


Registered User
614 posts

Eric Rohloff wrote:
Yes, you can have elements follow the same styles through a CLASS, ID and TYPE.
ID's need to be on separate pages where the others are fine on all pages.

Thanks Eric so ID only for a specific page will try that later this week
Ray
Ray aka Kreations
Since 1994 Chocolate bar wrappers for all occasions.
Since 1972 helping clients help "Discover Their Dream Vacation"
User 2765857 Photo


Registered User
614 posts

Inger wrote:
Type refers to html tags that can be referred to in the css without the 'dot' for class nor the # for ID. Typically body, nav, img, li, form, section, footer, etc. So you can style e.g. all your images or lists etc the same way by choosing 'type'.
So in your case, when you have the type 'paragraph', you can give it a set of styles and apply them to the type paragraph. If you want to style, say one paragraph a bit different, you can give it a class name, and the styling will then have to be set to class.

Thanks Inger-------so I don't use class if I want all "paragraph-main" the same only TYPE and if using same paragraph and say I want it look a litle different I don't use TYPE but change back to CLASS is that correct? Sorry to be so dense but will in time hopefully get it.
Ray
Ray aka Kreations
Since 1994 Chocolate bar wrappers for all occasions.
Since 1972 helping clients help "Discover Their Dream Vacation"
User 122279 Photo


Senior Advisor
14,447 posts

Ray, you can have more IDs on the same page, but they need to have different names. You can't have more than one ID called e.g. 'large' on the same page. The same IDs can be used on another page.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2765857 Photo


Registered User
614 posts

Inger wrote:
Ray, you can have more IDs on the same page, but they need to have different names. You can't have more than one ID called e.g. 'large' on the same page. The same IDs can be used on another page.

Inger thanks again, so If I got it right (or not) ID only for a specfic page and I can use a ID for say a picture and than also say for font but have to use a different ID ?
Do many actually use the ID or is it easier for a novice like me (not a designer) to stay with Class and maybe Type? :rolleyes:
Ray
Ray aka Kreations
Since 1994 Chocolate bar wrappers for all occasions.
Since 1972 helping clients help "Discover Their Dream Vacation"
User 122279 Photo


Senior Advisor
14,447 posts

I'd say stay with class and type, but if you need to have two forms, two slideshows or any other two of a kind with their own css and js folders on the same page, or even different pages within the same site, I'd give them each a specific ID. It hasn't got to be anything sophisticated, e.g. slider1 and slider2 will do. Note that IDs cannot start with a number.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 187934 Photo


Senior Advisor
20,181 posts

With ID's you can't have two ID's of the same name on the same page.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2765857 Photo


Registered User
614 posts

Inger wrote:
I'd say stay with class and type, but if you need to have two forms, two slideshows or any other two of a kind with their own css and js folders on the same page, or even different pages within the same site, I'd give them each a specific ID. It hasn't got to be anything sophisticated, e.g. slider1 and slider2 will do. Note that IDs cannot start with a number.

Well Inger you answered it for me staying with Class and Type only until I get some practice with using ID
Thank You
Ray
Ray aka Kreations
Since 1994 Chocolate bar wrappers for all occasions.
Since 1972 helping clients help "Discover Their Dream Vacation"

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.