20px media screen and min width 550pxand max width900px th td font size 11px

20px media screen and min width 550pxand max

This preview shows page 14 - 18 out of 34 pages.

:20px; } } @ media screen and (min-width: 550px)and (max-width:900px) { th , td { font-size :11px ! important ; } } td { text-align : center; } caption { text-align : center; margin-left : 30%; } th { height : 20px; } div # header { padding :30px; background-color :white; } div # menu { padding :10px; background-color :royalBlue; width :50; color :black; } div # menu-stacked { padding :10px; background-color :royalBlue; width :50; color :black; } div # content { padding :0px; background-color :white; } div # footer {
Image of page 14
15 STUDENT NO 57673942 padding :10px; background-color :royalBlue; clear :both; } # footer { left : 0; right : 0; bottom : 0; width :auto; min-width : 200px; } body { width : auto; padding :5px; margin :0; } a { font-family :sans-serif; text-decoration :none; /*font-weight:900;*/ color :white; } div # white_space { padding :5px; } disc { float :left; width :645px; height :250px; margin :10px; border :1px solid silver; box-shadow :2px 2px; } strong { color : black; font-family :sans-serif; } p { color : black; font-family :sans-serif; font-size :12px } table { border-collapse : collapse; font-family : georgia; margin : 0 auto; table-layout :fixed; width : 100%; } th , td { border : solid 1px black; font-size :12px; }
Image of page 15
16 STUDENT NO 57673942 caption { text-align : left; font-style : italic; padding-bottom : 10px; } . Create Meeting Code <!DOCTYPE html> <html> <head> <title> Create Meeting </title> <link rel = "stylesheet" href = "style.css" > </head> <body> <!--page header--> <div id = "header" class = "logo-image" > <img src = "sent_logo1.png" alt = "my image" > </div> <h2 style = "color:blue; text-align:center;" ><a href = "home.html" style = "color:green" > Elisa Online </a></h2> <!--page menus--> <div id = "menu" class = "hidden" > <a href = "home.html" > Home </a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href = "meeting.html" > Create Meeting </a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href = "sign_up.html" > Sign-up Meeting </a> </div> <div id = "menu-stacked" class = "show-stacked-nav-bar" > <a href = "home.html" > Home </a> <hr> <br> <a href = "meeting.html" > Create Meeting </a> <hr> <br> <a href = "sign_up.html" > Sign-up Meeting </a> </div> <!-- Page banner <img src="Untitled.png" width="1350" height="350"> --> <!--page content--> <div id = "content" class = "input-form-meeting" > <form action = "" method = "post" > <fieldset> <legend> Contact Information </legend> <p><label for = "meeting" class = "contact" > Name of Meeting &nbsp; &nbsp; &nbsp; &nbsp; : </label> <input size = "22" name = "meeting" id = "meeting" ></p> <p><label for = "description" class = "contact" > Description of Meeting: </label>
Image of page 16
17 STUDENT NO 57673942 <input size = "22" name = "description" id = "description" ></p> <p><label for = "time" class = "contact" > Time of Meeting &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; : </label> <input size = "22" name = "time" id = "time" ></p> <p><label for = "date" class = "contact" > Date of Meeting &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; : </label> <input size = "22" name = "date" id = "date" ></p> <p><label for = "duration" class = "contact" > Duration of Meeting &nbsp; &nbsp; : </label> <input size = "22" name = "duration" id = "duration" ></p> <p><label for = "venue" class = "contact" > Venue of Meeting &nbsp; &nbsp; &nbsp; &nbsp; : </label> <input size = "22" name = "venue" id = "venue" ></p> </fieldset> <br> <fieldset> <legend> Refreshment will be served </legend> For short meeting <p><input type = "checkbox" name = "refreshment" value = "t" > Tea <input type = "checkbox" name = "refreshment" value = "b" > Biscuits <p>
Image of page 17
Image of page 18

You've reached the end of your free preview.

Want to read all 34 pages?

  • Spring '19
  • Height, Cascading Style Sheets, SENTECH, Elisa Netshimbupfe Student No 57673942

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture