How To Create Simple Menu Using CSS ?


By using CSS codes we can create websites menus more easily with very simple and small number of codes. So uses of CSS menus on websites makes your website lighter and faster, also runs on almost all of the browsers. Here I have given some useful steps and codes for creating simple menu using CSS. It may help you to make simple, attractive and awesome menu for your own website by using the following steps and codes.



To Create Simple Menu Using CSS


# At first create the following HTML codes on your webpage.

Replace the "#" with your link URL included in the HTML code below.

<div id="navigation">
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Item1</a>
<ul>
<li><a href="#">SubItem1</a></li>
<li><a href="#">SubItem2</a></li>
<li><a href="#">SubItem3</a></li>
<li><a href="#">SubItem4</a></li>
</ul>
</li>

<li><a href="#">Item2</a></li>
<li><a href="#">Item3</a></li>
</ul>
</div>

# Create a CSS file with the following codes.

Replace the 'back.jpg' with your image file included in the css code below.

#navigation{
width:auto;
height:30px;
float:left;
background-image: url('back.jpg');
border:none;
margin-top:20px;
margin-left:0px;
}

#nav{
list-style: none;
padding:0px;
display:block;
margin-top:2px;

}

#nav li{
font-size:20px;
float:left;
position:relative;
width:180px;
hight:50px;
display:block;
align:center;
padding-left:10px;

}

#nav ul{
list-style:none;
margin:0;
padding:0;
width: auto;
display:none;

}

#nav li:hover{
background-image:url('back.jpg');
background-repeat:no-repeat;
background-size:cover;
}

#nav li:hover>ul{
display:block;
position:absolute;

}


#nav li ul{
left:0px;
margin-top:0px;
padding-top:0px;
}

#nav li ul li{
background-image:url('back.jpg');
background-repeat:no-repeat;
background-size:cover;
border:1px solid #e3e3e3;
padding-left:10px;
width:178px;
}


#nav a:link, #nav a:active, #nav a:visited{
display:block;
color:#ff00aa;
text-decoration:none;
}


# Link CSS file to the web page.

Add the following code to link CSS file to the web page between <head> tags.

<head>

<link rel="Stylesheet" type="text/css" href="style.css">

</head>

Preview of  CSS Menu











Related Posts:

Solved MCQ of Network Architecture set-1


1. ............................ specifies a complete set of rules for the connections and interactions of its physical and logical components for providing and utilizing communication services.

MCQ of Network Architecture
Mapa mental do TCP/IP (Photo credit: Wikipedia)
A) Computer Architecture

B) Communication Architecture

C) Network Architecture

D) Internet Architecture



2. The two most important network architecture or reference model are ...............

i) Layered reference model

ii) OSI reference model

iii) DSL reference model

iv) TCP/IP reference model


A) i and ii

B) ii and iii

C) iii and iv

D) ii and iv




3. The Open System Interconnection(OSI) reference model includes ................... layers.

A) five

B) six

C) seven

D) eight



4. ..................... is used to manage and synchronize conversation between two systems.

A) Physical Layer

B) Data Link Layer

C) Session Layer

D) Transport Layer



5. Which of the following is not the function of physical layer?

A) Converting the digital bits into electrical signal

B) Detecting and correcting errors

C) Defining voltages and data rates needed for transmission.

D) Activating, maintaining and deactivating the physical connection




6. ...................... divides the outgoing messages into packets and assembles incoming packets into messages for the higher levels.

A) Physical Layer

B) Data Link Layer

C) Network Layer

D) Transport Layer



7. The TCP/IP reference model was used earlier by ....................., before being used in the Internet.

A) ARPANET

B) PARPANET

C) USDNET

D) DODNET



8. Which of the following are True for TCP/IP reference model?

i) The TCP protocol divide large message into a sequence of packets into an IP packet.


ii) The IP protocol is used to put a message into packet.

iii) It is necessary for all the packets in a single message to take the same route each time it is sent.

