256 Kilobytes

Style and Layout Forum

Type ForumThis is an Internet forum. Very nice. Category Style and LayoutHTML, CSS, and related topics. Tag All

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 2 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:<br /...

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

What DOCTYPE to use and why?

Forum in Style and Layout | By Some Guy

Published 5 months agoSun, 02 Dec 2018 03:44:50 -0800

Profile Photo - Hash Brown

Last Reply <!DOCTYPE> is the proper way to do things for HTML5 and should be the only thing you use going forward. If you are working on legacy systems... Hash Brown,

<!DOCTYPE> is the p...

Tue, 15 Jan 2019 17:46:41 -0800 4 months ago
🗨
1
🐏
0
👁
77
Profile Photo - Some Guy

What is the viewport meta tag used for?

Forum in Style and Layout | By Some Guy

Published 4 months agoSat, 29 Dec 2018 00:10:10 -0800 | Last update 4 months agoSat, 29 Dec 2018 13:24:44 -0800

Profile Photo - Louis J. V. Cicalese

Last Reply General Explanation of the Viewport The viewport is the size of the window in which your website is displayed. The snippet of code above is how you... Louis J. V. Cicalese,

General Explanation of th...

Sat, 29 Dec 2018 00:28:07 -0800 4 months ago
🗨
1
🐏
0
👁
86
Profile Photo - Some Guy

How do you make a color gradient using CSS?

Forum in Style and Layout | By Some Guy

Published 5 months agoFri, 14 Dec 2018 18:12:02 -0800

Profile Photo - Some Guy

Last Reply There is also a radial gradient property that functions similarly: https://css-tricks.com/snippets/css/css-radial-gradient/ Some Guy,

There is also a radial gr...

Sun, 16 Dec 2018 14:04:05 -0800 5 months ago
🗨
2
🐏
0
👁
111
Profile Photo - Some Guy
Profile Photo - Louis J. V. Cicalese

Last Reply You can avoid setting the opacity property to the text and other elements by applying it solely to the background-color property. The easiest way t... Louis J. V. Cicalese,

You can avoid setting the...

Sat, 15 Dec 2018 19:27:41 -0800 5 months ago
🗨
1
🐏
0
👁
82
Profile Photo - Some Guy

I need to get Bauhaus font? Where can I find it?

Forum in Style and Layout | By Some Guy

Published 5 months agoSat, 15 Dec 2018 00:04:04 -0800

Profile Photo - Hash Brown

Last Reply Hello, This font is a commercial font so you would have to buy access to the license, it's available here for reasonable money. https://www... Hash Brown,

Hello,

Sat, 15 Dec 2018 00:08:29 -0800 5 months ago
🗨
1
🐏
0
👁
51
Profile Photo - Some Guy

Text-align: center not working -- how to center an element with a border using CSS

Forum in Style and Layout | By Some Guy

Published 5 months agoFri, 14 Dec 2018 22:47:56 -0800 | Last update 5 months agoFri, 14 Dec 2018 22:51:01 -0800

Profile Photo - Louis J. V. Cicalese

Last Reply I can see your problem. When styling your <a> tag, the properties of display: block and width: 200px are interfering with the wrapper div's... Louis J. V. Cicalese,

I can see your problem. W...

Fri, 14 Dec 2018 23:03:39 -0800 5 months ago
🗨
1
🐏
0
👁
70
Profile Photo - Some Guy

The difference between HSL and RGB in CSS?

Forum in Style and Layout | By Some Guy

Published 5 months agoFri, 14 Dec 2018 00:10:06 -0800

Profile Photo - Madeline K. Hutton

Last Reply The key difference between HSL and RGB is the values used to formulate color. HSL blends values of Hue, Saturation, and Lightness, while RGB uses leve... Madeline K. Hutton,

The key difference betwee...

Fri, 14 Dec 2018 00:11:42 -0800 5 months ago
🗨
1
🐏
0
👁
93
Profile Photo - Some Guy

How do I set transition properties for a button using CSS?

Forum in Style and Layout | By Some Guy

Published 5 months agoThu, 13 Dec 2018 03:05:55 -0800 | Last update 5 months agoThu, 13 Dec 2018 03:09:22 -0800

Profile Photo - Louis J. V. Cicalese

Last Reply You can apply transition properties to a button as you would set a property to any other selector. Here’s an example of how to do it, using the... Louis J. V. Cicalese,

You can apply transition...

Thu, 13 Dec 2018 03:09:33 -0800 5 months ago
🗨
1
🐏
0
👁
64
Profile Photo - August R. Garcia

Pure CSS [partial] solution for conditional formatting by cell value for HTML tables with arbitrary data

Forum in Style and Layout | By August R. Garcia

Published 5 months agoWed, 12 Dec 2018 07:53:01 -0800 | Last update 5 months agoWed, 12 Dec 2018 07:55:37 -0800

Profile Photo - August R. Garcia

Close to as good as you can get without...

MoreHad been trying ot get something like this to work the other day. Stumbled into a partial solution earlier. Demo shown in the screenshot. Example code...
🗨
0
🐏
0
👁
69
Profile Photo - Some Guy
Profile Photo - Louis J. V. Cicalese

Last Reply Italics and obliques are both angled versions of upright roman fonts, but have some notable distinctions. An italic is an angled and usually cursiv... Louis J. V. Cicalese,

Italics and obliques are...

Tue, 11 Dec 2018 00:56:21 -0800 5 months ago
🗨
1
🐏
0
👁
74
Profile Photo - Some Guy

Retina Logo, How do I code one?

