Could someone please tell me why on Cobblers profile the background image is cut off so to speak on the right and left sides? Also why is the left side smaller than the right side? I think it has something to do with margins, but I can't figure it out. Any help would be greatly appreciated, trying new things with coding always make my brain hurt >.<

Margins and width actually, but you were half right. ;)

You could add this: { margin:0; width:100%; }

but it still leaves a brown-ish bar the bottom.

I usually find it's better keeping the background on the body, but you have some bits of coding making it so that you can't just switch to that without changing other stuff too.

thank you so much! I went back to my old code with a few new tweaks. 2 more questions and you're a godsend! Any idea how I can move the pet name & owner from the top of the profile to being underneath the pet image? And how can I move the profile from the center to the left or right of the page?

Well let's see if I can answer those questions too then. ;)

Well for the text it'd be easiest to just remove the positioning they have to them, since the default has the text under the pet image. Or at least change the top px's to 0. You might still need the left since the image has been moved a bit as well.

aligning the profile is a bit harder to figure out. my first idea definitely broke the page a bit, but that's what happens sometimes when tweaking a profile that's coded differently than how I would do it. I have a pet profile with a similar setup though if you'd be interested. link

Okay, I've been trying to figure this out for a while, so here's to hoping someone sees this...

I've been trying to code Twiley's for a while now. I want the balloon image (that you can see in her context box) floating to the right of said context box. For some reason, however, I can't seem to get it over there.

I've put the balloon in it's own text area and everything and just can't seem to get the two areas to separate.

I tried renaming the area from 'pet desc' to 'story' and it made the box separate entirely. Then neither the text nor the balloon would adjust to the positions I had set.

Anyone have any suggestion? I figure I'm just overlooking something pretty simple and can't quite figure it out.

You seem to be on the right path, creating seperate divs for the two. But you should preferably not add any css to the div called , which is the default text div on the pet profiles. Instead you should stick to positioning and sizing the two new divs you created.

I'm feeling really dumb right now.

I'm working on my profile and for some reason, I can't get the comment box to go transparent and to shrink down to fit the box. I would also like the background of column 1 to be transparent too.

Transparencies: .block, .info_block { background:transparent; border:0px; }

As for the size of the comment box you only need the ! in front of important. The one after is why it's not reading it correctly. ^^

Oh my! I think I may love you! Thank you so much!

Hehe, no problem at all. :)

If you don't mind, can I ask one more question?

The border around the textbox, how do you make it disappear?

One question, two questions, ask as many as you'd like. :)

that would be .textbox { border:0px; }

Oh thank you. One more? XD I'm going to give you your exercise today!

After I did that, I think I must have deleted something or something wonky happened. The comment box is under the comment button.. which is no longer transparent. Also, how would I make the button transparent but maybe have the words slightly visible? And can I change it from "Leave A Comment" to something else?

Yeah, did you have any css for .forminput before? I think you may have deleted that. Also I would suggest not trying to position the comment box itself if you've positioned the column it's in. Either use the column to position it, or position the texbox and button individually but not both.

As for the button, you can use background:transparent; and border:0px; like you did for the columns, that would leave the text visible. You can't change the text in the button but what you can do is hide the text as well and then slap a background image on it, with whatever text you want. :)

Oh, ok. ^^

The button is still at the top of the comment box. =S

I'm so sorry for all this. I'm trying to learn. Pet profiles I'm getting used to... User profiles are a bit harder.

Ahh that's what I meant about not positioning the parts of the comment box. Remove the position:absolute; from the .textbox. And then you'll most likely want to remove the height and width you set for and add a width to .forminput. (you'll also need !important for the height and width of .forminput, just like you did for .texbox)

It's okay. User profiles are tricky to get used to. :)

It really is.

Done what you said and it created what looked to be a third column off to the right and made the profile scroll both x and y. And now no button. XD

I'm so difficult!

Ahh damn. xD Okay, maybe add the height and width back on , but if it's too small it'll most likely scroll.

I might just have to check through my old profiles to see if I can find a bit on finished coding to go from.

[edit]

Okay here is an example of how I've coded a comment box.

.header { display:none; } { position:absolute; top:450px; left:480px; width:300px; } .textbox { height:95px !important; width:290px !important; background: transparent; border:0; } .forminput { height:14px !important; width:290px !important; font-size: 10px; margin-top:1px; border:0; background:transparent; }

Can someone tell me if css can make the blue border around items that I have put onto a wishlist, be made more bolder/darker? I can barely see them as is. =/ and if anyone can, I will gladly tip. :)

.wishlist { border:1px solid ; }

And then of course just change the hexcode to whatever suits you.