Solve Unknown Gap Between Elements in Flexbox with HTML5

Arjun Thakur
Updated on 24-Jun-2020 14:06:10

255 Views

Unknown gaps between elements in flexbox are due to margin collapsing of the header to the bar division. To resolve this −Either Margin is reset to 0 for header or Border is added to the bar.Padding can be done to bar by adding property padding: 10px to bar. Try the following code snippet to resolve the unknown gap problem −.bar {    background: yellow;    color: gray;    height: 250px;    padding: 10px;    text-align: center; }

Check If a MySQL Database Exists

Chandu yadav
Updated on 24-Jun-2020 14:05:49

6K+ Views

The schema_name command is used to check if a MySQL database exists or not. The syntax of this command is as follows −select schema_name from information_schema.schemata where schema_name = 'database name';Now, the above command is used to check whether the database exists or not. The query for that is as follows −Case 1 − The database exists.mysql> select schema_name from information_schema.schemata where schema_name = 'business'; The output obtained is as follows −+-------------+ | SCHEMA_NAME | +-------------+ | business | +-------------+ 1 row in set (0.00 sec)Case 2 − The database does not exist.mysql> select schema_name from information_schema.schemata ... Read More

Apply CSS Style to ID Elements with Common Prefix in HTML

Ankith Reddy
Updated on 24-Jun-2020 14:05:19

89 Views

Posts can be selected using div with ‘id=post’. This will select all div elements with an id which contains a value in quotes.We can use either −div[id*='post-'] { ... } or div[id^='post-'] { ... }.div[id*='post-'] { ... } will select all div elements with id which is having all values in quotes.Or we can use,div[id^='post-'] { ... }This will select all div elements with an id which started with quotes.

Shorthand Property to Set Columns with CSS

Daniol Thomas
Updated on 24-Jun-2020 14:05:09

180 Views

Use the columns property to set columns with CSS. You can try to run the following code to implement the columns property:ExampleLive Demo                    .demo {             column-rule-color: gray;             columns: 100px 4;             column-rule-style: dashed;          }                              This is demo text. This is demo text. This is demo text. This is demo text.         ... Read More

Start Angle and End Angle of Arc in HTML5 Canvas

varun
Updated on 24-Jun-2020 14:04:27

510 Views

The arc() function has the following definition that shows the usage of start and ends angle −arc(x, y, radius, startAngle, endAngle, anticlockwise)This method has the following parameters −x and y are coordinates of the circle’s center.Radius is the circle radiusStartAngle and EndAngle define the start and endpoints of the arc in radians. Starting and closing angles are measured from the horizontal i.e. x-axisAnticlockwise is the Boolean value which when true draws arc anticlockwise otherwise in a clockwise direction.

Getting Values from HTML5 Canvas to JavaScript

George John
Updated on 24-Jun-2020 14:03:43

460 Views

When we draw anything on Canvas, it keeps no memory of anything that was drawn. While drawing we need to keep track of all the necessary information yourself as we draw. Therefore, it is not feasible to get value from HTML5 canvas to JavaScript as it keeps no memory. It just draws like this −On adding a function for button and clicking on it, you won’t be able to get what you want −     You will not be able to get those values from the canvas since the canvas is just a bitmap.

Change Auto Increment Number in MySQL

Arjun Thakur
Updated on 24-Jun-2020 14:01:33

863 Views

The auto_increment is a default property that automatically increments the newly added record by 1. The auto_increment can be changed from the beginning as well. The procedure for that is given below −First, a table is created.mysql> CREATE table DemoAuto -> ( -> id int auto_increment, -> name varchar(100), -> primary key(id) -> ); Query OK, 0 rows affected (0.47 sec)After that the alter table command is used to change the starting number of auto_incremnt which starts from 1 by default. The starting value is changed to 100.mysql> alter table DemoAuto auto_increment = 100; Query OK, 0 rows affected (0.24 ... Read More

Generating Sound on the Fly with JavaScript and HTML5

Prabhas
Updated on 24-Jun-2020 14:01:11

418 Views

The Web Audio API is used to control audio, which allows you to choose audio sources. You can also add effects; create audio visualizations, panning, etc.ExampleYou can try to run the following code snippet to generate sound −// use one context per document. Here we are creating one context for one document. You can create for other documents also var context = new (window.AudioContext || window.webkitAudioContext)(); // oscillator var os = context.createOscillator();   os.type = 'sine'; // sine is the default. So you can also use square, saw tooth, triangle os.frequency.value = 500; // setting the frequency Hz os.connect(context.destination); ... Read More

See All Foreign Keys to a Table Column

Ankith Reddy
Updated on 24-Jun-2020 14:01:05

2K+ Views

To see all the foreign keys to a table or column, the referenced_column_name command is used.First, two tables are created and then related with the help of the foreign key constraint.Creating the first table −mysql> CREATE table ForeignTable -> ( -> id int, -> name varchar(200), -> Fk_pk int -> ); Query OK, 0 rows affected (0.43 sec)After creating the first table successfully, the second table is created as follows −mysql> CREATE table primaryTable1 -> ( -> Fk_pk int, -> DeptName varchar(200), -> Primary key(Fk_pk) -> ); Query OK, 0 rows affected (0.48 sec)Now, both the tables are related with ... Read More

Interact with Local Client Files in HTML5

varun
Updated on 24-Jun-2020 14:00:39

366 Views

HTML5 allows us to interact with local client files (local client files are the files that are locally stored in the user’s computer). This is possible because HTML5 provides powerful APIs (Application Programming Interfaces) which are the interfaces with the help of which binary data and user’s local file system can be accessed. With the help of these file APIs, web applications can read files, file directory, can drag and drop from desktop to browser.The following are the APIs that are used to access local client files −File System APIFile APIFile Writer APIThe following are some examples −With the help ... Read More

Advertisements