Basic HTML

Your problems are probably stemming from some HTML not being output correctly (WordPress is designed to remove certain HTML tags from posts and pages) and unexpected styling in your CSS.

Can you post a link to your site so we can see specifically what might be wrong?

Hi JPry,

Thanks for your assistance! Here is the page for what it’s worth. It’s so missing the design elements I created it’s almost unrecognizable….

https://dalebjohnston.wordpress.com/about/

I did not use any CSS, it’s purely conventional HTML.

TR

There are a couple things here…

1. I highly recommend NOT using tables. They add lots of extra code that simply isn’t needed.
2. Your image isn’t showing up because the code has src="HadlyPic_SWS.png", which the browser interprets as being in the same folder location as the current file, which would therefore be https://dalebjohnston.wordpress.com/about/HadlyPic_SWS.png. If your image is located somewhere else, make sure to change the src attribute to the full URL of the image.
3. Your background colors are being overridden by the style sheet. However, this is a bit unusual, as the inline style attribute should override the stylesheet. That might take some more in-depth investigation into what’s actually going on. In the meantime, you could try making adjustments to your stylesheet (it appears that the background color that’s overriding your background color is on line #9… However not using Tables may also help)
4. The cell padding issue is also from your stylesheet. Check out line #88

That should be enough to get you started, I think.

Thanks very much!

Honestly I’ve never seen CSS used in such a way where a table type layouts look the same from browser to browser. So many times you see text on top of text and other formating issues. With tables, with any browser they always look like they are supposed to. Until they come out with another web standard, HTML tables are second only to Flash to create visually attractive, consistent, pixel accurate designs.

Thanks for the image thing. I entered the whole link into my editor, but it truncated the hyperlink.

So there is an active stylesheet even though I did not create one? There is a default one?

Will check on this, thanks again!

TR

Until they come out with another web standard, HTML tables are second only to Flash to create visually attractive, consistent, pixel accurate designs.

Um – they did. It was called XHTML 1.0

Tabled layouts are seriously old-school. If you don’t believe me, have a look at CSS Zen Garden. Not a single table in sight. Plus moving to a table-less layout can reduce file download sizes by as much as 70%.

Even the Big Boys have realised this. See https://www.nytimes.com/ and https://edition.cnn.com/

I regularly create table-less layouts for sites that look the same from browser to browser using HTML and/or XHTML and CSS. esmi is 100% correct… Sites laid out with tables are a thing of the past. Keep tables for what they were meant for… tabular (think spreadsheet) data.

I looked at CSS Zen Garden and with all due respect, while some of the designs are attractive in a basic way, they look like every other CSS site that has been put together in the last 3 years. You can spot a CSS site a mile away. They tend to look like someone had to make compromises in the design and layout process???

Just had a horrible flashback to Web design in the ’90s.

There was some God awful stuff in the mid to late 90’s. There was an upsurge of really awesome HTML/Java and Flash sites in the early 00’s. The last 3 or 4 years things have gotten really bland….