I cant seem to get the CSS at the bottom of this HTML to work. <!doctype...
I cant seem to get the CSS at the bottom of this HTML to work.
<!doctype html>
<html lang="en">
<head>
<!--Madison McCuiston-->
<meta charset="utf-8">
<title>Amelie Boulangerie</title>
<link href="style.css" rel="stylesheet"
type="text/css">
</head>
<body>
<div id="wrapper">
<header>Amelie Boulangerie</header> <!-- change this
to header tag -->
<nav>
<ul>
<li><a
href="index.html">Home</a></li>
<li><a
href="pastries.html">Pastries</a></li>
<li><a
href="events.html">Events</a></li>
<li><a
href="contact.html">Contact</a></li>
</ul>
</nav>
<main>
<H2>Experience the Difference</H2>
<p><span class="bakery">Amelie Boulangerie</span>
is the master of flavor combinations.The jewel-colored macarons
come in the most tempting of flavors. Experience the difference at
<span class="bakery">Amelie
Boulangerie.</span></p>
<ul>
<li>Small batch baking to ensure quality and
freshness</li>
<li>Gluten free options available</li>
<li>Flavored coffees and teas</li>
<li>Live acoustic music on Thursday and Saturday
nights</li>
</ul>
<address>Amelie Boulangerie<br>231 Uninversity
Dr,<br>Tempe, AZ
85281<br>480-555-5555<br>Hours:Mon-Sun,
6am-9pm</address>
</main>
<footer><p>Copyright© 2019 Amelie
Boulangerie<br></p></footer>
</div><!--closes wrapper-->
</body>
</html>
CSS:
body
{background-color:#DEA8B5;color:#542C1B;font-family:Verdana;line-height:150%;}
#wrapper
{width:80%;margin-left:auto;margin-right:auto;background-color:#FDFDFD}
header {background-color:#141A1A;color:#FFFFFF}
nav {font-weight:bold}
.bakery {font-style:italic}
footer
{background-color:#AFAEB4;font-size:.60em;font-style:italic;text-align:center;}
Homework Answers
Answers:
Html_code:
filename:index.html
<!doctype html>
<html lang="en">
<head>
<!--Madison McCuiston-->
<meta charset="utf-8">
<title>Amelie Boulangerie</title>
<link href="style.css" rel="stylesheet"
type="text/css">
</head>
<body>
<div id="wrapper">
<header>Amelie Boulangerie</header> <!-- change this
to header tag -->
<nav>
<ul>
<li><a
href="index.html">Home</a></li>
<li><a
href="pastries.html">Pastries</a></li>
<li><a
href="events.html">Events</a></li>
<li><a
href="contact.html">Contact</a></li>
</ul>
</nav>
<main>
<H2>Experience the Difference</H2>
<p><span class="bakery">Amelie Boulangerie</span>
is the master of flavor combinations.The jewel-colored macarons
come in the most tempting of flavors. Experience the difference at
<span class="bakery">Amelie
Boulangerie.</span></p>
<ul>
<li>Small batch baking to ensure quality and
freshness</li>
<li>Gluten free options available</li>
<li>Flavored coffees and teas</li>
<li>Live acoustic music on Thursday and Saturday
nights</li>
</ul>
<address>Amelie Boulangerie<br>231 Uninversity
Dr,<br>Tempe, AZ
85281<br>480-555-5555<br>Hours:Mon-Sun,
6am-9pm</address>
</main>
<footer><p>Copyright© 2019 Amelie
Boulangerie<br></p></footer>
</div><!--closes wrapper-->
</body>
</html>
code in the editor:
css code:
filename: style.css
body
{background-color:#DEA8B5;color:#542C1B;font-family:Verdana;line-height:150%;}
#wrapper
{width:80%;margin-left:auto;margin-right:auto;background-color:#FDFDFD}
header {background-color:#141A1A;color:#FFFFFF}
nav {font-weight:bold}
.bakery {font-style:italic}
footer
{background-color:#AFAEB4;font-size:.60em;font-style:italic;text-align:center;}
code in editor:
output:
Note:
The code is working perfecty fine without any errors. it is the
same code given in the question
The reason for your errors may be because of the html and file and the css file are not in the same folder make sure to place the both files in the same directory before opening the html file or else in the html page at line number 7 in the link tag you can pass the complete path of your css file to the attribute href= "path of the css file" This will work perfectly fine
please feel free to comment in the comment section if you have any doubts or queries
Thank you!
index.html style.css x <!doctype html> <html lang="en"> <head> <!--Madison McCuiston--> <meta charset="utf-8"> <title>Amelie Boulangerie</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> 14 15 17 18 19 21 23 <div id="wrapper"> <header>Amelie Boulangerie</header> <!-- change this to header tag --> <nav> <ul> <li><a href="index.html">Home</a></li> <li><a href="pastries.html">Pastries</a></li> <li><a href="events.html">Events</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> <main> <H2>Experience the Difference</H2> <p><span class="bakery">Amelie Boulangerie</span> is the master of flavor combinations. The jewel-colored macarons come in the most tempting of flavors. Experience the difference at <span class="bakery">Amelie Boulangerie.</span></p> <ul> <li>Small batch baking to ensure quality and freshness</li> <li>Gluten free options available</li> <li>Flavored coffees and teas</li> <li>Live acoustic music on Thursday and Saturday nights</li> </ul> <address>Amelie Boulangerie<br>231 Uninversity Dr,<br>Tempe, AZ 85281<br>480-555-5555<br>Hours: Mon-Sun, 6am-9pm</address> </main> <footer><p>Copyright© 2019 Amelie Boulangerie<br></p></footer> </div><!--closes wrapper--> </body> </html> 24 25 26 27 28 30 31 33 34 35
style.css 1 3 4 index.html x style.css body {background-color:#DEA8B5;color:#542C1B; font-family:Verdana;line-height:150D) #wrapper {width:80%; margin-left:auto;margin-right:auto;background-color: #FDFDFD} header {background-color: #141A1A;color:#FFFFFF} nav {font-weight:bold} .bakery {font-style:italic} footer {background-color:#AFAEB4; font-size:.6em; font-style: italic;text-align:center;} 6
We were unable to transcribe this image
Add Answer to:
I cant seem to get the CSS at the bottom of this HTML to
work.
<!doctype...
How do I get my HTML and CSS to look similar to this mockup? HTML: <!DOCTYPE...
How do I get my HTML and CSS to look similar to this mockup?
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<title>nitro
site</title>
<link href="css/main.css"
rel="stylesheet"/>
</head>
<body>
<header class="header">
<section class="navlist">
<img
class="logo" src="assets/logobeans.png"/>
<h2
class="headertitle">nitro</h2>
<nav>
<ul>
<li><a
href="index.html"
target="_parent">About</a></li>
<li><a
href="/html/menu.html"
target="_blank">Menu</a></li>
<li><a
href="/html/menu.html">Shop Now</a></li>
</ul>
</nav>
</section>
<section
class="headerContainer">
<h1
class="heading">Nitro Coffee</h1>
<p
class="productDesc">Coffee is a brewed drink prepared from
roasted coffee beans, the seeds of berries from certain Coffea
species.</p>...
<!-- DOCTYPE declaration --> <!DOCTYPE html> <!-- HTML boilerplate code --> <html lang="en"> <!-- head...
<!-- DOCTYPE declaration --> <!DOCTYPE html> <!-- HTML boilerplate code --> <html lang="en"> <!-- head tag --> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Personal Webpage</title> </head> <!-- body tag --> <body> <style> .sidenav { height: 100%; width: 160px; position: fixed; z-index: 1; top: 0; left: 0; ...
Hello, I am designing a website for my class. I am using HTML/CSS/Jscript. I need to...
Hello, I am designing a website for my class. I am using HTML/CSS/Jscript. I need to have my text in the body, white. All text and the picture centered but how do I have margins on the left and right side?. I have a figcaption and I dont know have to place it under the picture but I am having a hard time. Can you help me? Thank you! HTML <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet"...
Kindly assist in fixing the error i got when I pasted my codes to validate it....
Kindly assist in fixing the error i got when I pasted my codes to validate it. The error is in bold. Error: Table column 2 established by element th has no cells beginning in it. From line 53, column 25; to line 55, column 40 <tr> <th colspan="2"> <!DOCTYPE HTML> <html lang="en"><!-- language is English--> <head> <meta charset="utf-8"/> <title>DA Website</title> <link rel="stylesheet" type="text/css" href="styles.css" /> </head> <body> <div id="wrapper"> <!-- start html...
Look at the following illustrated output for an HTML and a css given below <!DOCTYPE html>...
Look at the following illustrated output for an HTML and
a css given below
<!DOCTYPE html>
<head>
<title>TABLE with STYLE
SHEET</title>
<meta charset="utf-8" />
<meta name="description" content="Godaddy Webpage
original" />
<link rel = "stylesheet"
href="GoDaddy_assignment_1.css">
<body>
<img src= "GoDaddy.png"/>
<p>Welcome
to:<strong>webhamster.com</strong></br>
This web page is
parked<strong>Free</strong>courtesy of
<a class="aclass1" href
="https://www.godaddy.com">GoDaddy.com</a></p>
<h1>Want to buy<span class
="span2">webmaster.com ?</span></h1>
<div class ="div1">
<a class ="aclass2"
href="https://www.godaddy.com">Learn How</a>
</div>
</hr>
<button>Search Ads</button>
</body>
</html>
“
QUESTION continued Given the corresponding css
file
.aclass1{color:purple;}...
As part of this assignment we are using the base Gallery HTML and writing JavaScript code...
As part of this assignment we are using the base Gallery HTML and writing JavaScript code that will: 1) preload the images provided to us, 2) Create rollover functionality for each of the thumbnails in your image gallery 3) Use appropriate images found in the images folder. 4) Write developer comments to describe the variables being declared and explain the functions and logical blocks of JavaScript code pertaining to the gallery. I know it has to be an external JS...
<!-- DOCTYPE declaration --> <!DOCTYPE html> <!-- HTML boilerplate code --> <html lang="en"> <!-- head...
<!-- DOCTYPE declaration --> <!DOCTYPE html> <!-- HTML boilerplate code --> <html lang="en"> <!-- head tag --> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Social</title> </head> <!-- body tag --> <body> <style> .sidenav { height: 100%; width: 160px; position: fixed; z-index: 1; top: 0; left: 0; background-color:...
Please edit and add all the code needed to make the images side by side and to put the buttons in...
Please edit and add all the code needed to make the images side
by side and to put the buttons in the middle of the images. Thank
you
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible"
content="IE=edge">
<meta name="viewport" content="width=device-width,
initial-scale=1">
<title>Untitled Document</title>
<!-- Bootstrap -->
<link href="css/bootstrap-4.0.0.css"
rel="stylesheet">
<link href="style.css" rel="stylesheet"
type="text/css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-light
bg-light"> <a class="navbar-brand" href="#">Lakeside
Resort Spot</a>
<button class="navbar-toggler"
type="button" data-toggle="collapse"
data-target="#navbarSupportedContent1"
aria-controls="navbarSupportedContent1" aria-expanded="false"
aria-label="Toggle navigation">...
Hello, I was wondering if you could possibly think of ways to improve my home page then I would l...
Hello, I was wondering if you could possibly think of ways to
improve my home page then I would like you to do so. I know it
could be better. Thank you.
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,
initial-scale=1">
<title>Untitled Document</title>
<!-- Bootstrap -->
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<!-- jQuery library -->
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<link href="style.css" rel="stylesheet"
type="text/css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header>
<nav class="navbar...
HTML css When i refresh the page, the picture doesnt move at all for #i1 i...
HTML css When i refresh the page, the picture doesnt move at all for #i1 i have width and height but the pictuers doesn't move please fix it. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title of the document</title> <style> body{ background-color:#FFA07A; } #h1{ color:white; text-decoration:none; padding:30px; } #h2{ color:white; text-decoration:none; padding:30px; } #navbar1{ background-color:grey; text-align:center; font-size:35px; height:100%px; border:1px solid black; position:absolute; text-decoration:none; margin-left:300px; } #h3{ color:white; text-decoration:none; padding:30px; } #b1{ background-color:grey; font-size:30px; } i1{ width:10px; height:20px; } </style> <body> <div...
How do I get my HTML and CSS to look similar to this mockup?
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<title>nitro
site</title>
<link href="css/main.css"
rel="stylesheet"/>
</head>
<body>
<header class="header">
<section class="navlist">
<img
class="logo" src="assets/logobeans.png"/>
<h2
class="headertitle">nitro</h2>
<nav>
<ul>
<li><a
href="index.html"
target="_parent">About</a></li>
<li><a
href="/html/menu.html"
target="_blank">Menu</a></li>
<li><a
href="/html/menu.html">Shop Now</a></li>
</ul>
</nav>
</section>
<section
class="headerContainer">
<h1
class="heading">Nitro Coffee</h1>
<p
class="productDesc">Coffee is a brewed drink prepared from
roasted coffee beans, the seeds of berries from certain Coffea
species.</p>...
Look at the following illustrated output for an HTML and
a css given below
<!DOCTYPE html>
<head>
<title>TABLE with STYLE
SHEET</title>
<meta charset="utf-8" />
<meta name="description" content="Godaddy Webpage
original" />
<link rel = "stylesheet"
href="GoDaddy_assignment_1.css">
<body>
<img src= "GoDaddy.png"/>
<p>Welcome
to:<strong>webhamster.com</strong></br>
This web page is
parked<strong>Free</strong>courtesy of
<a class="aclass1" href
="https://www.godaddy.com">GoDaddy.com</a></p>
<h1>Want to buy<span class
="span2">webmaster.com ?</span></h1>
<div class ="div1">
<a class ="aclass2"
href="https://www.godaddy.com">Learn How</a>
</div>
</hr>
<button>Search Ads</button>
</body>
</html>
“
QUESTION continued Given the corresponding css
file
.aclass1{color:purple;}...
Please edit and add all the code needed to make the images side
by side and to put the buttons in the middle of the images. Thank
you
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible"
content="IE=edge">
<meta name="viewport" content="width=device-width,
initial-scale=1">
<title>Untitled Document</title>
<!-- Bootstrap -->
<link href="css/bootstrap-4.0.0.css"
rel="stylesheet">
<link href="style.css" rel="stylesheet"
type="text/css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-light
bg-light"> <a class="navbar-brand" href="#">Lakeside
Resort Spot</a>
<button class="navbar-toggler"
type="button" data-toggle="collapse"
data-target="#navbarSupportedContent1"
aria-controls="navbarSupportedContent1" aria-expanded="false"
aria-label="Toggle navigation">...
Hello, I was wondering if you could possibly think of ways to
improve my home page then I would like you to do so. I know it
could be better. Thank you.
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,
initial-scale=1">
<title>Untitled Document</title>
<!-- Bootstrap -->
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<!-- jQuery library -->
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<link href="style.css" rel="stylesheet"
type="text/css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header>
<nav class="navbar...
Most questions answered within 3 hours.
-
From the literature (reference your sources): What are the
lattice parameters of calcite and aragonite? Why...
asked 31 minutes ago -
Your system is rejecting the question am asking which is
preceded by a case study. It...
asked 36 minutes ago -
3. On January 2, 2000, Larry creates a trust with himself as
trustee. Larry as trustee...
asked 33 minutes ago -
A member of the volleyball team spikes the ball. During this
process, she changes the velocity...
asked 40 minutes ago -
Are adult gamers less likely to use a gaming console (Xbox,
PlayStation, Wii, etc...) than teen...
asked 1 hour ago -
The University of
Texas recently reported that 43% of college students aged 18-24
would spend their...
asked 1 hour ago -
The length of stay at a specific emergency department in
Phoenix, Arizona, in 2009 had a...
asked 1 hour ago -
. Please give the mechanism for this type of problem. Step by
Step
The toxin that...
asked 1 hour ago -
If you have a 1M stock solution and you want to dilute 1 :10
with water,...
asked 1 hour ago -
In a load instruction, the effective address is obtained by
A) Retriving the address from a...
asked 1 hour ago -
Use the following information to answer this question.
Windswept, Inc. 2017 Income Statement ($ in millions)...
asked 1 hour ago -
A mutual fund salesperson has arranged to call on four people
tomorrow. Based on past experience...
asked 1 hour ago