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;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
align-items: flex-end;
}
header, footer {
width: 100%;
}
/*HEADER STYLES*/
header{
/*display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;*/
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row;
flex-flow: row wrap;
/*flex-direction: column;*/
background: linear-gradient(45deg,
white, red, black, rgb(157,253,234));
margin-bottom: .5em;
justify-content: space-between;
border: 4px solid black;
}
CSS:
Homework Answers
IDEA:- Just use the float in internal CSS as I used in following code for bottom right.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HomeworkLib bottom right picture</title>
<style>
.class{
float: right;
float: bottom;
}
</style>
</head>
<body>
<h1>HomeworkLib bottom right picture</h1>
<img src="https://www.google.com/search?q=jb_back2.png&rlz=1C1LOQA_enIN872IN872&sxsrf=ALeKk039f1gzWoMLMWtfF_ZN-WVnZK6w4Q:1585213793373&tbm=isch&source=iu&ictx=1&fir=1RgXYEkdMCe6QM%253A%252C6MvfN89vmeJgcM%252C_&vet=1&usg=AI4_-kQpT_sO0zyawXSLagvDiXY7rxdydQ&sa=X&ved=2ahUKEwiQ5q_I5bfoAhX2zzgGHfEpDRoQ9QEwAXoECAgQBw#imgrc=1RgXYEkdMCe6QM" class="abc">
</body>
</html>
*****PLEASE! PLEASE! DON'T FORGET TO HIT THE LIKE
BUTTON*****
*****THANK YOU*****
Add Answer to:
In my HTML and CSS project I want to apply a picture to the
bottom right...
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:...
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>...
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...
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>...
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...
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...
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"...
Could you create a website based on html and css? Details in the below: Note: You...
Could you create a website based on html and css? Details in the
below: Note: You can put link that I can download
that folder
Based on Project 2-1, do the necessary changes to have a webpage
structure of a header, main, and footer sections. Then:
•Set the width of the page to 700px
•Use the font family starting with Verdana
•Move one of the images from your Project 2-1 to the header.
•Set the width of the header image...
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...
Can you please assist me with this HTML? Below is what I have but it isn't...
Can you please assist me with this HTML? Below is what I have but it isn't working. Filename: jpf_sudoku.css /* Table Styles */ table.spuzzle { border-collapse: collapse; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; width: 90%; } table.spuzzle td { border: 5px outset gray; width: 33.3%; } table.spuzzle th { font color: gray; padding-right: 10px; padding-bottom: 10px; } /* Inner Table Styles */ table.subTable { border-collapse: collapse; width: 100%; } table.subTable td { box-shadow: 0px 0px 15px inset; border:...
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>...
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...
Could you create a website based on html and css? Details in the
below: Note: You can put link that I can download
that folder
Based on Project 2-1, do the necessary changes to have a webpage
structure of a header, main, and footer sections. Then:
•Set the width of the page to 700px
•Use the font family starting with Verdana
•Move one of the images from your Project 2-1 to the header.
•Set the width of the header image...
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.
-
Which of the following will most likely occur as the result of
an unanticipated increase in...
asked 57 seconds from now -
An object rests flat on a tablecloth, which is on top of a
table. Suppose you...
asked 2 minutes ago -
A second baseman tosses the ball to the first baseman, who
catches it at the same...
asked 2 minutes ago -
Adria Lopez, owner of Success Systems, decides to prepare a
statement of cash flows for her...
asked 21 minutes ago -
The reach and involvement of the federal government, in terms of
its role in disaster relief,...
asked 24 minutes ago -
Problem: The equilibrium constant, Keq, is 5 x 10^-11 m HCO3
<-----------> H^+ + CO3^-2 Calculate...
asked 31 minutes ago -
Explain how blackbody radiation led to the idea of "quanta."
Will rate answer!
asked 37 minutes ago -
Two noble gases (Ne and He) are injected into the chambers of an
insulated container. Each...
asked 32 minutes ago -
Suppose you purchase a zero coupon bond with a face value of
$1,000, maturing in 18...
asked 36 minutes ago -
Do you believe that the $785,000 amount at the center of the
Overstock-Grant Thornton dispute was...
asked 38 minutes ago -
Find and , the mean and standard deviation of the
sampling distribution of :
μ = 25,...
asked 1 hour ago -
According to the manufacturer of a certain candy, 9% of the
candy produced are red. If...
asked 1 hour ago