need help immediatly |
need help immediatly |
koda123 |
Dec 2 2017, 01:58 PM
Post
#1
|
Group: Members Posts: 2 Joined: 2-December 17 Member No.: 26,549 |
im trying to adjust menu height and align the buttons using basic html and css but nothing is working
HTML <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Denali National Park</title> <link href="css/park.css" rel="stylesheet" type="text/css"> </head> <body> <nav class="nav"> <table width="1000" border="0" id="table"> <tbody> <tr> <td><div id="logo"><a href="index.html"> <img src="pictures/logo.png" width="200px" height="400px" alt=""/></a></div></td> <td><div id="button1"> <a href="gallery_main.html"><img src="pictures/informationbutton.png" width="70px" height="70px" alt=""/></a> </div></td> <td><div id="button2"> <a href="gallery_main.html"><img src="pictures/gallerybutton.png" width="70px" height="70px" alt=""/></a></div></td> <td><div id="button3"> <img src="pictures/contactbutton.png" width="70px" height="70px" alt="" /></div></td> </tr> </tbody> </table> </nav> <div id="main"> vcxvxczvcxvcxzvxczvcxz vxc </div> <footer id="footer"><h3>footer</h3></footer> </body> </html> CSS @charset "UTF-8"; /* CSS Document */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; background-color:cornsilk; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*END CSS REST*/ #page{ width:1024px; height:100%; background-image: url(../attrib/indeximage_reing.png); } body{ width:1024px; height:800px; background-color:white; margin-left: auto; margin-right: auto; margin-top:0px; } /*#nav{*/ /*background-color: black; width:1004px; height:50px; padding:20px; margin-top: 30px*/ a:link{ color: orangered; text-decoration: none; margin-left:20px; } a:visited{ color:inherit; text-decoration: none; } a:hover{ color:darkorange; text-decoration: none; } #color{ color:FF4503; font-size:17px; font-weight: bold; display:inline; text-decoration: none; } #button1{ text-align: center; padding-left: 30px; } #button2{ text-align: center; left: 20px; } #button3{ text-align: center; } #logo{ position: absolute; margin-left: -20px; margin-top:-100px; width:400px; } #table{ background-color: black; width:1000px; border-color: black; } #main{ background-color: chocolate; width: 1000px; height: 300px; } td{ width: 10px; } #footer{ width:1000px; background-color: black; height:60px; } .nav[ height:50px; ] |
Christian J |
Dec 2 2017, 02:28 PM
Post
#2
|
. Group: WDG Moderators Posts: 9,658 Joined: 10-August 06 Member No.: 7 |
This part is invalid, it should be curly braces:
CODE .nav[ height:50px; ] |
pandy |
Dec 2 2017, 07:24 PM
Post
#3
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,731 Joined: 9-August 06 Member No.: 6 |
Just as well since #nav contains a table with a 400px high image.
|
Lo-Fi Version | Time is now: 26th April 2024 - 02:15 PM |