iv) The packets are passed from one network to another until they reach their destination.

A) i and iv only

B) i, ii and iv only

C) i, ii and iii only

D) All i, ii, iii and iv



9. Which of the following is not the layer of TCP/IP model?

A) Internet Layer

B) Application Layer

C) Transport Layer

D) Presentation Layer



10. State whether the following statements are True or False.

i) In TCP/IP model transport layer guarantees delivery of packets.

ii) Network layer of OSI model provides both connectionless and connection oriented service.

iv) The TCP/IP model does not fit any other protocol stack.

A) i-True, ii-False, iii-False

B) i-False, ii-True, iii-True

C) i-False, ii-False, iii-True

D) i-True, ii-True, iii-False




Answers:




1. ............................ specifies a complete set of rules for the connections and interactions of its physical and logical components for providing and utilizing communication services.

C) Network Architecture


2. The two most important network architecture or reference model are ...............

i) Layered reference model

ii) OSI reference model

iii) DSL reference model

iv) TCP/IP reference model

D) ii and iv


3. The Open System Interconnection(OSI) reference model includes ................... layers.

C) seven


4. ..................... is used to manage and synchronize conversation between two systems.

C) Session Layer


5. Which of the following is not the function of physical layer?

B) Detecting and correcting errors


6. ...................... divides the outgoing messages into packets and assembles incoming packets into messages for the higher levels.

C) Network Layer


7. The TCP/IP reference model was used earlier by ....................., before being used in the Internet.

A) ARPANET


8. Which of the following are True for TCP/IP reference model?

i) The TCP protocol divide large message into a sequence of packets into an IP packet.

ii) The IP protocol is used to put a message into packet.

iii) It is necessary for all the packets in a single message to take the same route each time it is sent.

iv) The packets are passed from one network to another until they reach their destination.

B) i, ii and iv only


9. Which of the following is not the layer of TCP/IP model?

D) Presentation Layer


10. State whether the following statements are True or False.

i) In TCP/IP model transport layer guarantees delivery of packets.

ii) Network layer of OSI model provides both connectionless and connection oriented service.

iii) The TCP/IP model does not fit any other protocol stack.

B) i-False, ii-True, iii-True




Related Posts:


JDBC MCQ Interview Questions with Answers set-2


1. A Java program cannot directly communicate with an ODBC driver because .......
JDBC MCQ Interview Questions with Answers
ODBC Administrator (Photo credit: Wikipedia)

A) ODBC written in C language

B) ODBC written in C# language

C) ODBC written in C++ language

D) ODBC written in Basic language



2.The JDBC-ODBC Bridge driver translates the JDBC API to the ODBC API and used with .......


A) JDBC drivers

B) ODBC drivers

C) Both A and B

D) None of the above



3. The ............................. package contains classes that help in connecting to a database, sending SQL statements to the database, and processing the query results.

A) connection.sql

B) db.sql

C) pkg.sql

D) java.sql



4. The ................................ method executes a simple query and returns a single Result Set object.

A) executeUpdate()

B) executeQuery()

C) execute()

D) noexecute()



5. The ......................... method executes an SQL statement that may return multiple results.

A) executeUpdate()

B) executeQuery()

C) execute()

D) noexecute()




6. The ........................ object allows you to execute parametrized queries.

A) ResultSet

B) Parametrized

C) PreparedStatement

D) Condition



7. The .................. object provides you with methods to access data from the table.

A) ResultSet

B) Parametrized

C) TableStatement

D) Condition



8. The parameters of the PreparedStatement object are ...................... when the user clicks on the Query button.

A) initialized

B) started

C) paused

D) stopped



9. The ...................... method sets the query parameters of the PreparedStatement Object.

A) putString()

B) insertString()

C) setString()

D) setToString()



10. Connection object can be initialized using the ............................ method of the Driver Manager class.

A) putConnection()

B) setConnection()

C) Connection()

