Then go to the bottom of that page to see that the same code looks much better in NotePad++ and a browser.
I don’t see what you are referring to here: I see one version only so can’t compare.
Interesting, go to the bottom of the page and see the image from Notepad. Is it not there?
Maybe I smootched…..
Nope, just the single page.
Interesting. I have tested this on several browsers and as a guest. It is only a screen capture image.of the code
Maybe you can see the image here. Here is the same instruction that is in the WordPress page:
http://www.ambrofiles.me/Pics/PPINotepad.jpg
Curiouser and curiouser. I can see it plain as day yet apparently others cannot. I have checked this on other computers here at home but not others off my network.
This explains why my inquiry has not gone vary far in other fora on this same question. Thanks for pointing this out. I will have to fix that first.
Meanwhile, is there a link to somewhere that will explain how to convert a working webpage to WordPress speak? If not, maybe I will write one after this endeavor.
Can you just put the image file on your server and link to it? It’s hard to be helpful without seeing where you’re coming from.
A jumping-off point for importing content into WP is here:
http://codex.wordpress.org/Importing_Content
Looking at your site, though, it seems you already have your content in place, and I suspect it’s more to do with css styling issues? In general, once you find a theme you like, it (or preferably a child theme) will take care of presentation, and you can focus on content and organization of such.
… how to convert a working webpage…
That’s going to depend on what you’re trying to bring from that page into WP.
Yes, it is a lot of content with minimal CSS. This page is the first effort to place the CSS into the Editor so that I can use it globally.
Unfortunate about 1/3 of it is not working.
The image is on a server but something burped in server security that seems to allow me to use the URL access but not others outside of my system. Here I was sailing along thinking that the images were all set and now not so sure.
Do me a favor, go to sga.professorsplace.info/?page_id=2981 and see if the images of the books on the right side show for you.
see if the images of the books on the right side show for you.
Yes, I see two books on that page.
This page is the first effort to place the CSS into the Editor so that I can use it globally.
I assume you mean placing your styles into the child style.css file, right?
Looking at your source markup, I see extra html, head, and body tags. That leads me to think that you’re trying to bring too much from the old site into the new child theme. When working with a child theme, let the theme control the layout basics, and just make your necessary tweaks to the child styles. Resist the urge to put styles into your post/page content unless there is a good reason.
If you need to make bigger functional changes, you can start copying parent theme files, editing them as needed, and adding them to your child theme. Hope this helps.
Ok, now I am getting somewhere.
I began to wonder if any of the images were getting through, now it seems that only on this one page is there a problem. I copied the code for a book image to the bottom of page and it did not show. After your note, I moved it to the top and it did show. I now have the image of the Notepad/browser result posted at the top.
Let me know if you can see it how.
Some differences I see are double spacing, incorrect font size, and colors in the table. I wonder if there is a link between these and the problems I am seeing with images.
Not sure what page has the image I should be looking for, but I don’t see it on any of the three you mention above.
I see you’ve cleaned up some of the html and things are looking more uniform. The page on ‘info about the book’ (http://sga.professorsplace.info/?page_id=2981) still has extra head, body and html tags. Got to lose those. Also in use (the ones I’ve noticed) are obsolete big and center elements. I saw lis without a parent ul or ol. Also keep in mind that lists included within a blockquote tag may pick up unwanted styles. Any or all of these things may get you unexpected results in rendering your css rules. Looks like you’re getting there though. Keep it up, and good luck.
Ok, for fear of the worst, try this page: http://sga.professorsplace.info/?page_id=4095
In some pages my images work in others it doesn’t.
This one should contain a screen shot of what the code on page 705 looks like using Notepad and a browser.
Since the other pages do show my images from the server, then I can only suspect that something in the offending page is blocking them on that page.
http://sga.professorsplace.info/?page_id=705
I see you’ve cleaned up some of the html and things are looking more uniform. The page on ‘info about the book’ (http://sga.professorsplace.info/?page_id=2981) still has extra head, body and html tags.
There has been some long history in the development here and it reflects my learning HTML. At first it was all in-line css (pg 3613) then use of the < head> (pg 2981)section and finally use of the child theme for the CSS. (pg 705)
These last two were the only ones other than the in-line CSS although I did not use much of it back then.
interesting that you see the HTML tags in 2981 as that gives me no problem at all. It is only 705, which uses CSS from the child theme, that gives me any problems.
For the most part, all of my blockquotes have been giving me no problems and only 705 has been a real pain. For now, I am going to concentrate on 705 and figure that once solved then the others will follow.
I really appreciate your tolerance in this slipshot effort to get to the bottom of all this.
Please let me know if you see the image in page 4095 as it shows the original issue. I figure that once I fix up 705 then I may see why images are not working there.
OK, got a look at your image at last. Seems to be that the main trouble is fonts being too small. You have some tr elements that are inheriting more than one size reduction via em sizes and therefore shrinking more than you probably want. You have:
#content {font-size: 16px;}
#content table {font-size: 0.7em;}
#content .table3 td {font-size: 0.8em;}
resulting in a size of ~8.9px.
Also you have a .smaller class that excessively shrinks some text mid-page.
If you aren’t already doing it, best thing would be to use the web inspection tools of your browser to inspect the individual problematic elements to see which rules are causing trouble. That should help you find the last remaining issues and get them fixed up.
In general, the TwentyTen WP theme will do a good job of most of your initial layout and sizing, and you can then just tweak your child-theme styles with the last little bits. Don’t hesitate to axe your former styles completely at the outset (and get rid of in-line styles where possible), as it is fairly trivial to add back what is needed in your child-theme’s style.css, especially in such a bare-bones structure as you currently have.
I will look into what you suggest but it does pass W3schools validator.
Are you suggesting that my use of font size is averaging rather than replacing?
