CSS Background Without Causing Scrollbars
- Category: Cascading Stylesheets
- Hits: 28798
A Client had some clouds on the background of his photoshop file for his website. They were to be positioned in the top right corner with the leftmost tip aligned to the right of a central content section. I separated off the clouds as another div layer, specified the width and height and specified it's left. It caused the horizontal scrollbar which is a bit annoying because you scroll to the right and theres nothing but some background image. Also the footer was at 100% so it got cut off if you scrolled horizontally.
Aim / Objective
To have a background of sky and grass with a centered content section (white semi-transparent layer) of 900 pixels width as shown in the following picture:

And I want the clouds as another layer ontop aligned to the top right:

CSS Ordered List 1, 1.1...1.10 Formatting and Alignment
- Category: Cascading Stylesheets
- Hits: 20094
A quick article to remind me on how create an multi-level ordered list that indents and aligns correctly.
Why?
I'm finding that I need to do this quite often for some clients who want to include their terms and conditions in quote/invoice templates and want the HTML to be indented neatly.
Other examples out there will work, but I found that once the list count increased the number of digits (eg. 1.10) the text would be more indented (relative) to 1.1. I need all list elements to be all perfectly aligned.
// What I Have
1. Item 1
1.1 Item 1a
1.2 Item 1b
...
1.9 Item 1c
1.10 Item 1d
2. Item 2
// What I Want
1. Item 1
1.1 Item 1a
1.2 Item 1b
...
1.9 Item 1c
1.10 Item 1d
2. Item 2
// What I DON'T Want (happens if you use list-style-position: outside)
1. Item 1
1.1 Item 1a
1.2 Item 1b
...
1.9 Item 1c
1.10 Item 1d
2. Item 2
How?
I've been refining this based on several examples and the following solution seems to be the most stable:
FTP on Mac: Failed to retrieve directory listing
- Category: File Transfer Protocol
- Hits: 20554
- FileZilla for Mac
- macOS High Sierra
A quick note to remind me how to enable FTP directory listing as it was working on my Windows PC but not on my Mac. The error I was getting was
Error: Failed to retrieve directory listingthough I could access the folders if I browsed the existing folders by entering it in the remote directory field. Still no files or folders would show.
List last modified files using FTP Command-line
- Category: File Transfer Protocol
- Hits: 23602
So let's say my FTP client is not the most expensive (was FREE), nor the most advanced client out there, and I want to know what were the most recent files I modified and uploaded to a site, how do I do it using just Microsoft Windows?
How?
I don't have a clue. Here's what I've got so far:
Parse a HTML Table into a ListView
- Category: Hypertext Markup Language
- Hits: 28827
A quick article on if you were given a webpage coded in HTML, what methods in AutoHotkey could you use to separate out the HTML Tables into a ListView.
Why?
I want a snippet of code that replicates any HTML table.
How?
I've been trying various ways so I'm posting them here. My opinions on them change with the weather so until I do some benchmarking I won't know which ones best:
Embed an FLV file into a web page
- Category: Hypertext Markup Language
- Hits: 38583
This is if you have an FLV file and you don't want any fancy management system, you just want your FLV to play on your webpage.
The following example is a demonstration of how to do this without installing anything on your webserver.
I like to use flowplayer for this example but my own systems can't use a solution as crude as this.
- Copy the below code (beginning and ending with object tags)
- Paste it into your HTML page
- Replace both instances of the text "http://my.video.com/myVideo.flv" with the full url of your own FLV.
- Save the HTML page and publish
The Code:
This file contains HTML or script code that may be erroneously interpreted by a web browser
- Category: Hypertext Markup Language
- Hits: 32905
The Error: This file contains HTML or script code that may be erroneously interpreted by a web browser
This is a common error when uploading files that the MediaWiki system does not allow. By making some minor changes to the MediaWiki LocalSettings.php file, we can fix this.
For demo purposes, I'm going to make our system recognize SWF files (by default these are disallowed):
How to make a HTML form post its variables to itself
- Category: Hypertext Markup Language
- Hits: 19751
The Issue
You have a PHP page which generates a HTML form. When the user submits the form, you want the same PHP page to process the data.
Solution
I've seen a lot of people write CGI requests but if you left the action attribute blank, this would do the same thing:
<form method="post" action=""> ...

