Posted images are...Weird? How to fix?
Hello!
So I'm totally loving this theme; it is so easy to use. The ONLY thing I an complain about is the posting of images in posts & pages, and it would be lovely if someone could tell me how to fix it. I'm not very versed in css and all that jazz, so I didn't want to go mucking about my website for fear of breaking anything. So here is a page from my website with an example of what I'm annoyed with: http://www.rubberhouse.net/links/ One thing I want to get rid of is the line around the images. Also, the images won't stay on the same line together? What I mean is, if you type out the below html all the images should sit side by side, yes? Well, they aren't. They each go to a new line, as you can see on the webpage above. I don't want that. I want the images to be able to sit side by side. HTML Code:
<img src="http://www.rubberhouse.net/wp-content/uploads/2013/09/jdz-button051.gif"><img alt="" src="http://www.rubberhouse.net/wp-content/uploads/2013/09/banfireflysworld.gif"><img src="http://www.rubberhouse.net/wp-content/uploads/2013/09/link130x55_3.gif"> |
Quote:
|
Thanks for the suggestion; but I don't use FireFox (I use google chrome) and I'd rather not download another browser just to use the addon you suggested. I have no knowledge of CSS either. I can hardly believe that I'm the only person annoyed with the borders. I've been perplexed as to why something like that would be included in the wordpress template.
Maybe I'll be able to find someone who can answer my question in real life, and have them fix it for me. Thanks. I figured out that I can at least make images go side by side using tables (but honestly, I shouldn't HAVE to do that) |
Well, I personally like the borders.
If you plan to make many customizations to almost any template, you really should learn CSS so you can make the changes, and having safari, Firefox , chrome and IE on your machine Isn't a big deal and it allows you to look at your site and see if there are and differences. And you're free to use another template. |
Well, my broham told me what to look for at least as far as the padding and outline went; I found it in the content.css file.
I still have yet to figure out how to get the images to be on the same line. http://www.rubberhouse.net/links/ For instance there are three images stacked there, and I don't want them stacked. They appear side by side in the page/post editor but not when published. |
add a 'float' right/left to each of them
|
Quote:
You really should read a tutorial on CSS, it's not that hard to pick up, and once you understand how it works, you'll be able to do all sorts of things with the appearance, including colors, borders, margins, "floating" elements, etc. Chrome has Developer Tools (DevTools) integrated into the browser, which is very similar to Firebug (I actually like it better than Firebug). When you're examining a site, just right-click on an element and select Inspect element from the pop-up menu (it should be the last menu item at the bottom). The DevTool console will open up at the bottom of Chrome. You can add CSS rules in real-time, so you can see how they would affect the appearance. |
All times are GMT -6. The time now is 07:55 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.