# HTML & CSS

**URL:** https://www.phphelp.com/c/html-css/16.md?page=1

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

**Page:** 2

---

## [Having ERR\_CONNECTION\_TIMED\_OUT error on my maxcdn bootstrap](https://www.phphelp.com/t/having-err-connection-timed-out-error-on-my-maxcdn-bootstrap/34011)

<div class="topic-metadata">

**Author:** [@sashavalentina](https://www.phphelp.com/u/sashavalentina)\
**Replies:** 12\
**Last updated:** [September 29, 2021, 1:20pm UTC](https://www.phphelp.com/t/having-err-connection-timed-out-error-on-my-maxcdn-bootstrap/34011 "2021-09-29T13:20:17Z")

</div>

I’m getting the error of GET https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css net::ERR\_CONNECTION\_TIMED\_OUT in my console. I have place the correct URL but it does not load. May i know how can…

---

## [Problem: Images are centred but slightly left aswell](https://www.phphelp.com/t/problem-images-are-centred-but-slightly-left-aswell/31862)

<div class="topic-metadata">

**Author:** [@rubyshine42](https://www.phphelp.com/u/rubyshine42)\
**Replies:** 1\
**Last updated:** [September 20, 2021, 5:39am UTC](https://www.phphelp.com/t/problem-images-are-centred-but-slightly-left-aswell/31862 "2021-09-20T05:39:47Z")

</div>

Hi there, I need help with a CSS problem for my website. I tried to float and then centre my 2 images - side by side, but the images are centred as well as slightly to the left. How to I make both images centered properl…

---

## [How do I center a div box vertically in a table](https://www.phphelp.com/t/how-do-i-center-a-div-box-vertically-in-a-table/33545)

<div class="topic-metadata">

**Author:** [@Adem](https://www.phphelp.com/u/Adem)\
**Replies:** 9\
**Last updated:** [May 29, 2021, 10:36pm UTC](https://www.phphelp.com/t/how-do-i-center-a-div-box-vertically-in-a-table/33545 "2021-05-29T22:36:55Z")

</div>

Hi, Table row without vertical split I want the left icon to be vertically centered as the line height increases due to the text on the right. However, it was not centered \<table\> \<tr\> \<td style="vertical-align:middl…

---

## [Possible to add scrolling text across the page/video-camera-screen?](https://www.phphelp.com/t/possible-to-add-scrolling-text-across-the-page-video-camera-screen/33472)

<div class="topic-metadata">

**Author:** [@chrisj](https://www.phphelp.com/u/chrisj)\
**Replies:** 5\
**Last updated:** [May 12, 2021, 1:34pm UTC](https://www.phphelp.com/t/possible-to-add-scrolling-text-across-the-page-video-camera-screen/33472 "2021-05-12T13:34:13Z")

</div>

On an html page, it uses this code: accept="video/\*" in this context: \< input type = "file" name = "fileToUpload" id = "fileToUpload" accept = "video/\*" capture = "user" onchange = "submitForm();" \> and when you view…

---

## [Help display 2nd Dropdown list when selection is made (from first dropdown list)](https://www.phphelp.com/t/help-display-2nd-dropdown-list-when-selection-is-made-from-first-dropdown-list/33471)

<div class="topic-metadata">

**Author:** [@chrisj](https://www.phphelp.com/u/chrisj)\
**Replies:** 3\
**Last updated:** [May 11, 2021, 5:01pm UTC](https://www.phphelp.com/t/help-display-2nd-dropdown-list-when-selection-is-made-from-first-dropdown-list/33471 "2021-05-11T17:01:10Z")

</div>

I am trying to modify a existing web script’s Upload Form where, currently you choose a Category…etc. and Submit. When a Category is chosen, I’d like another dropdown list of choices to display. Here is the code currentl…

---

## [Invoice design in HTML Table](https://www.phphelp.com/t/invoice-design-in-html-table/33410)

<div class="topic-metadata">

**Author:** [@devac9039](https://www.phphelp.com/u/devac9039)\
**Replies:** 3\
**Last updated:** [April 27, 2021, 3:30pm UTC](https://www.phphelp.com/t/invoice-design-in-html-table/33410 "2021-04-27T15:30:41Z")

</div>

I am trying to create an invoice design in a simple HTML table. I tried my best but I unable to create that design in HTML. I am a beginner in HTML and even read all chapters in w3school. but I don’t know how I design …

---

## [Lazy loading with images in a span tag](https://www.phphelp.com/t/lazy-loading-with-images-in-a-span-tag/33356)

<div class="topic-metadata">

**Author:** [@phpnewb1](https://www.phphelp.com/u/phpnewb1)\
**Replies:** 0\
**Last updated:** [April 16, 2021, 7:16am UTC](https://www.phphelp.com/t/lazy-loading-with-images-in-a-span-tag/33356 "2021-04-16T07:16:11Z")

</div>

Hi, I’ve implemented lazy loading on my website using this guide : - However I can’t get the last bit of code to work! Basically I have images that are in a span tag loaded as a background image, I have this is the C…

---

## [Background does not fully cover mobile screen](https://www.phphelp.com/t/background-does-not-fully-cover-mobile-screen/33258)

<div class="topic-metadata">

**Author:** [@gills4prem](https://www.phphelp.com/u/gills4prem)\
**Replies:** 7\
**Last updated:** [March 23, 2021, 6:02pm UTC](https://www.phphelp.com/t/background-does-not-fully-cover-mobile-screen/33258 "2021-03-23T18:02:21Z")

</div>

https://kevincranfieldwebdesigner.com/phoneSpec2.0.html Hi its not a biggy but something has been bothering me with my site. If I open on a mobile device the background gradient does not cover the screen. I get the ba…

---

## [Bootstrap button not appearing on webpage](https://www.phphelp.com/t/bootstrap-button-not-appearing-on-webpage/33210)

<div class="topic-metadata">

**Author:** [@gills4prem](https://www.phphelp.com/u/gills4prem)\
**Replies:** 2\
**Last updated:** [March 5, 2021, 2:33pm UTC](https://www.phphelp.com/t/bootstrap-button-not-appearing-on-webpage/33210 "2021-03-05T14:33:13Z")

</div>

Hi I am trying to insert some php in my webpage which has worked but for some reason the button code will not appear after my php code (for the drop down menu at the bottom of my form. Any help would be fantastic. \<!do…

---

## [How to align and float images in div on website](https://www.phphelp.com/t/how-to-align-and-float-images-in-div-on-website/33198)

<div class="topic-metadata">

**Author:** [@Adem](https://www.phphelp.com/u/Adem)\
**Replies:** 1\
**Last updated:** [March 1, 2021, 10:51am UTC](https://www.phphelp.com/t/how-to-align-and-float-images-in-div-on-website/33198 "2021-03-01T10:51:22Z")

</div>

Hello, I am using Bootstrap 3 css How can I do it horizontally with the picture on the right or left and the text in the opposite direction Div height should be adjusted automatically according to the height of the pi…

---

## [How to disable css for only one select option](https://www.phphelp.com/t/how-to-disable-css-for-only-one-select-option/33143)

<div class="topic-metadata">

**Author:** [@Adem](https://www.phphelp.com/u/Adem)\
**Replies:** 7\
**Last updated:** [February 18, 2021, 1:55pm UTC](https://www.phphelp.com/t/how-to-disable-css-for-only-one-select-option/33143 "2021-02-18T13:55:08Z")

</div>

Hello, Below is the css code I use for all pages. But I want to disable it in text editor option, optgroup { font-weight: bold; font-size: 11px; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial,…

---

## [Problem with white space under footer](https://www.phphelp.com/t/problem-with-white-space-under-footer/33020)

<div class="topic-metadata">

**Author:** [@michustop](https://www.phphelp.com/u/michustop)\
**Replies:** 3\
**Last updated:** [January 9, 2021, 2:17pm UTC](https://www.phphelp.com/t/problem-with-white-space-under-footer/33020 "2021-01-09T14:17:37Z")

</div>

Hello i have problem with white space under footer web: https://michus.top/corona/online.php css: https://michus.top/corona/assets/css/style.css

---

## [How to Add an Image to a Button Based on a Condition](https://www.phphelp.com/t/how-to-add-an-image-to-a-button-based-on-a-condition/32824)

<div class="topic-metadata">

**Author:** [@Bozo](https://www.phphelp.com/u/Bozo)\
**Replies:** 2\
**Last updated:** [November 20, 2020, 12:30am UTC](https://www.phphelp.com/t/how-to-add-an-image-to-a-button-based-on-a-condition/32824 "2020-11-20T00:30:50Z")

</div>

Hi, I have a PHP web page that displays buttons that show the status of My homemade automation system. The majority of it is working, but I cannot figure out how to place an image on a button if a device is offline. I d…

---

## [Scrollable tbody - What Am I Doing Wrong?](https://www.phphelp.com/t/scrollable-tbody-what-am-i-doing-wrong/32741)

<div class="topic-metadata">

**Author:** [@tadio2k](https://www.phphelp.com/u/tadio2k)\
**Replies:** 6\
**Last updated:** [November 2, 2020, 4:37pm UTC](https://www.phphelp.com/t/scrollable-tbody-what-am-i-doing-wrong/32741 "2020-11-02T16:37:53Z")

</div>

Good Evening All, I have a section on my website with about five (5) TD’s, each containing a dedicated iframe. My issue lays within the two TD’s that contain a scrollable tbody where I don’t want the header nor footer …

---

## [Change navbar background based on page](https://www.phphelp.com/t/change-navbar-background-based-on-page/32313)

<div class="topic-metadata">

**Author:** [@act78723](https://www.phphelp.com/u/act78723)\
**Replies:** 1\
**Last updated:** [September 28, 2020, 7:10pm UTC](https://www.phphelp.com/t/change-navbar-background-based-on-page/32313 "2020-09-28T19:10:53Z")

</div>

I want to change the background color of my navbar to make it transparent on my home page but leave it black on the rest of the pages but I have no idea where to start. All of my css is in one file. None of the pages hav…

---

## [Use of a common css file for a 5 page website](https://www.phphelp.com/t/use-of-a-common-css-file-for-a-5-page-website/32283)

<div class="topic-metadata">

**Author:** [@act78723](https://www.phphelp.com/u/act78723)\
**Replies:** 25\
**Last updated:** [July 31, 2020, 6:16pm UTC](https://www.phphelp.com/t/use-of-a-common-css-file-for-a-5-page-website/32283 "2020-07-31T18:16:07Z")

</div>

I currently have a website that has 5 pages. Each page has it’s own css file approximately 4kb in size. They all have different layouts using flexboxes. I’d like to standardize text sizes, padding between elements, etc. …

---

## [Input text vertical-align-middle](https://www.phphelp.com/t/input-text-vertical-align-middle/31995)

<div class="topic-metadata">

**Author:** [@Adem](https://www.phphelp.com/u/Adem)\
**Replies:** 3\
**Last updated:** [June 5, 2020, 4:12pm UTC](https://www.phphelp.com/t/input-text-vertical-align-middle/31995 "2020-06-05T16:12:26Z")

</div>

Hello, I’m using two items in a td One is left, the other is right But the input text on the right is not in the middle of the vertical \<td class="tfoot" style="padding: 0px 10px 0px 0px; width:40%" \>\<div style="…

---

## [How to merge inline css into an existing .css file](https://www.phphelp.com/t/how-to-merge-inline-css-into-an-existing-css-file/31697)

<div class="topic-metadata">

**Author:** [@act78723](https://www.phphelp.com/u/act78723)\
**Replies:** 2\
**Last updated:** [April 23, 2020, 7:40pm UTC](https://www.phphelp.com/t/how-to-merge-inline-css-into-an-existing-css-file/31697 "2020-04-23T19:40:33Z")

</div>

I have some inline css that I’d like to add to an existing styles.css file but have no idea what the format needs to be. Here’s what the inline css looks like: \<style\> .container { display: fle…

---

## [Need help changing the css](https://www.phphelp.com/t/need-help-changing-the-css/31484)

<div class="topic-metadata">

**Author:** [@533578](https://www.phphelp.com/u/533578)\
**Replies:** 2\
**Last updated:** [April 6, 2020, 11:58am UTC](https://www.phphelp.com/t/need-help-changing-the-css/31484 "2020-04-06T11:58:41Z")

</div>

I have converted my pdf to html, and the css is 1cm too much to the right. Is there any option where I can do all the css 1cm to the left side. This is the css: .ft0{font: 12px \\'Verdana\\';line-height: 14px;} .ft1{fon…

---

## [Frames](https://www.phphelp.com/t/frames/31449)

<div class="topic-metadata">

**Author:** [@webchambers](https://www.phphelp.com/u/webchambers)\
**Replies:** 1\
**Last updated:** [April 2, 2020, 2:31pm UTC](https://www.phphelp.com/t/frames/31449 "2020-04-02T14:31:47Z")

</div>

Hi guys. I have a web page that uses frameset for example the top frame is 5% and the bottom frame is 95% the bottom frame is linked to another url. The top frame has a button. I want to select the button break out of …

---

## [Change color on different values](https://www.phphelp.com/t/change-color-on-different-values/31399)

<div class="topic-metadata">

**Author:** [@533578](https://www.phphelp.com/u/533578)\
**Replies:** 1\
**Last updated:** [March 27, 2020, 10:44pm UTC](https://www.phphelp.com/t/change-color-on-different-values/31399 "2020-03-27T22:44:13Z")

</div>

I have made an \<option\> where I would like to adjust the css with different values, when the value is: Betaald, I want the css to make it green. When The value is Niet betaald. I want to make it red. How can I do that? …

---

## [What is the best place to put button to index page?](https://www.phphelp.com/t/what-is-the-best-place-to-put-button-to-index-page/31322)

<div class="topic-metadata">

**Author:** [@533578](https://www.phphelp.com/u/533578)\
**Replies:** 4\
**Last updated:** [March 21, 2020, 11:35am UTC](https://www.phphelp.com/t/what-is-the-best-place-to-put-button-to-index-page/31322 "2020-03-21T11:35:24Z")

</div>

What is the best css format to place a button that sends me to the index of my page? \<a href="index.html"\>Startpagina\<a/\>

---

## [CRAZY Styling Nightmare](https://www.phphelp.com/t/crazy-styling-nightmare/31178)

<div class="topic-metadata">

**Author:** [@tbeckett1211](https://www.phphelp.com/u/tbeckett1211)\
**Replies:** 1\
**Last updated:** [March 1, 2020, 4:32pm UTC](https://www.phphelp.com/t/crazy-styling-nightmare/31178 "2020-03-01T16:32:14Z")

</div>

In this bootstrap form I cant figure out how to get the calendar icon to the right of the input where it should go. I’ve tried everything, not that I know much =) Any ideas? I’ve literally played with it for 5 hours n…

---

## [Inline small css problem](https://www.phphelp.com/t/inline-small-css-problem/30460)

<div class="topic-metadata">

**Author:** [@talis](https://www.phphelp.com/u/talis)\
**Replies:** 2\
**Last updated:** [November 22, 2019, 3:38pm UTC](https://www.phphelp.com/t/inline-small-css-problem/30460 "2019-11-22T15:38:45Z")

</div>

hi How do I make inline small css here? \<?php foreach(\['jquery.flex-images', 'style'\] as $name): ?\> link href="\<?=$data\['url'\]?\>/\<?=$data\['theme\_path'\]?\>/\<?=$data\['settings'\]\['site\_theme'\]?\>/assets/css/\<?=$name?\>.…

---

## [Padding + border?](https://www.phphelp.com/t/padding-border/30227)

<div class="topic-metadata">

**Author:** [@phpn0w](https://www.phphelp.com/u/phpn0w)\
**Replies:** 1\
**Last updated:** [November 4, 2019, 2:00am UTC](https://www.phphelp.com/t/padding-border/30227 "2019-11-04T02:00:54Z")

</div>

Hello, I have a div with padding. I want to have a border on the bottom that does not stick out on the padding area. I dont know how to do this. I have tried with box-sizing bit it is not working

---

## [Working with images?](https://www.phphelp.com/t/working-with-images/30233)

<div class="topic-metadata">

**Author:** [@phpn0w](https://www.phphelp.com/u/phpn0w)\
**Replies:** 1\
**Last updated:** [October 20, 2019, 6:45pm UTC](https://www.phphelp.com/t/working-with-images/30233 "2019-10-20T18:45:04Z")

</div>

Hello, I have never really learned how to handle images correctly so I am atm starting a hobby project which contains alot of images. How do I make images fit to the div or whatever, without stretching it etc? I obv …

---

## [Display: flex not working on opera mini](https://www.phphelp.com/t/display-flex-not-working-on-opera-mini/29570)

<div class="topic-metadata">

**Author:** [@Godswill](https://www.phphelp.com/u/Godswill)\
**Replies:** 5\
**Last updated:** [July 25, 2019, 5:00pm UTC](https://www.phphelp.com/t/display-flex-not-working-on-opera-mini/29570 "2019-07-25T17:00:54Z")

</div>

I have finished my design but having difficulty in getting display flex work on opera mini. Please someone help. Its ontophits.ng I currently have this code for it \`\`\`\`.simple-post { padding: 0px 5px 0px 0px; positio…

---

## [P and h1 tag how to get them in top of the flex box](https://www.phphelp.com/t/p-and-h1-tag-how-to-get-them-in-top-of-the-flex-box/29288)

<div class="topic-metadata">

**Author:** [@swimmer](https://www.phphelp.com/u/swimmer)\
**Replies:** 1\
**Last updated:** [June 20, 2019, 11:57pm UTC](https://www.phphelp.com/t/p-and-h1-tag-how-to-get-them-in-top-of-the-flex-box/29288 "2019-06-20T23:57:11Z")

</div>

When I try to make flex box that has a P tag and a H1 tag the p tag pushed to the bottom of the page I’m interested that the H1 and the text and the p tag will be in the top left corner. This is my code Any help in wha…

---

## [Collapse expand icon](https://www.phphelp.com/t/collapse-expand-icon/29171)

<div class="topic-metadata">

**Author:** [@eng\_adel273](https://www.phphelp.com/u/eng_adel273)\
**Replies:** 11\
**Last updated:** [June 11, 2019, 2:37pm UTC](https://www.phphelp.com/t/collapse-expand-icon/29171 "2019-06-11T14:37:16Z")

</div>

I need to create collapse expand icon as in attached image , please help

---

## [Issue with flex and html](https://www.phphelp.com/t/issue-with-flex-and-html/29008)

<div class="topic-metadata">

**Author:** [@swimmer](https://www.phphelp.com/u/swimmer)\
**Replies:** 2\
**Last updated:** [May 16, 2019, 12:33pm UTC](https://www.phphelp.com/t/issue-with-flex-and-html/29008 "2019-05-16T12:33:40Z")

</div>

I have on HTML code with two sentences that I am trying with a flex box to have one sentence on the left of the div and the other on the right side. \`\` My CSS code is .zd-faith { padding: 5px 0; background: #384b86;…

[Previous page](https://www.phphelp.com/c/html-css/16.md)

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