D) getConnetion()





Answers:



1. A Java program cannot directly communicate with an ODBC driver because .......

A) ODBC written in C language

2.The JDBC-ODBC Bridge driver translates the JDBC API to the ODBC API and used with .......

B) ODBC drivers

3. The ............................. package contains classes that help in connecting to a database, sending SQL statements to the database, and processing the query results.

D) java.sql

4. The ................................ method executes a simple query and returns a single Result Set object.

B) executeQuery()

5. The ......................... method executes an SQL statement that may return multiple results.

C) execute()

6. The ........................ object allows you to execute parametrized queries.

C) PreparedStatement

7. The .................. object provides you with methods to access data from the table.

A) ResultSet

8. The parameters of the PreparedStatement object are ...................... when the user clicks on the Query button.

A) initialized

9. The ...................... method sets the query parameters of the PreparedStatement Object.

C) setString()

10. Connection object can be initialized using the ............................ method of the Driver Manager class.

D) getConnetion()



Related Posts:

Interview MCQ Questions of Basic of IT Set-4


1. What program included in windows can be used to record sound?

A) Media Recorder
Interview MCQ Questions of Basic of IT
Mesh network topology, own work (Photo credit: Wikipedia)

B) Sound Player

C) Media Player

D) Sound Recorder



2. Which of the following is not database program?

A) DB2

B) Fox-pro

C) Ms Access

D) Ms Excel



3. Which of the following is/are HTML tags type?

A) Paired Tags

B) Singular Tags

C) Both of the above

D) None of the above



4. Which of the following is are Network topology?

A) Mesh Topology

B) Ring Topology

C) Hybrid Topology

D) All of the above



5. Which of the following is not a data type?

A) Picture/Graphic

B) Date/Time

C) Text

D) Number



6. An organized collection of logically related data is known as ...

A) Data

B) Meta data

C) Database

D) DBMS



7. Which is/are Network protocols?

A) TCP/IP

B) IPX/SPX

C) NetBEUI

D) All of the above



8. A character is equal to ..

A) One Bit

B) One Byte

C) Bits

D) All of the above



9. Which of the following input devices is also known as memory device?

A) Keyboard

B) Punch Cards

C) Joystick

D) None of them



10. A programming language that uses binary codes in ..

A) Machine Language

B) Assembly Language

C) High Level Language

D) All of the above




Answers:



1. What program included in windows can be used to record sound?

D) Sound Recorder

2. Which of the following is not database program?

D) Ms Excel

3. Which of the following is/are HTML tags type?

C) Both of the above

4. Which of the following is are Network topology?

D) All of the above

5. Which of the following is not a data type?

A) Picture/Graphic

6. An organized collection of logically related data is known as ...

C) Database

7. Which is/are Network protocols?

D) All of the above

8. A character is equal to ..

B) One Byte

9. Which of the following input devices is also known as memory device?

B) Punch Cards

10. A programming language that uses binary codes in ..

A) Machine Language


Computer Networks MCQ Interview Questions with Answer set-8


1. In addresses for ................... networks, the first 16 bits specify a particular network, and the last 16 bits specify a particular host.
Computer Networks MCQ Interview Questions
 SMTP (Photo credit: Wikipedia)

A) class A

B) class B

C) class C

D) class D



2. The .............. protocol is based on end to end delivery.

A) SMTP

B) TCP

C) IP

D) SCTP



3. A/An .................... routing scheme is designed to enable switches to react to changing traffic patterns on the network.

A) static routing

B) fixed alternate routing

C) adaptive routing

D) dynamic routing



4. The IPV4 address is a .................. address because it is assigned at the internet layer.

A) logical

B) physical

C) common

D) shared



5. The ................... layer provides a well defined service interface to the network layer, determining how the bits of the physical layer are grouped into frames.

A) Data Link

B) Physical

C) Network

D) Session



6. A distributed data processing configuration in which all activities must pass through a centrally located computer is called as ............

