Wednesday 27 January 2021

what is vertical menu and how create vertical menu from CSS without using ul tags

 when any one start creating websites then firstly need a menu now it is most important you learn some
Technic to creating menu for websites,if all menu work smoothly and show properly then your websites count as a good website.

In this post we learn as given topics.

(a) what is the use of menu in any website.

(b)what is menu.

(c) what places in it field where needs menus.

(d)how create menu without using <ul> tags.

(e)what basic technology using to creating in website menus.

(f)you see whole source code of vertical menus.

(g)conclusion.

(a)What is the use of menu in any website?

when any person visiting or suffering any website then he sees firstly home page of these website.

At the home page included most imported hyperlinks of website content. Every website 

has more than more information and divided in subtopics for users understanding. Like

under the home pages several links and under about page include about company mythology

and targets and under contacts fill query for contenting websites owners and under service

page include what types of sever ice provided by company or websites.it is depending upon type of

websites.

menu is using to jumping at the related pages information like when click at services then find all

information about provided services by websites.one websites has more than one menu. Number 

menus do not fix it is depending on websites.

(b)what is menu?

menus are two types (I)software application menu (ii)websites or web application menu

software application menus are basic menus like file menu, edit menu, format menu, view menu, help menu etc.

website menus are use as hyperlinks that connected one web page to another web pages.

(c)what places in it field where needs menus?

menus are using at two places one is using in the software application programs and second is using in the websites or web application programs.

(d)how create menu without using <ul> tags?

Generally, when creating website menu then using unordered list tags and formatted by css. mostly website designer using <ul> tag to creating 

menu but sometimes you use <div> tag in creating menu. If you want to creating vertical and beautiful menu, then use <div> tag.

(e)what basic technology using to creating in website menus?

In website menu creation using HTML and CSS technology, now if you learnt creating menu then first need you learn 

HTML and CSS.

(f)you see whole source code of vertical menus?

<html>

<head>

<title> vertical menu</title>

<style>


.vertical-menu a {

  background-color:white; /* white background color */

  color: brown; /* brown text color */

  display: block; /* Make the links appear below each other */

  padding: 14px; /* Add some padding */

  text-decoration: none; /* Remove underline from links */

}


.vertical-menu a:hover {

  background-color: silver; /* silver background on mouse-over */

}


.vertical-menu a.active {

  background-color:pink; /* Add a pink color to the "active/current" link */

  color: white;

}

.vertical-menu {

  width: 250px;

  height: 300px;

  overflow-y: auto;

}

</style>

</head>

<body bgcolor="green">

<div class="vertical-menu">

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

  <a href="#">product</a>

  <a href="#">services</a>

  <a href="#">about</a>

  <a href="#">contact us</a>

</div>

</body>

</html>

output:



(g)conclusion.

copy code and paste in html editor programs and save with .html extension and test out put or you can 

use in you website application programs this a very simple and knowledge full post for you please share with

your friends for growing this blogs. write comments and share your question .



0 comments:

Post a Comment