The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> How do I make 2 backgrounds?
nwhtmlguy
post Oct 2 2020, 01:43 PM
Post #1





Group: Members
Posts: 2
Joined: 2-October 20
Member No.: 27,569



Hi guys,

I'm trying to make an html poll page. I would like to have 2 backgrounds, 1 white and 1 blue.

Can you please show me how to do this?

I've included a screenshot below of what I'm trying to do.

https://postimg.cc/XBLLJGvn

Thanks!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 2 2020, 01:55 PM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



With the same element? CSS allows several backgrounds now.

Here's a walk-through.
https://css-tricks.com/css-basics-using-mul...le-backgrounds/
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
nwhtmlguy
post Oct 2 2020, 02:38 PM
Post #3





Group: Members
Posts: 2
Joined: 2-October 20
Member No.: 27,569



QUOTE(pandy @ Oct 2 2020, 01:55 PM) *

With the same element? CSS allows several backgrounds now.

Here's a walk-through.
https://css-tricks.com/css-basics-using-mul...le-backgrounds/


Hi Pandy, thanks for the reply. That tip helped a lot.

Can you please tell me how to get a red font for certain words? In the image attachment, the poll has the font for "Cup of Coffee" in red. But the rest of the words on that line are grey.

Do I need CSS to do that? Or can I get away with just basic HTML?

Thanks again
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 2 2020, 03:23 PM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



QUOTE
Can you please tell me how to get a red font for certain words? In the image attachment, the poll has the font for "Cup of Coffee" in red. But the rest of the words on that line are grey.


No image, but I understand anyway. FYI attaching images is a two-stop process with this forum. First you browser for the image and click Add This Attachment (which you probably did). Then a new field appears below the browse field with the image listed. You need to also click the button beside the image name labeled Add into Post.

CODE
Do I need CSS to do that? Or can I get away with just basic HTML?

You can do it with highly antiquated HTML, but I recommend you don't.

What does the HTML look like? Are those words in their own HTML element? If they are you can use that. If they aren't you need to put them in a SPAN, maybe with a class if you have more than one instance you want to make red. You can then use that class as a selector.

CODE
.whatever      { color: red }

HTML
Blah blah blah <span class="whatever">Cup Of Coffee</span> blah blah.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
deb1
post Oct 14 2020, 10:32 AM
Post #5


Advanced Member
****

Group: Members
Posts: 109
Joined: 7-May 20
Member No.: 27,330



QUOTE(pandy @ Oct 2 2020, 03:23 PM) *

QUOTE
Can you please tell me how to get a red font for certain words? In the image attachment, the poll has the font for "Cup of Coffee" in red. But the rest of the words on that line are grey.


No image, but I understand anyway. FYI attaching images is a two-stop process with this forum. First you browser for the image and click Add This Attachment (which you probably did). Then a new field appears below the browse field with the image listed. You need to also click the button beside the image name labeled Add into Post.

CODE
Do I need CSS to do that? Or can I get away with just basic HTML?

You can do it with highly antiquated HTML, but I recommend you don't.

What does the HTML look like? Are those words in their own HTML element? If they are you can use that. If they aren't you need to put them in a SPAN, maybe with a class if you have more than one instance you want to make red. You can then use that class as a selector.

CODE
.whatever      { color: red }

HTML
Blah blah blah <span class="whatever">Cup Of Coffee</span> blah blah.





What does FYI stand for ?


User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 14 2020, 11:40 AM
Post #6


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



It's an abbreviation, For Your Information.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 16th April 2024 - 02:30 AM