THIS IS SAMPLE. HELP ME CREATE CSS FOR THIS. I HAVE SOME HREF PAGES TOO WHICH NEED TO BE LOOK GOOD WITH CSS INCLUDING PICTURES. thank you _>>>
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Welcome || Miami</title>
</head>
<body>
<!--Heading 1-->
<h1>MIAMI</h1>
<br>
<h3>Some More Places :</h3>
<ol type="1">
<!--Links to other web pages-->
<li><a
href="keywest.html">KeyWest</a></li>
<li><a href="boca.html">Boca</a></li>
<li><a href="summerkey.html">Summer
Key</a></li>
</ol>
<br>
<!--Image link and Javascript ( onMouseOver="alert('Text to
Alert'); return true;" ) to get alert on mouseover-->
<img
src="https://cache.marriott.com/marriottassets/marriott/MIAWM/miawm-deckpool-8801-hor-wide.jpg?interpolation=progressive-bilinear&downsize=1440px:*"
onMouseOver="alert('Brickell Miami Hotels');return true;"
alt="Brickell Miami Hotels" width="400px" height="300px">
</body>
</html>
<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> <style> html,body { width: 100%; margin: 0px; padding: 0px; overflow-x: hidden; background-color: lightgoldenrodyellow; } .row-header{ margin:0px auto; padding:0px; } </style> <title>Welcome || Miami</title> </head> <body> <!--Heading 1--> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#">MIAMI</a> </div> </div> </nav> <h3>Some More Places :</h3> <ol type="1"> <!--Links to other web pages--> <li><a href="keywest.html">KeyWest</a></li> <li><a href="boca.html">Boca</a></li> <li><a href="summerkey.html">Summer Key</a></li> </ol> <br> <!--Image link and Javascript ( onMouseOver="alert('Text to Alert'); return true;" ) to get alert on mouseover--> <div class="row"> <div class="col-md-4"> <div class="thumbnail"> <a target="_blank"> <img src=https://cache.marriott.com/marriottassets/marriott/MIAWM/miawm-deckpool-8801-hor-wide.jpg?interpolation=progressive-bilinear&downsize=1440px:*" onMouseOver="alert('Brickell Miami Hotels');return true;" alt="Brickell Miami Hotels" width="400px" height="300px"> <div class="caption"> <p>Brickell Miami Hotels</p> </div> </a> </div> </div> </div> </body> </html>
I have added some css bootstrap class over the page, you can replicate the same.
THIS IS SAMPLE. HELP ME CREATE CSS FOR THIS. I HAVE SOME HREF PAGES TOO WHICH...
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...
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...
Look at the following illustrated output for an HTML and a css given below <!DOCTYPE html> <head> <title>TABLE with STYLE SHEET</title> <meta charset="utf-8" /> <meta name="description" content="Godaddy Webpage original" /> <link rel = "stylesheet" href="GoDaddy_assignment_1.css"> <body> <img src= "GoDaddy.png"/> <p>Welcome to:<strong>webhamster.com</strong></br> This web page is parked<strong>Free</strong>courtesy of <a class="aclass1" href ="https://www.godaddy.com">GoDaddy.com</a></p> <h1>Want to buy<span class ="span2">webmaster.com ?</span></h1> <div class ="div1"> <a class ="aclass2" href="https://www.godaddy.com">Learn How</a> </div> </hr> <button>Search Ads</button> </body> </html> “ QUESTION continued Given the corresponding css file .aclass1{color:purple;}...
In this exercise, you’ll modify the Future Value Calculator application to include a header and footer. Review the project Open the header.jsp file and note that it contains the code necessary for the start of an HTML page including the opening html, head, and body tags, the title for the web page, and a link including the CSS file. Open the footer.jsp file and note that includes a copyright notice and the closing body and html tags. Modify the code...
I am trying to create a slide show using JavaScript. This is what I have so far: HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Slide Show</title> <link rel="stylesheet" href="main.css"> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script src="slide_show.js"></script> </head> <body> <section> <h1>Fishing Slide Show</h1> <ul id="image_list"> <li><a href="images/casting1.jpg" title="Casting on the Upper Kings"></a></li> <li><a href="images/casting2.jpg" title="Casting on the Lower Kings"></a></li> <li><a href="images/catchrelease.jpg" title="Catch and Release on the Big Horn"></a></li> <li><a href="images/fish.jpg" title="Catching on the South Fork"></a></li> <li><a href="images/lures.jpg" title="The Lures for Catching"></a></li> </ul>...
I need help with my javascript project, I've started on it but I can't seem to get ym java scripts to work with my index.html. Can someone please help me fix my code? I need the main.js & scratchpad.js to work with my index.html .Thank you Directions: Go to the following link: https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics On that page, scroll down to "A 'hello world' example". Follow the step-by-step instructions to download their code and edit it in your text editor of choice....
Kindly assist in fixing the error i got when I pasted my codes to validate it. The error is in bold. Error: Table column 2 established by element th has no cells beginning in it. From line 53, column 25; to line 55, column 40 <tr> <th colspan="2"> <!DOCTYPE HTML> <html lang="en"><!-- language is English--> <head> <meta charset="utf-8"/> <title>DA Website</title> <link rel="stylesheet" type="text/css" href="styles.css" /> </head> <body> <div id="wrapper"> <!-- start html...
the is my HTML and CSS code. I didn't attach the image or the CSS file because of the space limit. two things I wanted to incorporate on this page are to make "MY TOP 3 MUSIC GENRES" blink using javascript and to make the video links autoplay using javascript both should be using javascript requirement: our professor told us not to use <div> or alert. thank you for your help <!DOCTYPE html> <!-- I used w3school for the formatting...
<!DOCTYPE HTML> <html lang="en"> <head> <meta charset="utf-8"> <title>Plaid Scarf Selector</title> <link rel="stylesheet" href="a3.css" /> <script src="a3.js"> </script> </head> <body> <section> <h1> Plaid Scarf Selector </h1><br> <p>Feels close to real cashmere (but costs a lot less). Think of this scarf as the next best thing to wearing authentic cashmere. Its microsueded fabric really is that soft. In fact, at first touch some mistake if for the real...
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>...