256 Kilobytes

Style and Layout

Type All Category Style and LayoutHTML, CSS, and related topics. Tag All

Profile Photo - August R. Garcia

Get These Dependencies Off My Lawn: 5 Tasks You Didn't Know Could be Done with Pure HTML and CSS

Articles in Style and Layout | By August R. Garcia

Published 9 months agoMon, 11 Feb 2019 04:07:30 -0800 | Last update 6 months agoTue, 07 May 2019 03:37:01 -0700 📌

Profile Photo - August R. Garcia

Last Reply Thread bump with the <time> tag: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time https://css-tricks.com/time-element/... August R. Garcia,

Thread bump with the <...

Fri, 11 Oct 2019 01:43:19 -0700 1 month ago
🗨
7
🐏
3
👁
62,134
Profile Photo - Hash Brown

How much is my website worth?

Articles in Style and Layout | By Hash Brown

Published 8 months agoTue, 26 Feb 2019 17:40:15 -0800 | Last update 8 months agoTue, 26 Feb 2019 17:42:51 -0800 📌

Profile Photo - August R. Garcia

Last Reply > Is there a best time to sell a website? https://www.youtube.com/watch?v=7hx4gdlfamo August R. Garcia,

> Is there a best...

Tue, 26 Feb 2019 20:22:16 -0800 8 months ago
🗨
1
🐏
2
👁
536
Profile Photo - August R. Garcia

[Solved] Use CSS to show a child element when the parent element on parent element :hover

Answers in Style and Layout | By August R. Garcia

Published 3 weeks agoThu, 24 Oct 2019 18:36:54 -0700 | Last update 3 weeks agoThu, 24 Oct 2019 18:37:32 -0700

Profile Photo - August R. Garcia

Title

MoreTitle <style> nav#demo { background-color:beige; } nav#demo:hover { background-color:teal ; } nav#demo ul { display:none ;...
🗨
0
🐏
0
👁
61
Profile Photo - August R. Garcia

[Code Demos] 5 More HTML and CSS Features You Didn't Know Existed (And One Work-in-Progress You Didn't Know You Wanted)

Articles in Style and Layout | By August R. Garcia

Published 5 months agoMon, 27 May 2019 16:56:02 -0700 | Last update 5 months agoMon, 27 May 2019 17:00:35 -0700

Profile Photo - August R. Garcia

Even after working with HTML and CSS for...

MoreAs you know, you can use HTML and CSS to make websites. Here are some more things that you didn’t know about HTML and CSS. Or maybe you already...
🗨
0
🐏
1
👁
5,962
Profile Photo - August R. Garcia

How Hex Colors Work

Articles in Style and Layout | By August R. Garcia

Published 7 months agoSun, 31 Mar 2019 19:16:19 -0700

Profile Photo - August R. Garcia

Using the digits 000000 to FFFFFF, hexad...

MoreUsing the digits 000000 to FFFFFF, hexadecimal color codes are used to represent nearly every color seen on the Internet. Here is how hexadecimal colo...
🗨
0
🐏
0
👁
307
Profile Photo - Some Guy

How to update Rainmeter?

Answers in Style and Layout | By Some Guy

Published 9 months agoWed, 06 Feb 2019 16:11:11 -0800

Profile Photo - KacssPL

Last Reply To update rainmeter simply go on the website and download the latest version you want. There is a stable version and a beta one. To customize with rai... KacssPL,

To update rainmeter simpl...

Sat, 30 Mar 2019 16:05:21 -0700 7 months ago
🗨
1
🐏
0
👁
299
Profile Photo - Some Guy

How to disable Radeon overlay?

Answers in Style and Layout | By Some Guy

Published 9 months agoWed, 06 Feb 2019 14:38:43 -0800

Profile Photo - Zhaybib

Last Reply Since you say you want to change the style and layout of your computer and want to disable Radeon overlay, I recommend that you follow these steps rig... Zhaybib,

Since you say you want to...

