Answered: Open the code6-4_debug.css file. There…

Open the code6-4_debug.css file. There are seven separate syntax errors in the stylesheet. Locate and correct all seven.

Database System Concepts

7th Edition

ISBN:9780078022159

Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Chapter1: Introduction

Section: Chapter Questions

Problem 1PE

See similar textbooks

Similar questions

***I have the files needed to complete the remainder of the assingment. I just need help setting up the stylesheets.*** Create two separate CSS stylesheets including the following steps:
Complete the following: 1. Using your editor, open the sp_home_txt.html and sp_layout_txt.css files from the html03 c folder. Enter your name and the date in the comment section of each file, and save them as sp_home.html and sp_layout.css respectively. 2. Go to the sp_home.html file in your editor. Within the document head, create links to the sp_base.css, sp_styles.css, and sp_layout.css style sheet files. Study the content and structure of the file and then save your changes to the document. dou you know the solution?
You have been provided with the html file domjs,html that represents the data entry form shown below. Examine this file in your browser. You will notice that some of the form elements have the CSS class hilightable specified in their class attribute. Add listeners to the focus and blur events of all elements that have this hilightable class. In your event handlers for these two events, simply toggle the class highlight (which is in the provided CSS file). This will change their styling of the current form element. Be sure to setup these listeners after the page has loaded. You will notice that some of the form elements have the CSS class required specified in their class attribute. We will not submit the form if these elements are empty. Add an event handler for the submit event of the form. In this handler, if any of the required form elements are empty, add the CSS class error to any of the empty elements. As well, cancel the submission of the form (hint: use the preventDefault ()…
How to do this exercise? Halloween 15 Add a transition and an animation In this exercise, you’ll add a transition and an animation to the product page that you created in exercise 11. When you’re done, the page should look similar to this: Specifications • Add a transition for the widths of the images in the right sidebar of the cat.html file in the products folder that will last for three seconds and use the linear speed curve. The transition should increase the width of an image to 125 pixels when the mouse hovers over an image. Be sure to provide for all browsers. • Add an animation for the image in the section that will cause the image to move up and down when the page is loaded. The animation should last for half a second, use the ease-in-out speed curve, repeat six times, and alternate directions on each repetition
Edit the CSS file (leave a blank line between selectors): Add a BODY selector with a background color of #c2d4d4. Set an IMG selector with a max width of 98% and a top margin of 0.5em. Set a HEADER selector with a top margin of 0.2em and set the text to align to the center. Set a H1 selector with a bottom margin of 0.5em and set the font to sans-serif. Set a H2 selector with a bottom margin of 0.5em. Set a NAV selector with the font to sans-serif, a font size of 1.1em, set the font weight to bold, and set the text to align to the center. Set the NAV UL with padding of 0, top and bottom margins to 0.5em. Edit the NAV LI selector with a background color of #678197 and set the list items to display without bullets. Make a class called CENTER and set the bottom margin to 0.3em, the left and right margins to auto. Set a class called MOBILE with a display of inline. Set a class of DESKTOP with a display of none. Set a class of TABLET to display of none. Set a class called PHOTOS with a…
(a) What are the problems with the above code? Consider the syntax, structure, and writing style. (b) Write CSS code that tidies up the above code. Your code should minimize the use of inline style. (c) Add a CSS selector for all paragraphs (p elements) under div elements with class “exam” to make their background colour blue.
Go to the cw_home.html and cw_styles.css files and enter your name and the date in the comment section of each file. In cw_styles.css file and at the top of the file, use the @import rule to import the contents of the cw_designs.css file, which contains several style rules that format the appearance of different page elements. Go to the cw_home.html file and within the document head, insert a meta element that sets the browser viewport for use with mobile devices. Also, create links to cw_reset.css and cw_styles.css style sheets. Take some time to study the contents and structure of the document.
Modify the CSS declarations for the span and p rules to meet each requirement below: Padding on the span: 5 pixels left, and 5 pixels right. Border on the span: 2 pixels solid black above (use -top suffix), and 4 pixels solid gray below (use -bottom). Padding on the paragraph: 10 pixels on all sides. Border on the paragraph: 10 pixels, light green, ridge style (use border-style, border-color, and border-width). Margin on the paragraph: 5 pixels on all sides. <p> The typical filler text is the <span>Lorem Ipsum</span>. According to lipsum.com, this text has been standard dummy text since the 1500s.</p>
In the styles.css file, add the ul selector to the CSS reset style rule. Remove the declaration for the margin property in the nav ul style rule. Modify the nav li style rule by changing the display value to block and add a top border that specifies a solid border width of 0.5px with the color value #f6eee4.--MY CSS /*CSS Reset*/ body, header, nav, main, footer, img, h1, h3, ul { margin: 0; padding: 0; border: 0; } /*Style rules for body and images*/ body { background-color: #f6eee4; } img { max-width: 100%; display: block; } /* Style rules for mobile viewport */ /* Style rules to show mobile class and hide tab-desk class */ .mobile { display: block; } .tab-desk { display: none; } /* Style rules for header area */ .mobile h1 { padding:2%; text-align:center; font-family:'Emblema One', cursive; } .mobile h3 { padding:2%; text-align:center; font-family:'Lora', serif; } /*Style rules for navigation area*/ nav { background-color: #2a1f14; } nav ul…
The following screenshot of the webpages includes 2 styled paragraphs. In the table below, match the CSS properties to the values that match the styles used in the screenshot. Rainbow lorakeets The rainbow lorikeet is a medium- sized parrot. The head is deep blue with a greenish-yellow nuchal collar, and the rest of the upper parts (wings, back and tall) are deep green. The chest is red with blue-black barring. The belly is deep green, and the thighs and rump are yellow with deep green barring. In flight a yellow wing-bar contrasts clearly with the red underwing coverts. There is little to visually distinguish between the sexes; however, to a keen observer of their colouring and behaviour, their dimorphism is readily apparent. property value border 4px dashed rgb (219, 28, 28) margin 5px padding 15px color yellow font-weight bold
Modify the CSS below to float to the right the first image with floatright class, to float to the left the second image with floatleft class, and to clear floating elements on both sides of the p element with nofloats class. body { font: 10pt monospace;} img { width: 160px; padding: 2px; border: 1px solid gray; margin: 5px 10px;} img.floatright { /* TODO: Add CSS here */} img.floatleft { /* TODO: Add CSS here */} .nofloats { /* TODO: Add CSS here */}
i need this assignment solved. below is index.html and styles.css In the index.html file, add a class attribute with a value of btn to paragraph elements two, three, and four within the main element. In the styles.css file, below the main p style rule, add a new style rule for the btn class that specifies a background-color value of #375f1b, padding value of 2%, top and bottom margin values of 2% and left and right margin values of auto, width value of 80%, text alignment of center, and a border radius of 5px Below the btn style rule, add a new style rule for anchor elements within the btn class that specifies a color value of #ebf7e3, removes the underline, sets a font size of 1.25em, and displays the content as a block. In the index.html file, add a class attribute with a value of corner to the image element. In the styles.css file, below the btn a style rule, add a new style rule for the corner class selector that specifies a border-radius of 12px. index.html…