# HTML & CSS

**URL:** https://www.phphelp.com/c/html-css/16.md

[Latest](https://www.phphelp.com/latest.md) · [Categories](https://www.phphelp.com/categories.md)

---

## [About the HTML & CSS category](https://www.phphelp.com/t/about-the-html-css-category/8574)

<div class="topic-metadata">

**Author:** [@system](https://www.phphelp.com/u/system)\
**Replies:** 2\
**Last updated:** [February 23, 2022, 7:01pm UTC](https://www.phphelp.com/t/about-the-html-css-category/8574 "2022-02-23T19:01:38Z")

</div>

Ask HTML and CSS questions here.

---

## [Cannot edit my own meta description on my own page](https://www.phphelp.com/t/cannot-edit-my-own-meta-description-on-my-own-page/36597)

<div class="topic-metadata">

**Author:** [@mackenzie27](https://www.phphelp.com/u/mackenzie27)\
**Replies:** 2\
**Last updated:** [October 4, 2025, 12:11pm UTC](https://www.phphelp.com/t/cannot-edit-my-own-meta-description-on-my-own-page/36597 "2025-10-04T12:11:31Z")

</div>

I am having a strange problem. I have a page that I am updating. Every change I make can be seen when I refresh the page – EXCEPT for the meta description tag. Whatever I change it, the meta description remains the s…

---

## [Width and height not working](https://www.phphelp.com/t/width-and-height-not-working/36521)

<div class="topic-metadata">

**Author:** [@wadori](https://www.phphelp.com/u/wadori)\
**Replies:** 7\
**Last updated:** [August 2, 2025, 2:16am UTC](https://www.phphelp.com/t/width-and-height-not-working/36521 "2025-08-02T02:16:28Z")

</div>

I have a PHP script that I am using to create a table. The CSS is as follows: \<style type='text/css'\> .boardsquare { border-color: black; border-width: 1; border-style: solid; width:50px; height:50px; font-size: 2em; …

---

## [How to do this with HTML & CSS](https://www.phphelp.com/t/how-to-do-this-with-html-css/36367)

<div class="topic-metadata">

**Author:** [@COLT](https://www.phphelp.com/u/COLT)\
**Replies:** 1\
**Last updated:** [January 10, 2025, 3:30pm UTC](https://www.phphelp.com/t/how-to-do-this-with-html-css/36367 "2025-01-10T15:30:52Z")

</div>

I got a request to make this design so I was wondering if you have any ideas on how to do this in HTML and CSS? Or maybe some other technology if you think it’s easier. Thanks.

---

## [Css is not being apply](https://www.phphelp.com/t/css-is-not-being-apply/36344)

<div class="topic-metadata">

**Author:** [@navaalanwar](https://www.phphelp.com/u/navaalanwar)\
**Replies:** 1\
**Last updated:** [December 17, 2024, 2:09pm UTC](https://www.phphelp.com/t/css-is-not-being-apply/36344 "2024-12-17T14:09:00Z")

</div>

in my php code there a line of code "display result " that displays the result in the form of table but when i try to do the css it does not work i am confused about this here below is the part of code that is used to d…

---

## [Bootstrap5 closing navbar on click in landing page](https://www.phphelp.com/t/bootstrap5-closing-navbar-on-click-in-landing-page/36298)

<div class="topic-metadata">

**Author:** [@Baciccia](https://www.phphelp.com/u/Baciccia)\
**Replies:** 2\
**Last updated:** [October 27, 2024, 11:02am UTC](https://www.phphelp.com/t/bootstrap5-closing-navbar-on-click-in-landing-page/36298 "2024-10-27T11:02:10Z")

</div>

Hello everybody, I need some clues about a weird behaviour in Bootstrap5, at least it’s weird to me but maybe the weird side of the problem is me… Anyway: I’m developing, or trying to, a tiny website with a landing pag…

---

## [If the value in the input field is not valid](https://www.phphelp.com/t/if-the-value-in-the-input-field-is-not-valid/35012)

<div class="topic-metadata">

**Author:** [@Adem](https://www.phphelp.com/u/Adem)\
**Replies:** 1\
**Last updated:** [August 21, 2024, 9:35pm UTC](https://www.phphelp.com/t/if-the-value-in-the-input-field-is-not-valid/35012 "2024-08-21T21:35:02Z")

</div>

Hello, I have a form field like below A middle entry is the tax number entry I check this tax number with live verification Returns 1 if the tax number is valid, 0 if it is invalid. Like “required” via browser witho…

---

## [Grid help](https://www.phphelp.com/t/grid-help/36103)

<div class="topic-metadata">

**Author:** [@dmanghani](https://www.phphelp.com/u/dmanghani)\
**Replies:** 4\
**Last updated:** [April 13, 2024, 7:13am UTC](https://www.phphelp.com/t/grid-help/36103 "2024-04-13T07:13:04Z")

</div>

I am using grid in css when my option is blank simple echo command, data is displayed correctly in position. when I use any option all the data of all the grids is displayed on the left column only. my CSS is as follo…

---

## [How to make consecutive popup notifications](https://www.phphelp.com/t/how-to-make-consecutive-popup-notifications/35366)

<div class="topic-metadata">

**Author:** [@Adem](https://www.phphelp.com/u/Adem)\
**Replies:** 1\
**Last updated:** [February 15, 2024, 3:51am UTC](https://www.phphelp.com/t/how-to-make-consecutive-popup-notifications/35366 "2024-02-15T03:51:23Z")

</div>

Hello, How to make a sequential popup popup as in the picture to use in the field, such as when the data is saved to the database on the page. I searched a lot but couldn’t find it. In the example in the picture, the …

---

## [Using "white-space: nowrap" within the table](https://www.phphelp.com/t/using-white-space-nowrap-within-the-table/35726)

<div class="topic-metadata">

**Author:** [@Adem](https://www.phphelp.com/u/Adem)\
**Replies:** 2\
**Last updated:** [September 23, 2023, 9:29am UTC](https://www.phphelp.com/t/using-white-space-nowrap-within-the-table/35726 "2023-09-23T09:29:01Z")

</div>

Hello, “white-space: nowrap;” in a cell within an HTML table I use it but it doesn’t work \<table\> \<tr\> \<td\>&nbsp;\</td\> \<td style="white-space: nowrap;"\> \<div style="float: left;"\>Previous text\</div\> \<div sty…

---

## [Extending anchor pseudo-class with a custom button class, but need help!](https://www.phphelp.com/t/extending-anchor-pseudo-class-with-a-custom-button-class-but-need-help/35460)

<div class="topic-metadata">

**Author:** [@zoldos](https://www.phphelp.com/u/zoldos)\
**Replies:** 0\
**Last updated:** [May 21, 2023, 10:00am UTC](https://www.phphelp.com/t/extending-anchor-pseudo-class-with-a-custom-button-class-but-need-help/35460 "2023-05-21T10:00:26Z")

</div>

I have two anchors which I want to change the look of as shown below. But I don’t think my syntax is correct. Any pointers or suggestions would be greatly appreciated! a:link button--scroll button, a:visited button--s…

---

## [Display inline problem](https://www.phphelp.com/t/display-inline-problem/35365)

<div class="topic-metadata">

**Author:** [@Leon](https://www.phphelp.com/u/Leon)\
**Replies:** 0\
**Last updated:** [March 28, 2023, 9:40pm UTC](https://www.phphelp.com/t/display-inline-problem/35365 "2023-03-28T21:40:41Z")

</div>

I’ve lost my way, and now I can’t find the right solution again. I’ve managed to do this before, but now I can’t find the right combination. I have 1 DIV that contains two other DIVs. One is on the left side, and one is…

---

## [Css issue internet and intranet](https://www.phphelp.com/t/css-issue-internet-and-intranet/35186)

<div class="topic-metadata">

**Author:** [@dmanghani](https://www.phphelp.com/u/dmanghani)\
**Replies:** 14\
**Last updated:** [March 23, 2023, 2:54pm UTC](https://www.phphelp.com/t/css-issue-internet-and-intranet/35186 "2023-03-23T14:54:14Z")

</div>

I created my website using php css mysql. As long as I am using php & css the website every thing works. I then added Mysql and using a config.php to connect to my database the site stops working from the place my confi…

---

## [Skip to next page if content is splitting](https://www.phphelp.com/t/skip-to-next-page-if-content-is-splitting/35353)

<div class="topic-metadata">

**Author:** [@Adem](https://www.phphelp.com/u/Adem)\
**Replies:** 1\
**Last updated:** [March 23, 2023, 6:57am UTC](https://www.phphelp.com/t/skip-to-next-page-if-content-is-splitting/35353 "2023-03-23T06:57:37Z")

</div>

Hello, I create PDF with php using HTML table I’m using the following css to jump to the next page if the last few rows of the table are split tfoot \> tr { page-break-before: avoid; } tfoot \> tr:first-child { page-…

---

## [Make input box just fill a table cell](https://www.phphelp.com/t/make-input-box-just-fill-a-table-cell/35217)

<div class="topic-metadata">

**Author:** [@conexor](https://www.phphelp.com/u/conexor)\
**Replies:** 4\
**Last updated:** [January 20, 2023, 6:05am UTC](https://www.phphelp.com/t/make-input-box-just-fill-a-table-cell/35217 "2023-01-20T06:05:21Z")

</div>

I can put an HTML input box inside a table cell like this \<TD COLWIDTH='50' \>\<INPUT type='text' size='\*\*some number\*\*' value='123456'\>\</TD\> BUT if ‘some number’ is such that the input box is too large, it pushes the c…

---

## [Table COLSPAN to end of Row](https://www.phphelp.com/t/table-colspan-to-end-of-row/35216)

<div class="topic-metadata">

**Author:** [@conexor](https://www.phphelp.com/u/conexor)\
**Replies:** 7\
**Last updated:** [January 19, 2023, 8:29pm UTC](https://www.phphelp.com/t/table-colspan-to-end-of-row/35216 "2023-01-19T20:29:03Z")

</div>

I have a table where the data is displayed in pairs of rows see example below. In this case, the first row two columns and the second column has been set to span the three remaining columns and, the second row has 4 …

---

## [Input-group trying to display GBP sign](https://www.phphelp.com/t/input-group-trying-to-display-gbp-sign/35082)

<div class="topic-metadata">

**Author:** [@Waspman](https://www.phphelp.com/u/Waspman)\
**Replies:** 1\
**Last updated:** [October 26, 2022, 8:43am UTC](https://www.phphelp.com/t/input-group-trying-to-display-gbp-sign/35082 "2022-10-26T08:43:09Z")

</div>

This is a strange one. Have a program written in Bootstrap 4 / PHP / HTML Only fonts used in program are Arial/Arial Unicode and font-waesome free. Have used an input group to allow currency fields to have the currenc…

---

## [Multilevel Nav using Div](https://www.phphelp.com/t/multilevel-nav-using-div/35071)

<div class="topic-metadata">

**Author:** [@dmanghani](https://www.phphelp.com/u/dmanghani)\
**Replies:** 0\
**Last updated:** [October 17, 2022, 8:26am UTC](https://www.phphelp.com/t/multilevel-nav-using-div/35071 "2022-10-17T08:26:13Z")

</div>

I have made this using Div only no ul or li, it is working but I need some clarifications. As i understand tne number of div = /div, in my div class=“second” i have 2 div and 4 /div. If i remove even one /div the nav do…

---

## [How do I add a scrollbar to the popup notification window](https://www.phphelp.com/t/how-do-i-add-a-scrollbar-to-the-popup-notification-window/34937)

<div class="topic-metadata">

**Author:** [@Adem](https://www.phphelp.com/u/Adem)\
**Replies:** 2\
**Last updated:** [August 16, 2022, 8:06pm UTC](https://www.phphelp.com/t/how-do-i-add-a-scrollbar-to-the-popup-notification-window/34937 "2022-08-16T20:06:27Z")

</div>

Hello, When there are many papers, it is not possible to reach the last lines. So how do I add a scrollbar \<li id="header\_notification\_bar" class="dropdown"\> \<a data-toggle="dropdown" class="…

---

## [Using modified Bootstrap buttons as a Radio Group](https://www.phphelp.com/t/using-modified-bootstrap-buttons-as-a-radio-group/34796)

<div class="topic-metadata">

**Author:** [@Waspman](https://www.phphelp.com/u/Waspman)\
**Replies:** 0\
**Last updated:** [June 2, 2022, 4:03pm UTC](https://www.phphelp.com/t/using-modified-bootstrap-buttons-as-a-radio-group/34796 "2022-06-02T16:03:53Z")

</div>

I have a page in which users (mostly younger partially disabled children) are asked to pick one activity from a number of choices, based on their age and experience. This is done on a tablet on site, and is not available…

---

## [Adjusting the live search result list by the width of the input field](https://www.phphelp.com/t/adjusting-the-live-search-result-list-by-the-width-of-the-input-field/34778)

<div class="topic-metadata">

**Author:** [@Adem](https://www.phphelp.com/u/Adem)\
**Replies:** 1\
**Last updated:** [May 26, 2022, 2:30pm UTC](https://www.phphelp.com/t/adjusting-the-live-search-result-list-by-the-width-of-the-input-field/34778 "2022-05-26T14:30:40Z")

</div>

Hello, As seen in the picture, the search result list is short. How to make it always the same as input field width \<style\> .liveresult li{ cursor: pointer; } .liveresult li:hover{ …

---

## [I am using Required but I want to apply novalidate some inputs](https://www.phphelp.com/t/i-am-using-required-but-i-want-to-apply-novalidate-some-inputs/34762)

<div class="topic-metadata">

**Author:** [@Adem](https://www.phphelp.com/u/Adem)\
**Replies:** 2\
**Last updated:** [May 25, 2022, 12:18pm UTC](https://www.phphelp.com/t/i-am-using-required-but-i-want-to-apply-novalidate-some-inputs/34762 "2022-05-25T12:18:33Z")

</div>

Hello, from in I’m using “type=number” and example “12,23” asks me to enter integer, to get around this I use novalidate="" in the form. However, I need to use required for other input fields. How to use novalidate="…

---

## [How to make a raster image adapt/fit to all resolutions](https://www.phphelp.com/t/how-to-make-a-raster-image-adapt-fit-to-all-resolutions/34613)

<div class="topic-metadata">

**Author:** [@Leon](https://www.phphelp.com/u/Leon)\
**Replies:** 5\
**Last updated:** [March 28, 2022, 3:04am UTC](https://www.phphelp.com/t/how-to-make-a-raster-image-adapt-fit-to-all-resolutions/34613 "2022-03-28T03:04:36Z")

</div>

How to make a raster image adapt to all resolutions? For that matter, a vector image as well. How do they do it? I mean as in the examples below: www.loopnet.com www.theagencyre.com So, is it enough to oversize the …

---

## [Where is my scrollbar 🤔](https://www.phphelp.com/t/where-is-my-scrollbar/34525)

<div class="topic-metadata">

**Author:** [@Leon](https://www.phphelp.com/u/Leon)\
**Replies:** 2\
**Last updated:** [February 24, 2022, 4:23pm UTC](https://www.phphelp.com/t/where-is-my-scrollbar/34525 "2022-02-24T16:23:07Z")

</div>

Where did my scrollbar go? I don’t know, I tried different solutions to get it back, but no way! Below is the setup in CSS and HTML. I have tried different things to get it back, but no way. It still remains disappeared…

---

## [Deleted by the creator](https://www.phphelp.com/t/deleted-by-the-creator/34523)

<div class="topic-metadata">

**Author:** [@Leon](https://www.phphelp.com/u/Leon)\
**Replies:** 0\
**Last updated:** [February 23, 2022, 6:45pm UTC](https://www.phphelp.com/t/deleted-by-the-creator/34523 "2022-02-23T18:45:58Z")

</div>

Solution found. Deleted by the creator.

---

## [Split a \<div\> in two](https://www.phphelp.com/t/split-a-div-in-two/34498)

<div class="topic-metadata">

**Author:** [@Leon](https://www.phphelp.com/u/Leon)\
**Replies:** 5\
**Last updated:** [February 21, 2022, 4:29pm UTC](https://www.phphelp.com/t/split-a-div-in-two/34498 "2022-02-21T16:29:22Z")

</div>

Ok, read my bio and you will understand this stupid question. Ok, here we go: I got 2 divs. One for the menu and one for the content. It’s the content div that gives me a headache. The div box for the menu and the div …

---

## [A Codepen Example on Grid and Flexbox](https://www.phphelp.com/t/a-codepen-example-on-grid-and-flexbox/34428)

<div class="topic-metadata">

**Author:** [@Strider64](https://www.phphelp.com/u/Strider64)\
**Replies:** 2\
**Last updated:** [January 17, 2022, 8:45am UTC](https://www.phphelp.com/t/a-codepen-example-on-grid-and-flexbox/34428 "2022-01-17T08:45:14Z")

</div>

Here’s a small example on how to use flex and grid in CSS that will work in most web browsers and other devices. https://codepen.io/Strider64/pen/gOGqrxo

---

## [Forcing footer to the bottom of the page content](https://www.phphelp.com/t/forcing-footer-to-the-bottom-of-the-page-content/34371)

<div class="topic-metadata">

**Author:** [@Hotspringsrus](https://www.phphelp.com/u/Hotspringsrus)\
**Replies:** 5\
**Last updated:** [December 20, 2021, 4:21am UTC](https://www.phphelp.com/t/forcing-footer-to-the-bottom-of-the-page-content/34371 "2021-12-20T04:21:32Z")

</div>

I am trying to put my footer at the bottom of my form. I have a number of pages with data input. I designed them so that they would just wrap in the page. I am afraid this will not work well for smartphone users. If I ad…

---

## [Index Scroll in HTML](https://www.phphelp.com/t/index-scroll-in-html/34221)

<div class="topic-metadata">

**Author:** [@bensan](https://www.phphelp.com/u/bensan)\
**Replies:** 2\
**Last updated:** [November 9, 2021, 9:51am UTC](https://www.phphelp.com/t/index-scroll-in-html/34221 "2021-11-09T09:51:29Z")

</div>

I have created pages with overflow: auto; mode & with various sections for example; Top - LandTransport Next - RailTransport Next - WaterTransport Next - AirTransport I would like to create an index similar to this; …

---

## [Bootstrap4 icon in text input](https://www.phphelp.com/t/bootstrap4-icon-in-text-input/34104)

<div class="topic-metadata">

**Author:** [@Waspman](https://www.phphelp.com/u/Waspman)\
**Replies:** 0\
**Last updated:** [October 15, 2021, 10:31am UTC](https://www.phphelp.com/t/bootstrap4-icon-in-text-input/34104 "2021-10-15T10:31:14Z")

</div>

I’ve added a jquery-based datetime picker to a project (because the datetime-locale is either not implemented, or implemented badly, in different browsers. My code for the input is: \<div class="input-group input-group…

[Next page](https://www.phphelp.com/c/html-css/16.md?page=1)