Forum in Style and Layout | By Some Guy

Published 5 months agoMon, 10 Dec 2018 21:40:57 -0800

Profile Photo - Hash Brown

Last Reply Hello, You can use the srcset="" attribute. This automatically passes higher resolution images to those with hardware that can handle... Hash Brown,

Hello,

Tue, 11 Dec 2018 00:35:47 -0800 5 months ago
🗨
1
🐏
0
👁
70
Profile Photo - Some Guy

How do I add fonts from font squirrel to our website?

Forum in Style and Layout | By Some Guy

Published 5 months agoMon, 10 Dec 2018 21:43:50 -0800

Profile Photo - Hash Brown

Last Reply Hello, This is fairly easy, they do a lot of the work for you. Go to the Font Squirrel page and click on the "webkit" font package.... Hash Brown,

Hello,

Mon, 10 Dec 2018 23:28:22 -0800 5 months ago
🗨
1
🐏
0
👁
52
Profile Photo - Some Guy

Center a button in WordPress

Forum in Style and Layout | By Some Guy

Published 5 months agoMon, 10 Dec 2018 21:30:41 -0800

Profile Photo - Hash Brown

Last Reply Hello, Sure, this is fairly simple. You will need to go to customizer > custom CSS. You need to get the id of the element for your form. Ninj... Hash Brown,

Hello,

Mon, 10 Dec 2018 23:05:31 -0800 5 months ago
🗨
1
🐏
0
👁
52
Profile Photo - Some Guy

How do I make div clickable

Forum in Style and Layout | By Some Guy

Published 5 months agoMon, 10 Dec 2018 21:22:40 -0800

Profile Photo - Hash Brown

Last Reply Hello, The old method did indeed use javascript and all sorts of hacky stuff which made it odd. This works and might feel dirty, but it's 10... Hash Brown,

Hello,

Mon, 10 Dec 2018 22:53:35 -0800 5 months ago
🗨
1
🐏
0
👁
50
Profile Photo - Some Guy

Is there a way to set variables in CSS for a color scheme?

Forum in Style and Layout | By Some Guy

Published 5 months agoWed, 05 Dec 2018 19:29:15 -0800 | Last update 5 months agoWed, 05 Dec 2018 21:39:17 -0800

Profile Photo - Louis J. V. Cicalese

Last Reply There is! At the top of your CSS document, simply create a section for defining these variables using the following syntax:   html { --var... Louis J. V. Cicalese,

There is! At the top of y...

Wed, 05 Dec 2018 19:31:33 -0800 5 months ago
🗨
1
🐏
0
👁
64
Profile Photo - Some Guy

Use Bootstrap or write styles from scracth. Pros and cons?

Forum in Style and Layout | By Some Guy

Published 5 months agoSun, 02 Dec 2018 03:42:11 -0800

Profile Photo - Hash Brown

Last Reply >Am I missing something Probably. I use bootstrap or unsemantic CSS frameworks on 90% of my projects. The benefits of using framework... Hash Brown,

>Am I missing somethin...

Wed, 05 Dec 2018 13:23:44 -0800 5 months ago
🗨
1
🐏
0
👁
52
Profile Photo - Some Guy

Are nulled themes for popular CMS's safe to use?

Forum in Style and Layout | By Some Guy

Published 5 months agoMon, 03 Dec 2018 22:49:10 -0800

Profile Photo - Hash Brown

Last Reply Avoid nulled themes at all cost. It's not worth it. You might save $80 now, but you have literally no idea what extra code these nulled themes... Hash Brown,

Avoid nulled themes at al...

Tue, 04 Dec 2018 00:03:31 -0800 5 months ago
🗨
1
🐏
0
👁
55
Profile Photo - August R. Garcia

[CSS Trick] How to smooth-scroll to anchors using pure CSS (scroll-behavior property)

Forum in Style and Layout | By August R. Garcia

Published 5 months agoMon, 03 Dec 2018 12:34:02 -0800 | Last update 5 months agoMon, 03 Dec 2018 22:59:43 -0800

Profile Photo - August R. Garcia

Apparently this is a thing (as of like t...

MoreApparently this is a thing (as of like two days ago (?)): html { scroll-behavior:smooth; } https://css-tricks.com/snippets/jquery/smooth-s...
🗨
0
🐏
0
👁
65
Profile Photo - Some Guy

SASS vs SCSS vs LESS

Forum in Style and Layout | By Some Guy

Published 5 months agoSun, 02 Dec 2018 03:45:12 -0800

Profile Photo - August R. Garcia

Last Reply This post covers the distinctions pretty concisely:https://marksheet.io/sass-sCSS-less.HTML August R. Garcia,

This post covers the dist...

Sun, 02 Dec 2018 03:49:11 -0800 5 months ago
🗨
1
🐏
0
👁
52
Profile Photo - Some Guy

Is display:table bad practice?

Forum in Style and Layout | By Some Guy

Published 5 months agoSun, 02 Dec 2018 03:44:37 -0800

Profile Photo - August R. Garcia

Last Reply Display:table can be changed where needed, which solves [one of] the largest problem[s] related to using table elements for layout/design. August R. Garcia,

Display:table can be chan...

Sun, 02 Dec 2018 03:48:36 -0800 5 months ago
🗨
1
🐏
0
👁
57
Profile Photo - Some Guy
Profile Photo - Some Guy

More[]https://www.w3schools.com/html/html5_new_elements.asphttps://www.w3schools.com/tags/tag_summary.asphttps://www.w3schools.com/tags/tag_details.asphtt...
🗨
0
🐏
0
👁
75