[ Show ]
Support VoyForums
[ Shrink ]
VoyForums Announcement: Programming and providing support for this service has been a labor of love since 1997. We are one of the few services online who values our users' privacy, and have never sold your information. We have even fought hard to defend your privacy in legal cases; however, we've done it with almost no financial support -- paying out of pocket to continue providing the service. Due to the issues imposed on us by advertisers, we also stopped hosting most ads on the forums many years ago. We hope you appreciate our efforts.

Show your support by donating any amount. (Note: We are still technically a for-profit company, so your contribution is not tax-deductible.) PayPal Acct: Feedback:

Donate to VoyForums (PayPal):

Login ] [ Contact Forum Admin ] [ Post a new message ] [ Search | Check update time ]

Special Trick Mixing different Styles

adding CSS code within HTML.

This page shows how to mix incompatible methods.
when you're learning HTML & CSS, you've probably searched for various codes
(visiting Internet Forums & Websites).
But, much to your dismay, the codes which you're given often don't work.
For example, you begin with a simple old code, such as <Table border=0 bgcolor="#FDF5E6" > ...etc.

....or, something that looks like this:

So, a few years afterward......
you're trying to enhance your old page with updated CSS features.
The latest CSS Codes are then obtained from the most reputable websites.
But, when you try implementing them, it just doesn't work.

Perhaps... A great site, such as Stackoverflow, or W3schools offers promising CSS codes.
for example:
{font-size: medium; color: #3E3E54; text-align:center;
border:2px solid #E6E6FA; padding: 8px; border-spacing: 12px; border-radius:5px;}
etc, etc, etc.

You get very excited! ....expecting to see wonderful new effects on your webpage.
But instead, nothing works!
Unfortunately, these codes produce no noticeable changes whatsoever.

Here's a little trick which may solve this problem:
Whenever using older HTML code,
---(example: <Table border=0 bgcolor="white")
and, you're trying to use newer HTML or CSS,
.....such as...
border:2px solid #E6E6FA; padding: 12px; border-spacing: 12px; border-radius:40px; color:#282828; text-align: center;
let's try using The DIV STYLE Trick which may allow you to mix incompatible styles:
Simply try adding style= and then, the new code within " ".
(Thus allowing you to mix older material with upgrades within the same continuing sentence).

(older material which used = signs and "parenthesis"), along with newer code which now uses : hyphens and ; semicolons.
here's an example:

Notice how style="additional code using : and ;" was added after bgcolor="#FDF5E6"
Different methods are being used within the same code:
bgcolor="#FDF5E6" style="border:2px solid #E6E6FA; ...etc."
(Also: notice how it starts with bgcolor="xxxxxx" THEN suddenly changes to STYLE=" )
and, of course; all codes after STYLE= are enclosed between " ")

here are a few examples where I'm mixing old tables with newer-style code:
Joy To The World Joy To The earth Joy To The planet

List #1 List #2 List #3 List #4 List #5

Best of all: We can just keep adding more codes whenever desired.

style="border:2px solid #E6E6FA; padding: 12px; border-spacing: 12px; border-radius:25px; color:#282828; text-align: center;"
...and, just keep going...

....(although, many added affects can either be trivial or negative. So, choose wisely).

There are no messages in the main index.

Post a message:
This forum requires an account to post.
[ Create Account ]
[ Login ]

THE DIV STYLE TRICK can even be used with obsolete HTML features.
Let's try it with FONTS:

TitleA TitleB TitleC TitleD (with large text-font-size: 137%;) TitleE (with large text)

Row 1A Row 1B Row 1C
Row 2A Row 2B Row 2C
Row 3A Row 3B Row 3C

Row 1A-- Row 1B-- Row 1C--
Row 2A-- Row 2B-- Row 2C--
Row 3A --the end Row 3B --the end Row 3C --the end

for office use only
this was an experimental project, since completed on voy/230247
List #1 List #2 List #3 List #4 List #5

editors note only:
this is an old-style example of Tables.
Row #1 Row #2

and, here's a few examples of trivial CSS:
border-left: solid; border-right: blank; border-width: medium; border: dotted 20px black; border: double 20px black;

[ Contact Forum Admin ]

Forum timezone: GMT-8
VF Version: 3.00b, ConfDB:
Before posting please read our privacy policy.
VoyForums(tm) is a Free Service from Voyager Info-Systems.
Copyright © 1998-2019 Voyager Info-Systems. All Rights Reserved.