Question

Write the CSS for an id that will be absolutely positioned on a page 20 pixels from the top and 40 pixels from the right. Thi

0 0
Add a comment Improve this question Transcribed image text
Answer #1

#id_name {
position: absolute;
top: 20px;
right: 40;
border-style: solid;
background-color:#D3D3D3
}

Add a comment
Know the answer?
Add Answer to:
Write the CSS for an id that will be absolutely positioned on a page 20 pixels...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions
  • Write the CSS rule for an id, named as logo, with the following attributes (2%): Verdana...

    Write the CSS rule for an id, named as logo, with the following attributes (2%): Verdana or sans-serif type face font; (2%) Large font size; (2%) 20 pixels of padding. (2%) a border of solid, size 3px, color FF9900 (2%);

  • 2. HTMIICSS Coding Write the XHITMI and CSS code necessary to recreate the following appearance on-screen. Adaprted from the WA.B.L page of the Washington Beer Commision webrite, washingtonbeer.c...

    2. HTMIICSS Coding Write the XHITMI and CSS code necessary to recreate the following appearance on-screen. Adaprted from the WA.B.L page of the Washington Beer Commision webrite, washingtonbeer.com ashington Home of the WASHINGTON BEER Commission What is WA.B.L? WA.DL, is a community of WAshington Ber Lovers celebrating the FRESH LOCAL AWARD WINNING c rah beer produced Its a Washingtion Deer Fan Club WA.B.L. Perks WABL neems, and oner businesses prometing lanty Washngton beer Each hirt with a design unique to...

  • The code below modifies the CSS style on button click. Give the output of the code...

    The code below modifies the CSS style on button click. Give the output of the code and modify the code such that background color of title should also be modified . <!DOCTYPE html> <html lang="en"> <head> <title>JavaScript and HTML</title> <meta charset="utf-8"/> <style> h1 { color:blue; background-color:lightGreen; border:12px solid green; padding: 5px; border-radius: 15px; text-align: center; } p, h1 { } } </style> <script> function changeTitleCSSStyle() { var title = document.querySelector("#mainTitle"); title.style.color = 'black'; title.style.border = "5px dashed red"; } </script>...

  • Write the CSS rules that produce the page in the following figure. The layout is fixed...

    Write the CSS rules that produce the page in the following figure. The layout is fixed with width 500px and centered. The HTML body is already given to you HTML document <!DOCTYPE html> <html> <head> <title>IT404</title> </head> <body> <div id="wrapper"> <div id="header"><h1>IT404 Final Exam</div> <div id="main">Today is Monday 23/12/2019.<br> Final exam day.</div> <div id="extras"> Quiz #1<br>Quiz #2</div> <div id="footer">Saudi Electronic University 2018</div> </div> </body> </html> Write the CSS rules that produce the page in the following figure. The layout is...

  • 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...

  • finished the web page ********************************************************* .js // I've added a span with the id "count" which...

    finished the web page ********************************************************* .js // I've added a span with the id "count" which you can use to modify // the number of clicks on the page // you can do this by getting the value; incrementing it and then // modifying the value of the span function changeColor(){     const colors = ['red', 'green', 'blue', 'cyan', 'yellow', 'black', 'silver', 'tan'];     // Choose a random float from [0, 1) the multiply by length to get random index     // Math.floor()...

  • 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:...

  • 1. Site Header (10 points) As a top-level header (h1) put your name, left aligned In the upper-ri...

    1. Site Header (10 points) As a top-level header (h1) put your name, left aligned In the upper-right corner of the page, put a div with a large text size (about h1 size) a. b. i. This div should have a black background and white text ii. In this div, you should put the step number that you believe to have completed of the quiz, updating it before you submit All of the rest of the elements shall be left-aligned....

  • 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:...

ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT