Important – Copy the code below directly into notepad and save as “filename.html”. Do not edit the code. Once saved, the webpage will open automatically. <!DOCTYPE HTML> <html> <head> <title>UQ Transport Options</title> <style> #map { height: 50%; float: left; position: relative; } h1 { text-align: center; } #routes { float: left; position: relative; margin: 15px; padding-top: 3%; } #section2 { color: Blue;
12
Embed
· Web viewCat.jpg – cplace.jpg – Gatton.jpg – Ipswich.jpg – lakes.jpg – logo.jpg – map.jpg In order Author Kate Morahan Created Date 09/12/2013 18:48:00 Last...
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Important – Copy the code below directly into notepad and save as “filename.html”. Do not edit the code. Once saved, the webpage will open automatically.
<!DOCTYPE HTML>
<html>
<head>
<title>UQ Transport Options</title>
<style>
#map {
height: 50%;
float: left;
position: relative;
}
h1 {
text-align: center;
}
#routes {
float: left;
position: relative;
margin: 15px;
padding-top: 3%;
}
#section2 {
color: Blue;
}
#section3 {
color: Red;
}
#section4 {
color: Green;
}
#section2, #section3, #section4 {
font-weight: bold;
display: none;
}
img {
border: 2px solid;
}
ul {
color: black;
}
#gatton, #ipswich {
clear:left
}
#gatmap {
float: left;
margin-top: 15px;
margin-right: 15px;
position: relative;
}
#gatroute {
padding-top: 5%;
font-weight: bold;
}
#ipsmap {
float: left;
position: relative;
margin-right: 15px;
}
#ipsroute {
padding-top: 4%;
font-weight: bold
}
#ref{
float: left;
clear: left;
}
html{
background: URL(logo.jpg);
}
</style>
<script>
function ShowItem() {
var option = document.getElementById("stops").value;