Sat, 30 Mar 2019 15:59:41 -0700 7 months ago
🗨
1
🐏
0
👁
234
Profile Photo - Some Guy

How to install BetterDiscord themes?

Answers in Style and Layout | By Some Guy

Published 9 months agoWed, 06 Feb 2019 16:06:01 -0800

Profile Photo - reuval

Last Reply Its fairly simple. First install BetterDiscord. After installing BetterDiscord join the BetterDiscord server. Then open discord and go in settings - t... reuval,

Its fairly simple. First...

Sat, 30 Mar 2019 15:39:41 -0700 7 months ago
🗨
1
🐏
0
👁
248
Profile Photo - Some Guy

What are some Bootstrap Modal examples?

Answers in Style and Layout | By Some Guy

Published 9 months agoWed, 06 Feb 2019 13:45:38 -0800

Profile Photo - drewstring

Last Reply I am not the smartest person in the world but I do know to make use of the internet. I have found a link that could provide you with the information y... drewstring,

I am not the smartest per...

Sat, 30 Mar 2019 13:45:24 -0700 7 months ago
🗨
1
🐏
0
👁
210
Profile Photo - The Wizard

How do I format in Visual Studio?

Answers in Style and Layout | By The Wizard

Published 7 months agoTue, 19 Mar 2019 15:17:25 -0700

Profile Photo - Zhaybib

Last Reply Since you are curious as to how to format in Visual Studio, I recommend that you check out Stack Overflow's site for formatting https://stackoverflow.... Zhaybib,

Since you are curious as...

Sat, 30 Mar 2019 13:36:25 -0700 7 months ago
🗨
1
🐏
0
👁
159
Profile Photo - roxblade

An Update on Current Web Design Trends

Articles in Style and Layout | By roxblade

Published 7 months agoSun, 24 Mar 2019 22:46:28 -0700 | Last update 7 months agoFri, 05 Apr 2019 00:38:36 -0700

Profile Photo - roxblade

What are the current web design trends i...

MoreWhat are the current web design trends in 2019? Well, to be honest, it&#39;s hard to pinpoint any trend that is future-proof and ready to be used...
🗨
0
🐏
0
👁
455
Profile Photo - Tabloid Author

What is HTML formatting?

Answers in Style and Layout | By Tabloid Author

Published 7 months agoTue, 19 Mar 2019 15:09:37 -0700

Profile Photo - 888_eight_888

Last Reply There are several websites that offer guides on how to use HTML. The first one on Google is https://www.w3schools.com/html/ In addition, several books... 888_eight_888,

There are several website...

Thu, 21 Mar 2019 01:05:26 -0700 7 months ago
🗨
1
🐏
0
👁
180
Profile Photo - thewiddburner

How do I view an HTML file?

Answers in Style and Layout | By thewiddburner

Published 7 months agoTue, 19 Mar 2019 19:01:56 -0700

Profile Photo - bryan_pantana

Last Reply Presumably you mean the HTML source code page. All Internet browsers allow users to view the source code HTML page of any web page. Computerhope.com h... bryan_pantana,

Presumably you mean the H...

Wed, 20 Mar 2019 15:50:06 -0700 7 months ago
🗨
1
🐏
0
👁
148
Profile Photo - Your Dad

How do you indent XML in Notepad++?

Answers in Style and Layout | By Your Dad

Published 7 months agoTue, 19 Mar 2019 19:35:00 -0700

Profile Photo - Boats, LLC

Last Reply Use the XML Tools plugin for Notepad++ and then you can Auto-Indent the code with Ctrl + Alt + Shift + B. For the more point-and-click inclined, you c... Boats, LLC,

Use the XML Tools plugin...

Wed, 20 Mar 2019 09:20:51 -0700 7 months ago
🗨
1
🐏
0
👁
170
Profile Photo - August R. Garcia

Embedding Fonts with CSS and Base64

Articles in Style and Layout | By August R. Garcia

Published 8 months agoTue, 26 Feb 2019 11:29:50 -0800

