i having issue navigation a
conflicting a href
on .content
- have been trying tackle last few hours , no luck, thanks.
ul.nav { list-style-type: none; margin: 0; min-width: 360px; } ul.nav li { display: table-cell; text-align: center; } a.active { background-color: #cc293f; font-weight: 700; } .nav-container { font-family: 'catamaran', sans-serif; background-color: #505050; margin: 5px 0 0; } .table { display: table; margin: 5px auto; } { font-family: 'catamaran', sans-serif; background-color: #505050; border-right: 1px solid #fff; color: #fff; float: left; padding: .2em .6em; text-decoration: none; width: 10em; } a:hover { background-color: #cc293f; } .content { border-radius: 10px 10px 10px 10px; border: 2px solid #cc293f; margin-top: 10px; min-width: 360px; min-height: 650px; } .content h1 { font-size: 26px; color: #fff; text-align: center; margin-top: 5px; } .content h2 { font-size: 22px; text-align: center; margin-top: -35px; } .content p { font-size: 18px; margin-top: -5px; margin-left: 10px; } .content #p2 { font-size: 19px; margin-left: 50px; margin-top: -5px; }
<html> <body> <div class="nav-container"> <div class="table"> <ul class="nav"> <li style="border-left:1px solid white;"><a class="active" href= "index.html">home</a></li> <li><a href="faq.html">faqs</a></li> <li><a href="support.html">resolution center</a></li> <li><a href="upload.html">upload</a></li></ul> </div> </div> <div class="content"> <p>example</p> <a href="google.com" target="_blank"><img src="http://cumbrianrun.co.uk/wp-content/uploads/2014/02/default-placeholder.png" height="75" width="75"></a> </body> </html>
you declare style global <a> tag
, <a tags
use style. special style <a tags .content class
can achieved adding css file: .content { instructions }
.
furthermore, use ul nav li a
specify desired options menu. if have multiple ul list in project, use specific class each of them.
Comments
Post a Comment