Quantcast
Channel: Adobe Community: Message List
Viewing all articles
Browse latest Browse all 87055

Re: dreamweaver CC layout help please (using floats)

$
0
0

I am yeah, its called Advanced CSS Drop Down Menu Light from Ajatix

Sorry for the late reply by the way!

 

Here is my up to date code as of today,

 

<!doctype html> 

<html> 

<head> 

<meta charset="utf-8"> 

<title>HTML5 2-Col Layout</title> 

<meta name="viewport" content="width=device-width, initial-scale=1"> 

 

<!--[if IE]> 

<meta http-equiv="X-UA-Compatible" content="IE=edge"> 

<![endif]--> 

 

<!--[if lt IE 9]> 

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 

<![endif]--> 

 

<style> 

/**CSS Reset**/ 

* { 

    padding: 0; 

/**fixes the CSS box model in responsive layouts**/ 

    -webkit-box-sizing: border-box; 

    -moz-box-sizing: border-box; 

    box-sizing: border-box; 

img { 

    max-width: 100%; 

    vertical-align: baseline; 

body { 

    padding: 0; 

    width: 90%; /**adjust width in px or % as required**/ 

    margin: 0 auto; /**this is centered**/ 

    background: #F5DD83; 

    color: #505050; 

    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; 

    font-size: 100%; 

    box-shadow: 2px 2px 4px #333; 

header { 

    margin: 0; 

    padding: 0 1%; 

    width: 100%; 

    background: #B00202; 

    color: #FFF; 

header h1, header h2 { 

    display: inline; 

    color: #F5DD83; 

    padding: 0 1%; 

/**top menu**/ 

nav { 

    background: #69C; 

    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; 

    font-size: 14px; 

    font-weight: bold 

nav ul { 

    margin: 0; 

    padding: 0; 

nav li { 

    list-style: none; 

    display: inline-block; 

    margin: 0 3% 0 5%; 

/**menu link styles**/ 

nav li a { 

    color: #FFF; 

    text-decoration: none; 

    line-height: 2.5em; 

    padding: 6px; 

    border: 1px solid #CCC; 

/**on select or mouseover**/ 

nav li a:hover, nav li a:active, nav li a:focus { 

    background: #CCC; 

    color: #505050; 

#wrapper { 

    background: #DDD; 

    overflow: hidden; /**float contaiment**/ 

/**left sidebar**/ 

aside { 

    padding: 0 2%; 

    float: left; 

    width: 30%; 

/**main content**/ 

article { 

    padding: 0 2%; 

    background: #FFF; 

    float: left; 

    width: 70%; 

 

figure {  

width: 80%;  

margin: 4% auto 4% auto;  

text-align:center; 

 

figcaption { 

    text-align: center; 

    font-style: oblique; 

    font-size: small; 

    color: #2294AE; 

footer { 

    clear: both; 

    background: #B00202; 

    color: #FFF; 

    text-align: center; 

    margin: 0; 

 

/**text styles**/ 

h3 { 

    color: #2294AE; 

    margin-bottom: 0 

p { margin: 0 0 1em 0 } 

 

</style> 

<link rel="stylesheet" href="menus/ajxmenu.css" type="text/css">

<link rel="stylesheet" href="menus/conditions%20menu.css" type="text/css">

</head> 

 

<body> 

 

<!--begin header--> 

<header> <h1>Hassengate Pharmacy 

</h1></header> 

 

<!--begin navigation--> 

<nav><div class="AJXCSSMenuXdXKHaB"><!-- AJXFILE:menus/ajxmenu.css -->

<div class="ajxmw">

  <div class="ajxmw2">

<ul>

<li><a href="#">Home</a></li>

<li><a href="#">Contact</a></li>

<li><a href="#">Find Us</a></li>

<li class="tsub"><a class="ajxsub" href="#">Pharmacy</a>

  <ul>

   <li class="sfirst slast"><a class="ajxsub" href="#">Unnamed</a>

    <ul>

     <li class="sfirst slast"><a href="#">Unnamed</a></li>

    </ul>

   </li>

  </ul>

</li>

<li class="tsub"><a class="ajxsub" href="#">Shop</a>

  <ul>

   <li class="sfirst slast"><a class="ajxsub" href="#">Unnamed</a>

    <ul>

     <li class="sfirst slast"><a href="#">Unnamed</a></li>

    </ul>

   </li>

  </ul>

</li>

</ul>

<br >

</div>

</div>

</div>

   </nav> 

<div id="wrapper">  

 

<!--begin left sidebar--> 

<aside> <h3>Conditions</h3>

  <p><div class="AJXCSSMenuONIaGDA"><!-- AJXFILE:menus/conditions%20menu.css -->

<div class="ajxmw">

  <div class="ajxmw2">

<div class="ajxtbg">

<ul>

<li class="tsub"><a class="ajxsub" href="#">1</a>

  <ul>

   <li class="sfirst"><a href="#">1-2</a></li>

  </ul>

</li>

<li class="tsub"><a class="ajxsub" href="#">2</a>

  <ul>

   <li class="sfirst"><a href="#">2-2</a></li>

  </ul>

</li>

<li class="tsub"><a class="ajxsub" href="#">3</a>

  <ul>

   <li class="sfirst"><a href="#">3-3</a></li>

  </ul>

</li>

<li class="tsub"><a class="ajxsub" href="#">4</a>

  <ul>

   <li class="sfirst"><a href="#">4-4</a></li>

  </ul>

</li>

</ul>

</div>

  </div>

</div>

<br >

</div> </p>

 

  <p>

    <nav></nav>

  </p>

</aside> 

 

<!--begin main content--> 

<article> <h3>content</h3> 

<figure>

  <figcaption></figcaption>

</figure>

<figure> </figure> 

</article> 

 

<!--end wrapper--></div> 

 

<!--begin footer--> 

<footer>  

<medium>© 2014 Your Site Name. All rights reserved ©</medium>  

</footer> 

</body> 

</html> 


Viewing all articles
Browse latest Browse all 87055

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>