2

• Home
• Products
• Company
• Contact

1

 <p><style type="text/css">

#cssmenu ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

  width: auto;

  position: relative;

  display: block;

  height: 36px;

  text-transform: uppercase;

  font-size: 12px;

  font-weight: bold;

  background: transparent url("  //img.webme.com/pic/w/westgate/OFF.gif  ") repeat-x top left;

  font-family: Helvetica, Arial, Verdana, sans-serif;

  border-bottom: 4px solid #555555;

  border-top: 1px solid #919191;

}

#cssmenu li {

  display: block;

  float: right;

  margin: 0;

  padding: 0;

}

#cssmenu li a {

  display: block;

  float: right;

  color: #8c3a3a;

  text-decoration: none;

  font-weight: bold;

  padding: 12px 20px 0 20px;

  height: 24px;

  background: transparent url(" //img.webme.com/pic/w/westgate/DIVIDER.gif  ") no-repeat top right;

}

#cssmenu li a:hover {

  background: transparent url(" //img.webme.com/pic/w/westgate/HOVER.gif ") no-repeat top right;

  color: #8c3a3a;

}

</style>

<meta charset="utf-8">

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

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

<link rel="stylesheet" href="styles.css" />    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>    <script src="script.js"></script>

<title>CSS MenuMaker</title>

</meta>

</meta>

</meta>

</p>

<div id="cssmenu">

<ul>

    <li class="active"><a href="#"><span>Home</span></a></li>

    <li><a href="#"><span>Products</span></a></li>

    <li><a href="#"><span>Company</span></a></li>

    <li class="last"><a href="#"><span>Contact</span></a></li>

</ul>

</div>

CSS - bubble float right

Home

Company Team Careers

Bring Deliver Package Express

Link 1 Link 2 Link 3 Link 4

Contact

Subnav/dropdown menu inside a Navigation Bar

Hover over the "about", "services" or "partners" link to see the sub navigation menu.

script - Your IP adress is

 <span style="font-size:16px; background-color:#; color:#e69138; padding:1px 3px 1px 3px;"> Your IP address is - <script type="text/javascript" src="http://www.snaphost.com/tools/ip.aspx"></script> </span>

Your IP address is -

marquee direction

Welcome by Steiner

div style border - marquee

<div style="border:2px solid #800000" align="center"><marquee direction="center" bgcolor="#000000"><font size="5" face="Arial" color="#999999">&copy; St&euro;&iuml;&ntilde;&euro;&reg;</font></marquee></div>

© St€ïñ€®

New Members

Oleck	Boleck

CSS - foxmeü

• HOME
• Link 1
• Link 2
• Link 3
• Link 4
• google

CSS - foxmeü

<style type="text/css">
h1 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
    margin:0;
    padding:0;
    }

hr {
    border:none;
    border-top:1px solid #CCCCCC;
    height:1px;
    margin-bottom:25px;
    }

#foxmenucontainer{
    height:24px;
    background:#;
    display:block;
    padding:px 0 0 px;
    }

#foxmenu2{
    position:relative;
    display:block;
    height:24px;
    font-size:11px;
    font-weight:bold;
    font-family:Arial,Verdana,Helvitica,sans-serif;
    }

#foxmenu2 ul{
    margin:0px;
    padding:0;
    list-style-type:none;
    width:auto;
    }

#foxmenu2 ul li{
    display:block;
    float:right;
    margin:0 1px 0 0;
    }

#foxmenu2 ul li a{
    display:block;
    float:left;
    color:#fff;
    text-decoration:none;
    padding:5px 20px 0 20px;
    height:19px;
    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-gRfPTyxckMjaRRw7J3vqdQnhA9-0F2voMqq_5TO_5lAc1ELUnOvoaXfnpY5ciYuACY8lQQkOOsM_Gie8BaS0u6n2wpzoshppoOXxndaOfnCZUB0zGbnWh17HIHlcsZrHHrpmdVBjruxa/s1600/34_catmenu.jpg) no-repeat top left;
    }

#foxmenu2 ul li a:hover{
    color:#fff;
    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpqrR6SK02_QAo0r47Z2mVBAnyrQP22nVFGsX49VYjbRuS6ZssnGt4emEHRV1j45OUg1VPrgSgzQx6flp11I49-XIVUMjecwFYjAmro0Ik-gOdUa97AurK-RSVDsmnOr0bhOQ46zA42UwW/s1600/34_catmenuhov.jpg) no-repeat top right;
    }

#foxmenu2 ul li a.current,#foxmenu ul li a.current:hover{
    color:#fff;
    background:#fff;
    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpqrR6SK02_QAo0r47Z2mVBAnyrQP22nVFGsX49VYjbRuS6ZssnGt4emEHRV1j45OUg1VPrgSgzQx6flp11I49-XIVUMjecwFYjAmro0Ik-gOdUa97AurK-RSVDsmnOr0bhOQ46zA42UwW/s1600/34_catmenuhov.jpg) no-repeat top right;
   
    }
</style>



<div id="foxmenucontainer">
  <div id="foxmenu2">
    <ul>



      <li><a href="" class="current"><span>HOME </span></a>   
        </li>


       
      <li><a href="" title="title"><span>Link 1</span></a></li>
      <li><a href="" title="title"><span>Link 2</span></a></li>
      <li><a href="" title="title"><span>Link 3</span></a></li>
      <li><a href="" title="title"><span>Link 4</span></a></li>
          
      
      <li><a rel="nofollow" target="_blank" href="http://www.google.de" title="google.de"><span>google</span></a></li>
    </ul>
  </div></div>

button - back on top

<form name="aceButton"><input type="BUTTON" value="back to top" onclick="self.location.href=('#')" /></form>
<form></form>

div style = float

<div style="float: right;">

div style float: right

</div>


<div style="float: left;">

div style float:left

</div>

input type - button value

<input type=button value="Open Window" onClick='window.open("http://www.google.de/")'>

font - size - span style

Steiner
<span style="font-size: 100px;">Steiner</span>