A) ring network

B) spider network

C) hierarchical network

D) data control network



7. The ............... signals are used for the maintenance, troubleshooting and overall operation of the network.

A) address

B) network management

C) call Information

D) supervisory



8. In ........................ a route is selected for each source-destination pair of in the network.

A) flooding

B) variable routing

C) fixed routing

D) random routing



9. In ................. type of service, each frame sent over the connection is numbered and the data link layer guarantees that each frame sent is indeed received.

A) connection less service

B) indirect link service

C) direct link service

D) connection oriented service



10. In .................... deliver, packets of a message are logically connected to one another.

A) connection less

B) indirect link

C) direct link

D) connection oriented




Answers:





1. In addresses for ................... networks, the first 16 bits specify a particular network, and the last 16 bits specify a particular host.

B) class B

2. The .............. protocol is based on end to end delivery.

A) SMTP

3. A/An .................... routing scheme is designed to enable switches to react to changing traffic patterns on the network.

C) adaptive routing

4. The IPV4 address is a .................. address because it is assigned at the internet layer.

A) logical

5. The ................... layer provides a well defined service interface to the network layer, determining how the bits of the physical layer are grouped into frames.

A) Data Link

6. A distributed data processing configuration in which all activities must pass through a centrally located computer is called as ............

B) spider network

7. The ............... signals are used for the maintenance, troubleshooting and overall operation of the network.

B) network management

8. In ........................ a route is selected for each source-destination pair of in the network.

C) fixed routing

9. In ................. type of service, each frame sent over the connection is numbered and the data link layer guarantees that each frame sent is indeed received.

D) connection oriented service

10. In .................... deliver, packets of a message are logically connected to one another.

D) connection oriented



Solved MCQ of Wireless Mobile Communication set-1


MCQ of Wireless Mobile Communication
GSM Network Architecture (Photo credit: Wikipedia)
1. Which of the following is/are the main part(s) of basic cellular system.

A) A mobile Unit

B) A cell Site

C) A mobile Telephone Switching Office

D) All of the above



2. Fading of the received radio signals in a mobile communication environment occurs because of .....

A) Direct propagation

B) Multipath Propagation

C) Bi-path Propagation

D) None of the above



3.State whether True of False.

i) The cells or subdivisions of a geographical area are always hexagonal.

ii) A land to Mobile call originates through the Telephone exchange.


A) True, False


B) False, True


C) False, False


D) True, True



4. In .............. Frequency Spectrum is divided into smaller spectra and is allocated to each user.

A) TDMA

B) CDMA

C) FDMA

D) FGMA



5. In ................ multiple access is achieved by allocating different time slots for the different users.

A) TDMA

B) CDMA

C) FDMA

D) FGMA


6. State whether True of False.

i) In GSM only TDMA is used.


ii) There is zero inter-channel interference in CDMA.


A) True, False


B) False, True


C) False, False


D) True, True




7. The basic GSM is based on ____________________ traffic channels.

A) connection oriented.

B) connection less.

C) packet switching.

D) circuit switching.



8. ..................... are typically characterized by very small cells, especially in densely populated areas.

A) 2G system.

B) 3G system.

C) 2.5G system.

D) 3.5G system.



9. A antenna which attempts to direct all its energy in a particular direction is called as a .............

A) Directional Antenna

B) One to One Antenna

C) Propagation Antenna

D) Single Direction Antenna



10. Which mode is used for installing networks in wireless communication device characteristics?

A) Fixed and wired.

B) Mobile and wired.

C) Fixed and wired.

D) Mobile and wireless.





Answers:




1. Which of the following is/are the main part(s) of basic cellular system.

D) All of the above

2. Fading of the received radio signals in a mobile communication environment occurs because of .....

B) Multipath Propagation

3.State whether True of False.

i) The cells or subdivisions of a geographical area are always hexagonal.

ii) A land to Mobile call originates through the Telephone exchange.

