Ya gotta keep 'em separated!

Posted by: Phosphor

Ya gotta keep 'em separated! - 11/21/08 06:07 PM

Text and images, that is.

With the toolbar button ability to add images here as a floated image (formerly known as left aligned or right aligned), it's just good policy that they include some space surrounding them—especially on left-float so that adjacent text isn't butting right up against the image.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam ornare dictum ligula. Maecenas elementum suscipit nisl. Cras imperdiet leo ac felis dictum luctus. Pellentesque odio nisi, accumsan nec, scelerisque sed, consectetuer nec, justo. Sed tortor sapien, suscipit id, pulvinar vel, elementum id, lorem. Nullam consectetuer risus sit amet nibh. Vestibulum consectetuer, quam vitae euismod volutpat, magna magna consectetuer dui, et accumsan magna dui non nibh. Morbi adipiscing consequat erat. Vivamus quis massa eget orci fermentum laoreet. Morbi posuere purus. Duis feugiat lacus vel nisi. Aliquam ipsum felis, pretium sed, vehicula vel, dictum eget, nibh. Morbi turpis nulla, luctus viverra, pretium in, suscipit vitae, purus.

Morbi gravida lacus sed lorem. Mauris vestibulum. Cras vehicula porta eros. Curabitur ut justo vel pede elementum semper. Integer pretium pulvinar augue. Aenean ut nisl non lectus porta feugiat. Mauris iaculis pede a risus. Suspendisse mollis. Donec suscipit. Sed tellus magna, tempus a, ultricies in, dignissim et, nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Proin viverra vulputate pede. Sed nec mauris ut turpis convallis tempus. Maecenas id justo vitae lacus fringilla interdum. Nulla diam.

Phasellus interdum dictum tellus. Donec convallis leo in orci. Vestibulum eget nibh. Nullam consectetuer blandit elit. Cras non ipsum ut nulla pulvinar consequat. Maecenas tincidunt, dui sed interdum vehicula, justo arcu tempus risus, id semper arcu velit sit amet mi. Donec sem. Sed pulvinar fringilla elit. Quisque ante. Cras tempor lobortis velit. Phasellus porta arcu sit amet libero. Aenean aliquet, leo in porta aliquam, est tortor accumsan justo, vel ultrices leo dui nec velit. Etiam vel nibh. Quisque eu ante ut diam auctor molestie. Nullam mattis, nulla et molestie cursus, neque orci consectetuer nisl, eget consequat sapien pede vitae augue. Fusce pretium velit et lacus. Cras commodo sagittis velit. Proin lobortis, diam in semper viverra, enim pede adipiscing massa, a convallis enim sem consectetuer odio.
Posted by: MacGizmo

Re: Ya gotta keep 'em separated! - 11/21/08 06:14 PM

This has to be done at the CSS (style sheet) level, which means Neil will have to look into adding a padding/margin tag to the image style. I don't know if it can be done easily for him or not, but I'll point him to this thread.
Posted by: Phosphor

Re: Ya gotta keep 'em separated! - 11/21/08 06:59 PM

Yep, I understand it requires a CSS tweak. But it's a simple one for somebody who know what to do. If li'l ol' code-fearing Phos can manage to do it in the MySpace and Blogger templates, a real web jockey should be able to do it with one hand tied behind their back.

See, it's things like this that gets me a little miffed about HTML being disabled.

The thing is, I know PLENTY of forums that allow HTML that rarely—if ever—have any problems, and that adds to my miffededness.

smile
Posted by: neil

Re: Ya gotta keep 'em separated! - 11/21/08 07:03 PM

I can tell the miffededness from the look on your face. smile


Posted by: neil

Re: Ya gotta keep 'em separated! - 11/21/08 07:06 PM

Seriously -- I just looked into the styles that I can change, and I don't seem to be able to do this.

I tried.
Posted by: Phosphor

Re: Ya gotta keep 'em separated! - 11/21/08 08:09 PM

Originally Posted By: neilticktin
I can tell the miffededness from the look on your face. smile

Heh, even at four years old, I was sick to dang death of my Dad sticking a camera in my face any time of the day or night. That shot was even taken during one of my favorite activities...riding my pedal tractor from one end of the block to the other, and back through the yard to the alley and the field behind the alley.

I'm still pretty camera shy. I'd make for a horribly maladjusted celebutante.

laugh
Posted by: neil

Re: Ya gotta keep 'em separated! - 11/21/08 08:56 PM

Crack me up.
Posted by: Mississauga

Re: Ya gotta keep 'em separated! - 11/22/08 05:59 AM

The colourizing is very cool!
Posted by: MacGizmo

Re: Ya gotta keep 'em separated! - 11/22/08 02:14 PM

You need to add the code to the XXXXX.css style sheet itself, not in the forum software. It's not a question of whether or not you're allowed to, you just add it in with any text editor application. Sorry if you already knew that.

Perhaps Phos can share the code, since he's already used it on his site/mySpace? What say you, Phos?
Posted by: neil

Re: Ya gotta keep 'em separated! - 11/22/08 02:20 PM

Originally Posted By: MacGizmo
You need to add the code to the XXXXX.css style sheet itself, not in the forum software. It's not a question of whether or not you're allowed to, you just add it in with any text editor application. Sorry if you already knew that.


