Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Economics & Finance
Setting a button on an image is a common web design technique used to create interactive overlays. This is achieved using CSS positioning properties to place a button element over an image. Syntax .container { position: relative; } .button { position: absolute; top: value; left: value; } Example: Button Centered on Image The following example demonstrates how to place a button in the center of an image using absolute positioning − ... Read More
Lambda Function − Lambda functions are anonymous inline functions that don't require any implementation outside the scope where they are defined. They provide a concise way to write small functions directly at the point of use. Lambda functions can also be stored in variables and treated as objects that can be called (called functors). When the compiler encounters a lambda function definition, it creates a custom object for that lambda. Note: Lambda functions are a C++11 feature and are NOT available in C. They are part of the C++ standard, not C. In C programming, you would use ... Read More
Variables in CSS are used to store values that can be reused throughout your stylesheet. They allow you to define custom properties with meaningful names and reference them anywhere in your CSS, making your code more maintainable and easier to update. Syntax /* Define variables */ :root { --variable-name: value; } /* Use variables */ selector { property: var(--variable-name); } Key Points CSS variables are defined with -- prefix The :root selector makes variables globally accessible Use var() function to access variable values Variable ... Read More
In computational geometry, finding the maximum number of distinct lines passing through a single point is a common problem. Given N lines defined by pairs of coordinates (x1, y1) and (x2, y2), we need to find how many lines with different slopes can pass through a single point. Syntax int maxDistinctLines(int n, int x1[], int y1[], int x2[], int y2[]); Approach We represent each line using the slope formula y = mx + c, where m is the slope calculated as − For non-vertical lines: slope = (y2 - y1) / (x2 ... Read More
The CSS grid-template-rows property defines the size and number of rows in a CSS Grid container. It allows you to specify explicit dimensions for each row track. Syntax selector { grid-template-rows: value; } Possible Values ValueDescription lengthDefines row height in px, em, rem, etc. %Defines row height as a percentage of the container frDefines flexible row height using fractional units autoRow height adjusts to content min-contentRow height based on minimum content size max-contentRow height based on maximum content size Example 1: Fixed Row Heights The following ... Read More
We are given the dimensions of a sheet of paper, its Length L and Breadth B. Also, we are given the dimensions of a smaller rectangle, its length l and breadth b. The goal is to find the maximum number of smaller rectangles that can be cut out of the sheet of paper. We will follow these steps − First, try horizontal alignment: divide the sheet length L by rectangle length l, and sheet breadth B by rectangle breadth b, then multiply to get the count. Then try vertical alignment (rotate the rectangle 90°): divide sheet length ... Read More
The CSS columns property is a shorthand that allows you to set both the column width and column count for multi-column layouts. This property combines column-width and column-count into a single declaration. Syntax selector { columns: column-width column-count; } Possible Values ValueDescription column-widthSpecifies the optimal width for each column (px, em, rem, etc.) column-countSpecifies the number of columns (integer value) autoBrowser determines the value automatically Example The following example creates a 4-column layout with 100px optimal column width and adds styling rules − ... Read More
The CSS column-span property allows an element to span across multiple columns in a multi-column layout. This is particularly useful for creating headings or other elements that should break the column flow. Syntax selector { column-span: value; } Possible Values ValueDescription noneThe element does not span across columns (default) allThe element spans across all columns Example: Heading Spanning All Columns The following example demonstrates how to make a heading span across all columns in a multi-column layout − ... Read More
We are given an array of candies[] of length stored in 'size'. Each element candies[i] has a number for candies of type i. The goal is to buy as many candies as possible for any amount of money. The conditions are as given − If you purchase X[i] of type i (0
To position text at the bottom left of an image with CSS, you need to use absolute positioning within a relative container. The position: absolute property combined with bottom and left properties allows precise text placement over images. Syntax .container { position: relative; } .text-overlay { position: absolute; bottom: value; left: value; } Method 1: Basic Bottom Left Positioning The following example positions text at the bottom left corner of an image − ... Read More