I'm pretty sure this is a CSS problem and not an HTML problem, but I could (easily) be wrong.
see: allendesigns.com
and allen.css
I'm trying to avoid using tables. I want the text on the left and the image on the right. Obviously I want the image smaller, but I'm concerned using px instead of % because of the various screen sizes in use. I would rather use something like 40%. But my first problem is that I cannot get the image to appear next to (to the right of) the text. I am trying really hard not to open Dreamweaver.
Thank you
I don't know why your stuff is spooked all the time. No changes I make to your style sheet takes and I find no problems with it. I had to use inline CSS to make changes show up. I don't think the CSS you have for the two-columns take effect either.
I wouldn't go about it as you've done, but you should see an effect of it and there isn't any. It doesn't work locally when I download the files either. The validators don't find anything major and neither do I.
I'm stumped.
I would place the image before the list, float the image right and let the list be. Possibly I'd place them both in the same DIV.
The DIVs aren't needed at all really. It's just that I still like to follow HTML 4.01 Strict rules and then inline elements can't be contained directly in BODY. But in HTML 5 they can. So basically you can remove both DIVs and float the image directly.
I still don't get why your style sheet doesn't work. It doesn't have to do with the server since I downloaded the lot and the problem is still there.
Yes, I do! God almighty, I must be going blind! In the HTML you've given the DIVs the id twoleftcolumn and the id tworightcolumn but in the CSS you refer to them as classes!
There are two main differences. An id can be use one (1) time per page. A class can be used as many times as you want. Say you want some paragraphs to have red text - then class is the way to go. If you want an identifier for a DIV containing what goes at the top of your page you could use id because you aren't likely to want more than one.
The advantage of id is that it has high specificity. It overrides most other selectors.
But in this case the problem isn't your choice, but that you weren't consistent. You used two IDs in the html but refer to them as classes, in the CSS. So your selectors don't match anything because there are no classes with that name.
This selector
Good. But what I can see you only used each of them once, so either class or id is OK. You just need to remember what's what.
Maybe I wasn't clear. You can have as many IDs as you want, but just one of each, with the same name. So you can have #this, #that and #whatever in the same page but just one instance of each of them.
I don't know. What is the paradox?
Found this overview. Haven't read all of it.
https://blog.logrocket.com/13-ways-to-vertical-center/
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)