No problem. I appreciate the comments.

It's actually a bit more funky than that. There's the css and source files -- which are part of the UBB solution. I'm trying very much NOT to touch that stuff as it makes it much more difficult to update to future versions. I only want to touch the stuff that is really mission critical.

Now, in addition to this, there's a bunch of css stuff stored as part of the template styles that I can edit to my heart's content without without worrying about new versions messing it up. It's here that I was trying to make the change. Problem is -- I can't control this issue here, and it's not important enough to deal with in the source code. smile

Hope that makes sense.

Thanks!

Neil

Posted by: Phosphor

Re: Ya gotta keep 'em separated! - 11/22/08 03:21 PM

Originally Posted By: MacGizmo
Perhaps Phos can share the code, since he's already used it on his site/mySpace? What say you, Phos?

It is a very, Very, VERY bad idea to put me on the case.

First off, MySpace coding is oddball in so many ways, it's hard to say whether what works there would work here the same way. Plus I've only managed to change stuff by a laborious process of edit-check-edit-check-edit-check-edit-check, until it works in Firefox. I'll think I have it nailed, then find occasionally that it's VERY different and not at all the way I want things to look when I do a test view in Safari.

I've learned just enough to keep the intartubes from winking out of existence when I make changes.

Add to my ineptitude the fact that I can't directly go through my edit-check process, and the shameful fact that I can't explain what needs to be done in words. And I have no idea of the structure of the UBB software.

I'll bet I could manage to do it, but only if I had the software installed here and with a gallon of coffee by my side.

smile
Posted by: MicMeister

Re: Ya gotta keep 'em separated! - 11/23/08 12:36 AM

Originally Posted By: Phosphor
First off, MySpace coding is oddball in so many ways, it's hard to say whether what works there would work here the same way. Plus I've only managed to change stuff by a laborious process of edit-check-edit-check-edit-check-edit-check, until it works in Firefox. I'll think I have it nailed, then find occasionally that it's VERY different and not at all the way I want things to look when I do a test view in Safari.


Hey now Phos...that's how it's done most of the time even by pros. The browser incompabilities and genuine disrespect of W3C standards *COUGH*IE*COUGH* is a designer's nightmare sometimes.

Especially when you're editing a premade css on a web-service or something, and just about the only times you can see what you did right and what went wrong is when a 3rd guy on the line somewhere uploads the css you edited onto the server...very professional sounding, eh?

But yeah, MySpace is a whole different beast. Or actually maybe not. The css I've been now working on, just might have about an equal amount of styles in it as MySpace has, but MySpace defaults are hard to override and go around with the editing capabilities it has been giving. Besides, I found it to be such a hassle and too much hacking, that after I got my profile to this stage I decided to give up on it. Now I'm doing that kind of stuff - editing a big-ass css file, but I'm getting paid for it. Besides, this time I know which field defines what and what the given style is called, so it's not quite the same blind-firing.

And I'm a little confused as to how the image padding and the space between text and images would not be set in the css. Anyways, Blogger, for instance has a nice way of using images. But I wouldn't worry too much about it just now, if it is such a hassle and risk at the moment.
Posted by: Phosphor

Re: Ya gotta keep 'em separated! - 11/23/08 01:02 AM

Quote:
"Selekta Miihkalicious only accepts add requests from people he/she knows. You must enter either Selekta Miihkalicious's last name or email address to send your request."


Hit me, mate!
Posted by: MicMeister

Re: Ya gotta keep 'em separated! - 11/23/08 03:56 AM

Doneski! Yeah, that's my dj handle, actually. And I've had so many idiots requesting friendship to spam or advertise porn I got tired of it. laugh
Posted by: Phosphor

Re: Ya gotta keep 'em separated! - 11/23/08 09:02 AM

Cool, Man...I'm there.

I was tweaking around last night, sprucing up my profile layout (I put the "•••Intakes & Outros•••" in the right-column into a scrolling <div>) and now every time you roll-over an image/link, the stuff around it jumps a wee bit. I have NO idea what I changed to make that happen, and I was pretty careful about my code changes.

See? That's why nobody with a gram of sense would take my advice about how to fix CSS!

Posted by: MicMeister

Re: Ya gotta keep 'em separated! - 11/23/08 08:12 PM

Hmmm...It doesn't do that jumping in Windows on either Firefox or Safari (for Windows). So even different OS/platform versions of the same versions can interpret css slightly differently. And one of the worst parts is, because of all this, there may be one way that works in some browser, but takes another way on another, or sometimes you find a third way, that incidentally works pretty much the same on most of them. I also see many sites having a whole different css for IE alone...then there's actually some nifty hacks you can do on IE (windows mainly, though), but rarely on any other browser does it work, so better to leave them out completely. And then there still is that backwards-compatibility issue usually going back at least one browser generation... It's such a grand profession to be a web designer.
Posted by: Phosphor

Re: Ya gotta keep 'em separated! - 11/23/08 11:07 PM

I jumped back in, poked around and fixed it.

smile

I have IE 5.1.3 which I can fire up in the Classic enviro, but as a hobbnyist, I really don't give a crap what people visiting with IE see.


It's not worth my time to worry about. If it works in FF and Safari, I'm cool.