Articles on Trending Technologies

Technical articles with clear explanations and examples

Set Button on Image with CSS

Nancy Den
Nancy Den
Updated on 15-Mar-2026 2K+ Views

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

Significance of Lambda Function in C/C++

Dev Prakash Sharma
Dev Prakash Sharma
Updated on 15-Mar-2026 4K+ Views

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

Chandu yadav
Chandu yadav
Updated on 15-Mar-2026 136 Views

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

Maximum distinct lines passing through a single point in C

Sunidhi Bansal
Sunidhi Bansal
Updated on 15-Mar-2026 309 Views

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

CSS grid-template-rows property

Nancy Den
Nancy Den
Updated on 15-Mar-2026 115 Views

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

Maximum given sized rectangles that can be cut out of a sheet of paper in C

Sunidhi Bansal
Sunidhi Bansal
Updated on 15-Mar-2026 550 Views

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

Shorthand property to set columns with CSS

Daniol Thomas
Daniol Thomas
Updated on 15-Mar-2026 215 Views

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

Set how many columns an element should span across with CSS

Smita Kapse
Smita Kapse
Updated on 15-Mar-2026 239 Views

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

Maximum number of candies that can be bought in C

Sunidhi Bansal
Sunidhi Bansal
Updated on 15-Mar-2026 915 Views

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

Read More

How to position text to bottom left on an image with CSS

George John
George John
Updated on 15-Mar-2026 2K+ Views

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
Showing 20911–20920 of 61,297 articles
Advertisements