Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Path of Light Yoga Chapter 7 Please help!! This is the telephone hyperlink for task 2: Here is my code for yoga.css: { box-sizing: border-box;

Path of Light Yoga Chapter 7

Please help!!

image text in transcribed

This is the telephone hyperlink for task 2:

image text in transcribed

Here is my code for yoga.css:

{ box-sizing: border-box; }

body {

background-color:#3F2860;

color:#3F2860;

font-family: "Verdana", sans-seri;

}

header{

background-color:#9BC1C2; background-image: url("lilyheader.jpg"); background-repeat: no-repeat; background-position: right; text-align: center;

}

h1 {

padding-top: 50px; padding-left: 2em;

}

nav{ padding: 1em; font-style: bold; float: left; width: 160px; }

nav ul {

list-style-type: none; padding-left: 0cm; }

nav a { text-decoration: none; display:block; text-align:center; font-weight: bold; border: 3px outset #ccc; padding: 1em; margin-bottom: 1em; }

nav a:link{ color: #3F2860; } nav a:visited{ color: #497777; } nav a:hover{ color: #A26100; border:3px inset #333; }

nav { font-weight: bold; }

.studio{ font-style: italic; }

footer { padding: 1em; background-color: #9BC1C2; font-size: inherit; font-style: italic; text-align: center; }

nav { font-style: bold; }

#wrapper { background-color: #F5F5F5; max-width: 1480px; min-width: 1200px; margin-right: auto; margin-left: auto; }

main { padding-right: 2em; padding-left: 2em; margin-left: 170px; padding-top: 1em; }

.floatleft { float: left; margin-right: 4em; } .clear { clear:both; } header, nav, main, footer { display: block; }

Task 5: Modify the Desktop CSS. Open yoga.css in a text editor. Remember the telephone number hyperlink you created in Task 2? Configure the CSS for the phone number display as shown below: #mobile { display: none; } #desktop { display: inline; } Save the yoga.css file. Use the CSS validator to help you find syntax errors. 888-555-5555 But wait a minute, a telephone link could confuse those visiting the site with a desktop browser. Code another phone number directly after the hyperlink. Code a span element assigned to an id named desktop around the phone number as shown below: 888-555-5555 Task 5: Modify the Desktop CSS. Open yoga.css in a text editor. Remember the telephone number hyperlink you created in Task 2? Configure the CSS for the phone number display as shown below: #mobile { display: none; } #desktop { display: inline; } Save the yoga.css file. Use the CSS validator to help you find syntax errors. 888-555-5555 But wait a minute, a telephone link could confuse those visiting the site with a desktop browser. Code another phone number directly after the hyperlink. Code a span element assigned to an id named desktop around the phone number as shown below: 888-555-5555

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image_2

Step: 3

blur-text-image_3

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Database Systems Design Implementation And Management

Authors: Peter Robb,Carlos Coronel

5th Edition

061906269X, 9780619062699

More Books

Students also viewed these Databases questions

Question

3. Comment on how diversity and equality should be managed.

Answered: 1 week ago

Question

describe the legislation that addresses workplace equality

Answered: 1 week ago