Homework Help is Here – Start Your Trial Now!
Engineering
Computer Science
elow code's position to group similar colors, as it looks in the picture?

elow code's position to group similar colors, as it looks in the picture?

New Perspectives on HTML5, CSS3, and JavaScript
New Perspectives on HTML5, CSS3, and JavaScript
6th Edition
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Patrick M. Carey
Chapter3: Designing A Page Layout: Creating A Website For A Chocolatier
Section3.3: Visual Overview: Layout With Positioning Styles
Problem 7QC
See similar textbooks
icon
Related questions
Question

How can you change the below code's position to group similar colors, as it looks in the picture?

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Chapter 11</title> <style> main { </head> <body> <main> } ?> position: relative; } span { } </style> height: 40px; width: 40px; border: solid black 1px; margin:1px; display: inline-block; top: 10px; left: 10px; z-index: -1; <?php echo "<h1>Using iterator: $iterator </h1>"; $red = 0; $green = 0; $blue = 0; for ($red=0; $red<255&&$red>=0; $red+=$iterator) { for($green=0; $green<255&&$green>=0; $green+=$iterator) { for($blue=0; $blue<255&&$blue>=0; $blue+=$iterator) { $hexred = sprintf('%02x', $red); $hexgreen=sprintf('%02x', $green); $hexblue-sprintf('%02x', $blue); echo "<span style="background-color: rgb($red, $green, $blue); ' title=#$hexred$hexgreen$hexblue></span>"; $styleAttribute = "style='background-color: rgb(".$red.", 255, 255) ""; $titleAttribute = "title='$hexColor"";
Transcribed Image Text:<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Chapter 11</title> <style> main { </head> <body> <main> } ?> position: relative; } span { } </style> height: 40px; width: 40px; border: solid black 1px; margin:1px; display: inline-block; top: 10px; left: 10px; z-index: -1; <?php echo "<h1>Using iterator: $iterator </h1>"; $red = 0; $green = 0; $blue = 0; for ($red=0; $red<255&&$red>=0; $red+=$iterator) { for($green=0; $green<255&&$green>=0; $green+=$iterator) { for($blue=0; $blue<255&&$blue>=0; $blue+=$iterator) { $hexred = sprintf('%02x', $red); $hexgreen=sprintf('%02x', $green); $hexblue-sprintf('%02x', $blue); echo "<span style="background-color: rgb($red, $green, $blue); ' title=#$hexred$hexgreen$hexblue></span>"; $styleAttribute = "style='background-color: rgb(".$red.", 255, 255) ""; $titleAttribute = "title='$hexColor"";
Using iterator: 30
Transcribed Image Text:Using iterator: 30
Expert Solution
steps

Step by step

Solved in 2 steps

SEE SOLUTIONCheck out a sample Q&A here
Blurred answer
Knowledge Booster
Processes of 3D Graphics
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
New Perspectives on HTML5, CSS3, and JavaScript
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:
9781305503922
Author:
Patrick M. Carey
Publisher:
Cengage Learning
SEE MORE TEXTBOOKS