Profile Photo - August R. Garcia

Last Reply For context, this site uses four fonts (Barlow, Barlow Condensed, Barlow Semi-Condensed, and Rokkitt), which come to a total of 159.7 kllobytes worth... August R. Garcia,

For context, this site us...

Sun, 10 Mar 2019 21:02:49 -0700 8 months ago
🗨
1
🐏
0
👁
3,987
Profile Photo - Some Guy

How to Use CSS to Style HTTP/HTTPS Links and Internal/External Links

Forum in Style and Layout | By Some Guy

Published 8 months agoWed, 06 Mar 2019 11:51:25 -0800

Profile Photo - August R. Garcia

Last Reply And this renders as: a { } .whatever a[href*="http://"] { color:red; } .whatever a[href*="http... August R. Garcia,

And this renders as:

Wed, 06 Mar 2019 17:08:10 -0800 8 months ago
🗨
1
🐏
0
👁
218
Profile Photo - Some Guy

In CSS, how to make table cell height of row?

Answers in Style and Layout | By Some Guy

Published 11 months agoSun, 02 Dec 2018 03:43:12 -0800

Profile Photo - roxblade

Last Reply  > Firstly, select the row whose height is to be specified.  > Then, select the cell height and width option from table menu.  ... roxblade,

 > Firstly, selec...

Wed, 27 Feb 2019 15:49:02 -0800 8 months ago
🗨
1
🐏
0
👁
227
Profile Photo - August R. Garcia

Solving FizzBuzz with CSS

Articles in Style and Layout | By August R. Garcia

Published 8 months agoTue, 26 Feb 2019 18:12:53 -0800 | Last update 8 months agoTue, 26 Feb 2019 18:29:02 -0800

Profile Photo - August R. Garcia

CSS counters, before and after pseudo-el...

MoreYou can get a reasonably functional solution far for this problem by using :nth-child selectors combined with :before and :after pseudo-elements....
🗨
0
🐏
0
👁
351
Profile Photo - Hash Brown
Profile Photo - Hash Brown

Installing WordPress themes is easy, but...

MoreFor anyone new to WordPress or for those who are taking life seriously and just picked up their first GeneratePress Premium license this is a quick gu...
🗨
0
🐏
0
👁
386
Profile Photo - Hash Brown

GeneratePress

Wiki in Style and Layout | By Hash Brown

Published 9 months agoWed, 13 Feb 2019 04:56:26 -0800 | Last update 9 months agoWed, 13 Feb 2019 10:24:38 -0800

Profile Photo - Hash Brown

GeneratePress is a WordPress theme which...

MoreGeneratePress (also referred to as GP around the web) is a WordPress theme. It's designed to be extremely versatile, lightweight and comes crammed wit...
🗨
0
🐏
0
👁
369
Profile Photo - Some Guy

What are the optimal/required favicon icon dimensions?

Answers in Style and Layout | By Some Guy

Published 10 months agoSun, 13 Jan 2019 04:27:55 -0800

Profile Photo - roxblade

Last Reply 16x16 pixels is the standard for the web. Save it as a .ico file and you're done. 32x32 also works and preserves more details.The more important thing... roxblade,

16x16 pixels is the stand...

Sat, 02 Feb 2019 07:18:21 -0800 9 months ago
🗨
1
🐏
0
👁
211
Profile Photo - Some Guy

[CSS] Fill an SVG with a gradient?

Answers in Style and Layout | By Some Guy

Published 10 months agoSun, 13 Jan 2019 04:28:05 -0800

Profile Photo - roxblade

Last Reply Linear or radial -- SVG provides simple code for filling (or stroking) an SVG element with a gradient. Linear gradients are done using the following c... roxblade,

Linear or radial -- SVG p...

Sat, 02 Feb 2019 07:16:22 -0800 9 months ago
🗨
1
🐏
0
👁
214
Profile Photo - Some Guy

How to rotate text in an SVG using CSS?

Answers in Style and Layout | By Some Guy

Published 10 months agoSun, 13 Jan 2019 04:28:35 -0800

Profile Photo - roxblade

Last Reply You should be using the transform: rotate rule in your CSS. Let's say the text is in the div classified as "round".Now, here's the code if you want to... roxblade,

You should be using the t...

Fri, 01 Feb 2019 03:53:03 -0800 9 months ago
🗨
1
🐏
0
👁
254
Profile Photo - Some Guy

[CSS] Set an element with display:flex to have a width of 100%?

Answers in Style and Layout | By Some Guy

Published 10 months agoSun, 13 Jan 2019 04:28:55 -0800

Profile Photo - roxblade

Last Reply I will assume that you want the element (most probably a div container) to be 100% wide, as in taking up the whole screen in width. And you're using f... roxblade,

I will assume that you wa...

Fri, 01 Feb 2019 03:40:47 -0800 9 months ago
🗨
1
🐏
0
👁
223
Profile Photo - Some Guy

How to vertical align items in a CSS flexbox?

Answers in Style and Layout | By Some Guy

Published 10 months agoSun, 13 Jan 2019 04:29:05 -0800

Profile Photo - roxblade

Last Reply Vertically aligning is one of the most fascinating things in web design as it wasn't possible without crude hacks to achieve perfect alignments before... roxblade,

Vertically aligning is on...

Fri, 01 Feb 2019 03:36:10 -0800 9 months ago
🗨
1
🐏
0
👁
248
Profile Photo - Some Guy

[HTML/CSS/PHP] SVG -- Best way to make a make <polyline> smooth?

Answers in Style and Layout | By Some Guy

Published 10 months agoSun, 13 Jan 2019 04:29:25 -0800

Profile Photo - roxblade

Last Reply It is very tricky, to be honest. The first thing you should do is check if creating a larger image solves your problem. It's the simplest way, real... roxblade,

It is very tricky, to be...

Fri, 01 Feb 2019 03:13:48 -0800 9 months ago
🗨
1
🐏
0
👁
247
Profile Photo - Some Guy

[CSS] Do the before/after pseudo-elements work at all with iFrame tags?

Answers in Style and Layout | By Some Guy

Published 10 months agoSun, 13 Jan 2019 04:29:56 -0800

Profile Photo - roxblade

Last Reply No, there is no way to do that. You can wrap your iframes in divs, as before/after pseudo-elements work with containers only (any other HTML5 containe... roxblade,

No, there is no way to do...

Fri, 01 Feb 2019 03:09:18 -0800 9 months ago
🗨
1
🐏
0
👁
484
Profile Photo - Some Guy

[JavaScript] Decode all HTML entities?

Answers in Style and Layout | By Some Guy

Published 10 months agoSun, 13 Jan 2019 04:29:46 -0800

Profile Photo - roxblade

Last Reply There are many ways of doing it, through jQuery as well as JavaScript. One way that I'm fond of that preserves the tags while doesn't have the jQuery... roxblade,

There are many ways of do...

Fri, 01 Feb 2019 03:05:55 -0800 9 months ago
🗨
1
🐏
0
👁
232
Profile Photo - Some Guy
Profile Photo - roxblade

Last Reply If you do not repeat the same class declaration, then the style code won't be applied to all the elements of that same class. Let's say you wi... roxblade,

If you do not repeat the...

Thu, 24 Jan 2019 04:38:09 -0800 9 months ago
🗨
2
🐏
0
👁
226
Profile Photo - Some Guy

How to change background color in HTML?

Answers in Style and Layout | By Some Guy

Published 10 months agoSun, 13 Jan 2019 04:26:45 -0800

Profile Photo - Hash Brown

Last Reply Hello, This is fairly simple. You can read about background CSS settings here: https://www.w3schools.com/cssref/css3_pr_background.asp... Hash Brown,

Hello,

Tue, 22 Jan 2019 15:35:46 -0800 9 months ago
🗨
1
🐏
0
👁
236