Homework Answers
The CSS code for the above query in HTML is given below:
<!DOCTYPE html>
<html>
<head>
<style>
div {
padding: 25px;
border: 25px solid red;
margin: 25px;
background-color: yellow;
width: 200px;
height: 50px;
}
</style>
</head>
<body>
<h3>The Box Model</h3>
<div>The content of the box to be written.</div>
</body>
</html>
Note: There were 2 different height values given in the question. So I assumed that one would be the width and the other as the height value. Please make sure of that.
Good Luck!
Please "Like" if this helped!
The sample run output is attached below:
Add Answer to:
y ul TUlOwing CSS code margin: 25px 50px 75px 4, Write CSS code for a box...
Does my css style sheet look okay? /* Author: Your Name --> Natasha Strange /*...
Does my css style sheet look okay?
/* Author: Your Name -->
Natasha Strange
/* Date: Today's
Date --> September 22, 2019
/* Description: Lab Number --> Lab04
/*doctype css*/
@import url(fonts/chuckfive.css);
@import url(fonts/merriweather.css);
body { background-color: rgb(199,201,191);
}
div { border: 1px solid black;
padding: 100px 100px 100px
100px;
background-color: gray;
}
nav { text-align: center;
color: rgb( 7,20,138);
}
header,
footer { background-color: rgb(199,201,199);
color:...
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...
Apply the following styles: Set the width of the body element to 1000 pixels. Set the...
Apply the following styles:
Set the width of the body element to 1000 pixels.
Set the width of the navigation element to 100%.
Adjust the css and html to have your navigation list display
horizontally (think floats and widths).
Center the navigation element by setting the margin to auto.
Clear the float for the section element.
Set the width of all articles to 75%.
Add a class to the articles that contains your favorite
websites.
Set the width of that...
In my HTML and CSS pages I want to make this aside output in 2 even...
In my HTML and CSS pages I want to make this aside output in 2 even columns rather than the way it is (do I need a column layout?), below is my code for the html AND the CSS: HTML: <aside> <h3>Surfer Slang</h3> <dl> <dt>barney</dt> <dd>A new and inexperienced surfer</dd> <dt>boost</dt> <dd>To take off from a wave into an aerial</dd> <dt>cutback</dt> <dd>To change direction when streaking ahead of the curl</dd> <dt>gandalf</dt>...
Trying to understand java script.. The code provided prints out a game board of cells that...
Trying to understand java script.. The code provided prints out
a game board of cells that are 10 x 10. I currnetly
have it printed out so that it will print out pink squares. how can
i create a click even on any of the pink squares that when they are
clicked it will turn the square black... then any
square that is black when it is clicked it will change back to the
color pink
html/js code and css...
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>...
HTML and css using notepad++ WHen you run the code, you will see a horizontal menue...
HTML and css using notepad++ WHen you run the code, you will see a horizontal menue with several options. I want a small horizontal line between each option. I also want that done using div inside a div. Thank you <!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;...
HTML/CSS/ Bootstrap grids to create image I am attemted to recreate a photo using bootstrap grids...
HTML/CSS/ Bootstrap grids to create image
I am attemted to recreate a photo using bootstrap grids and have
come across a snag. I need this:
To look more like this....
It does not really need to be perfect as far as scaling, at this
point I just want the yellow box in the corner with borders like
the pic. Also the original pic has white borders that we are
ignoring.
HTML
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags...
Write the definition of E[Y | X = x].
Imagine for two random variables X and Y, you want to compute the conditional expectation of Y given X: E[Y|X=x]E[Y|X=x]. Assume for this question that Y is a discrete RV with outcome space Y. Assume X has outcome space X.Part a Write the definition of E[Y | X = x]. Make sure you do so mathematically (the mathematical definition), rather than giving a word description.Part b Recall that Y is a discrete RV. Does this tell us that X also...
In my HTML and CSS project I want to apply a picture to the bottom right...
In my HTML and CSS project I want to apply a picture to the bottom right corner... can I get help on how to do this (ie code and a good example)? Here is a sample of my css code: CSS: html { background: url(jb_back2.png) center center / cover no-repeat fixed; } body { max-width: 960px; margin-left: auto; margin-right: auto; /*display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;*/ display: flex; ...
Apply the following styles:
Set the width of the body element to 1000 pixels.
Set the width of the navigation element to 100%.
Adjust the css and html to have your navigation list display
horizontally (think floats and widths).
Center the navigation element by setting the margin to auto.
Clear the float for the section element.
Set the width of all articles to 75%.
Add a class to the articles that contains your favorite
websites.
Set the width of that...
Trying to understand java script.. The code provided prints out
a game board of cells that are 10 x 10. I currnetly
have it printed out so that it will print out pink squares. how can
i create a click even on any of the pink squares that when they are
clicked it will turn the square black... then any
square that is black when it is clicked it will change back to the
color pink
html/js code and css...
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>...
HTML/CSS/ Bootstrap grids to create image
I am attemted to recreate a photo using bootstrap grids and have
come across a snag. I need this:
To look more like this....
It does not really need to be perfect as far as scaling, at this
point I just want the yellow box in the corner with borders like
the pic. Also the original pic has white borders that we are
ignoring.
HTML
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags...
Most questions answered within 3 hours.
-
Question1 ) The STL provides similiar classes called stack and
queue, both of which gave functions...
asked 36 minutes ago -
For Questions 1-4, assume you have 5 bits available:
1. For (positive) integers: What is the...
asked 38 minutes ago -
convert grams into vloume with the density of water being at
.997514 g/cm^3 at 23.1 Celsuis...
asked 2 hours ago -
Foreman company obtained a $20,000, 6% loan on May 1, 2018.
Principal and interest will be...
asked 2 hours ago -
5. Problem 11.05 (Discounted Payback)
eBook
Project L costs $60,000, its expected cash inflows are $14,000
per...
asked 3 hours ago -
1. Which of the following is true about politics and health
organizations?
A. Health organizations are...
asked 3 hours ago -
A space vehicle is coasting at a constant velocity of 18.1 m/s
in the +y direction...
asked 4 hours ago -
5) Use the following balanced equation to answer questions
(a)-(i).
3 Cu(s) + 8 HNO3(aq) →...
asked 4 hours ago -
A three-year maturity bond with a 12% annual coupon rate is
currently traded at par $1000...
asked 4 hours ago -
1.
What is the minimum volume to use in the Spec 20 cuvette in order
to...
asked 5 hours ago -
A builder wants to install wall-to-wall carpeting in a living
room of length 8.87 m and...
asked 4 hours ago -
Organizational change can produce anxiety in those affected by
the change. In what ways can change...
asked 5 hours ago