B) False, True

4. In .............. Frequency Spectrum is divided into smaller spectra and is allocated to each user.

C) FDMA

5. In ................ multiple access is achieved by allocating different time slots for the different users.

A) TDMA

6. State whether True of False.

i) In GSM only TDMA is used.

ii) There is zero inter-channel interference in CDMA.

C) False, False

7. The basic GSM is based on ____________________ traffic channels.

A) connection oriented.

8. ..................... are typically characterized by very small cells, especially in densely populated areas.

C) 2.5G system.

9. A antenna which attempts to direct all its energy in a particular direction is called as a .............

A) Directional Antenna

10. Which mode is used for installing networks in wireless communication device characteristics?

C) Fixed and wired.



Related Posts



Solved MCQ of Client Server Computing set-1


1. ........................ tier it's much easier to design the application to be DBMS agnostic.


A) Middle application server
 MCQ of Client Server Computing
Client-Server Model (Photo credit: Wikipedia)

B) Multithreaded application

C) Application server

D) Client server application



2. Which of the following is not the correct benefit of distributed computing.

A) Resource sharing

B) Performance

C) Availability

D) Security



3. ................... serve as the 'glue' between the client and server applications respectively, and that ORB.

A) ORB and ORB Interface

B) CORBA IDL stubs and skeletons

C) Client and servant

D) Client and server



4. In ........................ the client invokes the request, and then blocks waiting for the response.

A) Deferred Synchronous Invocation

B) One way Invocation

C) Synchronous Invocation

D) Two way Invocation



5. In ...................... the client invokes the request, continues processing while the request in dispatched, and later collects the response.

A) Deferred Synchronous Invocation

B) One way Invocation

C) Synchronous Invocation

D) Two way Invocation



6. ............................ provides programmers a familiar programming model by extending the local procedure call to a distributed environment.

A) Distributed environment

B) Permanent procedure call

C) Process and file

D) Remote procedure call



7. The ............................. in the object's descriptor is passed as the second argument to the remote object's constructor for the object to use during activation.

A)Activation Desc

B) Marshalled Object

C) Activation Exception

D) Activation Object



8. ........................ allows clients to invoke requests without having access to static stubs and allows server to be written without having skeletons for the objects being invoked compiled statically into the program.

A) The Object Adapter

B) Dynamic Skeleton Interface

C) Server Process Activation

D) Client Process Activation



9. ......................... serves as the glue between CORBA object implementations and the ORB itself.

A) The Object Adapter

B) Dynamic Skeleton Interface

C) Server Process Activation

D) Client Process Activation



10. ................. refers to computing technologies in which the hardware and software components are distributed across a network.

A) Client and Server

B) User and System

C) User and file server

D) User and database server




Answers:




1. ........................ tier it's much easier to design the application to be DBMS agnostic.

A) Middle application server

2. Which of the following is not the correct benefit of distributed computing.

D) Security

3. ................... serve as the 'glue' between the client and server applications respectively, and that ORB.

B) CORBA IDL stubs and skeletons

4. In ........................ the client invokes the request, and then blocks waiting for the response.

C) Synchronous Invocation

5. In ...................... the client invokes the request, continues processing while the request in dispatched, and later collects the response.

A) Deferred Synchronous Invocation

6. ............................ provides programmers a familiar programming model by extending the local procedure call to a distributed environment.

D) Remote procedure call

7. The ............................. in the object's descriptor is passed as the second argument to the remote object's constructor for the object to use during activation.

B) Marshalled Object

8. ........................ allows clients to invoke requests without having access to static stubs and allows server to be written without having skeletons for the objects being invoked compiled statically into the program.

B) Dynamic Skeleton Interface

9. ......................... serves as the glue between CORBA object implementations and the ORB itself.

A) The Object Adapter

10. ................. refers to computing technologies in which the hardware and software components are distributed across a network.

A) Client and Server




Related Posts



فيديو الأسبوع