|
|
Line 1: |
Line 1: |
| + | {{:Team:Valencia-CIPF/menu}} |
| <html> | | <html> |
| <head> | | <head> |
- | <style type="text/css"> | + | <style rel="style sheet" type="text/css"> |
- | /*! normalize.css v2.1.3 | MIT License | git.io/normalize */
| + | |
- | | + | |
- | /* ==========================================================================
| + | |
- | HTML5 display definitions
| + | |
- | ========================================================================== */
| + | |
- | | + | |
- | /**
| + | |
- | * Correct `block` display not defined in IE 8/9.
| + | |
- | */
| + | |
- | | + | |
- | article,
| + | |
- | aside,
| + | |
- | details,
| + | |
- | figcaption,
| + | |
- | figure,
| + | |
- | footer,
| + | |
- | header,
| + | |
- | hgroup,
| + | |
- | main,
| + | |
- | nav,
| + | |
- | section,
| + | |
- | summary {
| + | |
- | display: block;
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * Correct `inline-block` display not defined in IE 8/9.
| + | |
- | */
| + | |
- | | + | |
- | audio,
| + | |
- | canvas,
| + | |
- | video {
| + | |
- | display: inline-block;
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * Prevent modern browsers from displaying `audio` without controls.
| + | |
- | * Remove excess height in iOS 5 devices.
| + | |
- | */
| + | |
- | | + | |
- | audio:not([controls]) {
| + | |
- | display: none;
| + | |
- | height: 0;
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * Address `[hidden]` styling not present in IE 8/9.
| + | |
- | * Hide the `template` element in IE, Safari, and Firefox < 22.
| + | |
- | */
| + | |
- | | + | |
- | [hidden],
| + | |
- | template {
| + | |
- | display: none;
| + | |
- | }
| + | |
- | | + | |
- | /* ==========================================================================
| + | |
- | Base
| + | |
- | ========================================================================== */
| + | |
- | | + | |
- | /**
| + | |
- | * 1. Set default font family to sans-serif.
| + | |
- | * 2. Prevent iOS text size adjust after orientation change, without disabling
| + | |
- | * user zoom.
| + | |
- | */
| + | |
- | | + | |
- | html {
| + | |
- | font-family: sans-serif; /* 1 */
| + | |
- | -ms-text-size-adjust: 100%; /* 2 */
| + | |
- | -webkit-text-size-adjust: 100%; /* 2 */
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * Remove default margin.
| + | |
- | */
| + | |
- | | + | |
- | body {
| + | |
- | margin: 0;
| + | |
- | }
| + | |
- | | + | |
- | /* ==========================================================================
| + | |
- | Links
| + | |
- | ========================================================================== */
| + | |
- | | + | |
- | /**
| + | |
- | * Remove the gray background color from active links in IE 10.
| + | |
- | */
| + | |
- | | + | |
- | a {
| + | |
- | background: transparent;
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * Address `outline` inconsistency between Chrome and other browsers.
| + | |
- | */
| + | |
- | | + | |
- | a:focus {
| + | |
- | outline: thin dotted;
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * Improve readability when focused and also mouse hovered in all browsers.
| + | |
- | */
| + | |
- | | + | |
- | a:active,
| + | |
- | a:hover {
| + | |
- | outline: 0;
| + | |
- | }
| + | |
- | | + | |
- | /* ==========================================================================
| + | |
- | Typography
| + | |
- | ========================================================================== */
| + | |
- | | + | |
- | /**
| + | |
- | * Address variable `h1` font-size and margin within `section` and `article`
| + | |
- | * contexts in Firefox 4+, Safari 5, and Chrome.
| + | |
- | */
| + | |
- | | + | |
- | h1 {
| + | |
- | font-size: 2em;
| + | |
- | margin: 0.67em 0;
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * Address styling not present in IE 8/9, Safari 5, and Chrome.
| + | |
- | */
| + | |
- | | + | |
- | abbr[title] {
| + | |
- | border-bottom: 1px dotted;
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
| + | |
- | */
| + | |
- | | + | |
- | b,
| + | |
- | strong {
| + | |
- | font-weight: bold;
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * Address styling not present in Safari 5 and Chrome.
| + | |
- | */
| + | |
- | | + | |
- | dfn {
| + | |
- | font-style: italic;
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * Address differences between Firefox and other browsers.
| + | |
- | */
| + | |
- | | + | |
- | hr {
| + | |
- | -moz-box-sizing: content-box;
| + | |
- | box-sizing: content-box;
| + | |
- | height: 0;
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * Address styling not present in IE 8/9.
| + | |
- | */
| + | |
- | | + | |
- | mark {
| + | |
- | background: #ff0;
| + | |
- | color: #000;
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * Correct font family set oddly in Safari 5 and Chrome.
| + | |
- | */
| + | |
- | | + | |
- | code,
| + | |
- | kbd,
| + | |
- | pre,
| + | |
- | samp {
| + | |
- | font-family: monospace, serif;
| + | |
- | font-size: 1em;
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * Improve readability of pre-formatted text in all browsers.
| + | |
- | */
| + | |
- | | + | |
- | pre {
| + | |
- | white-space: pre-wrap;
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * Set consistent quote types.
| + | |
- | */
| + | |
- | | + | |
- | q {
| + | |
- | quotes: "\201C" "\201D" "\2018" "\2019";
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * Address inconsistent and variable font size in all browsers.
| + | |
- | */
| + | |
- | | + | |
- | small {
| + | |
- | font-size: 80%;
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * Prevent `sub` and `sup` affecting `line-height` in all browsers.
| + | |
- | */
| + | |
- | | + | |
- | sub,
| + | |
- | sup {
| + | |
- | font-size: 75%;
| + | |
- | line-height: 0;
| + | |
- | position: relative;
| + | |
- | vertical-align: baseline;
| + | |
- | }
| + | |
- | | + | |
- | sup {
| + | |
- | top: -0.5em;
| + | |
- | }
| + | |
- | | + | |
- | sub {
| + | |
- | bottom: -0.25em;
| + | |
- | }
| + | |
- | | + | |
- | /* ==========================================================================
| + | |
- | Embedded content
| + | |
- | ========================================================================== */
| + | |
- | | + | |
- | /**
| + | |
- | * Remove border when inside `a` element in IE 8/9.
| + | |
- | */
| + | |
- | | + | |
- | img {
| + | |
- | border: 0;
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * Correct overflow displayed oddly in IE 9.
| + | |
- | */
| + | |
- | | + | |
- | svg:not(:root) {
| + | |
- | overflow: hidden;
| + | |
- | }
| + | |
- | | + | |
- | /* ==========================================================================
| + | |
- | Figures
| + | |
- | ========================================================================== */
| + | |
- | | + | |
- | /**
| + | |
- | * Address margin not present in IE 8/9 and Safari 5.
| + | |
- | */
| + | |
- | | + | |
- | figure {
| + | |
- | margin: 0;
| + | |
- | }
| + | |
- | | + | |
- | /* ==========================================================================
| + | |
- | Forms
| + | |
- | ========================================================================== */
| + | |
- | | + | |
- | /**
| + | |
- | * Define consistent border, margin, and padding.
| + | |
- | */
| + | |
- | | + | |
- | fieldset {
| + | |
- | border: 1px solid #c0c0c0;
| + | |
- | margin: 0 2px;
| + | |
- | padding: 0.35em 0.625em 0.75em;
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * 1. Correct `color` not being inherited in IE 8/9.
| + | |
- | * 2. Remove padding so people aren't caught out if they zero out fieldsets.
| + | |
- | */
| + | |
- | | + | |
- | legend {
| + | |
- | border: 0; /* 1 */
| + | |
- | padding: 0; /* 2 */
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * 1. Correct font family not being inherited in all browsers.
| + | |
- | * 2. Correct font size not being inherited in all browsers.
| + | |
- | * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
| + | |
- | */
| + | |
- | | + | |
- | button,
| + | |
- | input,
| + | |
- | select,
| + | |
- | textarea {
| + | |
- | font-family: inherit; /* 1 */
| + | |
- | font-size: 100%; /* 2 */
| + | |
- | margin: 0; /* 3 */
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * Address Firefox 4+ setting `line-height` on `input` using `!important` in
| + | |
- | * the UA stylesheet.
| + | |
- | */
| + | |
- | | + | |
- | button,
| + | |
- | input {
| + | |
- | line-height: normal;
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * Address inconsistent `text-transform` inheritance for `button` and `select`.
| + | |
- | * All other form control elements do not inherit `text-transform` values.
| + | |
- | * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
| + | |
- | * Correct `select` style inheritance in Firefox 4+ and Opera.
| + | |
- | */
| + | |
- | | + | |
- | button,
| + | |
- | select {
| + | |
- | text-transform: none;
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
| + | |
- | * and `video` controls.
| + | |
- | * 2. Correct inability to style clickable `input` types in iOS.
| + | |
- | * 3. Improve usability and consistency of cursor style between image-type
| + | |
- | * `input` and others.
| + | |
- | */
| + | |
- | | + | |
- | button,
| + | |
- | html input[type="button"], /* 1 */
| + | |
- | input[type="reset"],
| + | |
- | input[type="submit"] {
| + | |
- | -webkit-appearance: button; /* 2 */
| + | |
- | cursor: pointer; /* 3 */
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * Re-set default cursor for disabled elements.
| + | |
- | */
| + | |
- | | + | |
- | button[disabled],
| + | |
- | html input[disabled] {
| + | |
- | cursor: default;
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * 1. Address box sizing set to `content-box` in IE 8/9/10.
| + | |
- | * 2. Remove excess padding in IE 8/9/10.
| + | |
- | */
| + | |
- | | + | |
- | input[type="checkbox"],
| + | |
- | input[type="radio"] {
| + | |
- | box-sizing: border-box; /* 1 */
| + | |
- | padding: 0; /* 2 */
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
| + | |
- | * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
| + | |
- | * (include `-moz` to future-proof).
| + | |
- | */
| + | |
- | | + | |
- | input[type="search"] {
| + | |
- | -webkit-appearance: textfield; /* 1 */
| + | |
- | -moz-box-sizing: content-box;
| + | |
- | -webkit-box-sizing: content-box; /* 2 */
| + | |
- | box-sizing: content-box;
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * Remove inner padding and search cancel button in Safari 5 and Chrome
| + | |
- | * on OS X.
| + | |
- | */
| + | |
- | | + | |
- | input[type="search"]::-webkit-search-cancel-button,
| + | |
- | input[type="search"]::-webkit-search-decoration {
| + | |
- | -webkit-appearance: none;
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * Remove inner padding and border in Firefox 4+.
| + | |
- | */
| + | |
- | | + | |
- | button::-moz-focus-inner,
| + | |
- | input::-moz-focus-inner {
| + | |
- | border: 0;
| + | |
- | padding: 0;
| + | |
- | }
| + | |
- | | + | |
- | /**
| + | |
- | * 1. Remove default vertical scrollbar in IE 8/9.
| + | |
- | * 2. Improve readability and alignment in all browsers.
| + | |
- | */
| + | |
- | | + | |
- | textarea {
| + | |
- | overflow: auto; /* 1 */
| + | |
- | vertical-align: top; /* 2 */
| + | |
- | }
| + | |
- | | + | |
- | /* ==========================================================================
| + | |
- | Tables
| + | |
- | ========================================================================== */
| + | |
- | | + | |
- | /**
| + | |
- | * Remove most spacing between table cells.
| + | |
- | */
| + | |
- | | + | |
- | table {
| + | |
- | border-collapse: collapse;
| + | |
- | border-spacing: 0;
| + | |
- | }
| + | |
| #header { | | #header { |
| margin:auto; | | margin:auto; |
Line 436: |
Line 31: |
| | | |
| } | | } |
- | .nav ul > li { | + | |
- | float:bottom;
| + | |
- | }
| + | |
| .nav li a:hover{ | | .nav li a:hover{ |
| background-color:#9B1C26; | | background-color:#9B1C26; |
Line 448: |
Line 41: |
| .nav li ul { | | .nav li ul { |
| display:none; | | display:none; |
- | position:absolute; | + | position:relative; |
- | min-width:150px; | + | left:1; |
| + | top:1; |
| + | min-width:50px; |
| | | |
| | | |
Line 466: |
Line 61: |
| | | |
| | | |
| + | <style media="all" type="text/css">@import "/menu/menu_style.css";</style> |
| | | |
- |
| + | </head> |
- |
| + | |
- | </style>
| + | |
- | </head> | + | |
- | <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
| + | |
- | <body>
| + | |
- | <TABLE border=1 width="100%" height="800px">
| + | |
- | <tr height="10%">
| + | |
- | <tr height="80%">
| + | |
- |
| + | |
- | <td>
| + | |
- | <div id="header">
| + | |
- | <ul class="nav">
| + | |
- | | + | |
- | <li ><a href="#">Home</a>
| + | |
- |
| + | |
- | </li>
| + | |
- |
| + | |
- |
| + | |
- | | + | |
- | <li><a href="#">About</a>
| + | |
- | <ul class=nav>
| + | |
- | <li><a href="">hola</a> </li>
| + | |
- | <li><a href="">hola</a> </li>
| + | |
- | <li><a href="">hola</a> </li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | | + | |
- | <li><a href="#">Services</a></li>
| + | |
- | | + | |
- | <li><a href="#">Products</a></li>
| + | |
- | | + | |
- | <li><a href="#">Sitemap</a></li>
| + | |
- | | + | |
- | <li><a href="#">Help</a></li>
| + | |
- | | + | |
- | <li><a href="#">Contact Us</a></li>
| + | |
- | | + | |
- | </ul>
| + | |
- | | + | |
- | | + | |
- | </div>
| + | |
- |
| + | |
- | <tr height="10%">
| + | |
- |
| + | |
- | </table>
| + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | </body>
| + | |
| </html> | | </html> |