Recent Topics

1 Oct 06, 2005 22:25    

I am trying to fix a few things on the ality skin which is on the skins site at: http://skins.b2evolution.net/a.php?skin=ality

I fixed the lowercase/uppercase thing in the title, and the double-date thing with the post dates.

Now I am working on the width of the comment input area problem, and have run into a snag. You can see the problem by looking at a comment screen on the skins site: http://skins.b2evolution.net/a.php?title=lorem_1&more=1&c=1&tb=1&pb=1#comments

The center section is overlapping the right column, and it is due to the input text area of the new comment screen. The easiest way to demonstrate that this is the problem area is to change the following line in the default _feedback.php:
form_textarea( 'comment', '', 12, T_('Comment text'),
to
form_text( 'comment', '', 12, T_('Comment text'),

If you convert the multi-line comment field to a standard single-line text field, the problem goes away. The problem, therefore, is with the alignment of the Comment text input field (it is aligned too far to the right).

I have tried playing with the intro text "Comment text" wondering if the wrapping might be a problem. I reduced it to just "text" and that did not fix it.

Also, I looked through ality.css to see if there was a place where this is defined, and could not find it. I looked at other skins who have no problem with this formatting to see if I could find out what was different, but the other skins have much more room to play with.

So, I realize that this must be a simple fix, but I can't get my head around it for some reason (lost in the code). I am brand new with php and css, but am figuring it out as I go. Can someone point me in the right direction as to where I would set the alignment or size of this text area (and not screw up a multiple of other things at the same time)?

2 Oct 06, 2005 23:41

RichM wrote:

I am trying to fix a few things on the ality skin

I fixed the lowercase/uppercase thing in the title, and the double-date thing with the post dates.

"Fix" or change? The lower/upper case thing is what the skin is supposed to do, and the double date thing is actually showing a date if the post date is different from the previous post date. It only shows up twice one per day.

RichM wrote:

Now I am working on the width of the comment input area problem, and have run into a snag.

What browser are you using? I use Firefox and don't see that issue. Okay it's an IE thing. Basically it's got nothing to do with your textarea size: it's the length of the trackback url taking up more room than the center column allows.

Try a tweak to your css file. Find and add:

html>body #centercontent {
margin-left: 150px;
margin-right: 206px;
}

#centercontent {
overflow: hidden;
}

3 Oct 07, 2005 16:05

Thank you so much for your support. I just made a paypal contribution to support this project.

You are correct that this problem is only with IE. The fix you suggested, however, does not fix the size of the center box in IE.

For clarification, I have done a couple of screen grabs, viewing a comment on your skins site with both Firefox and with IE.
- Internet Explorer: http://www.chefsblogs.com/docs/ality-ie.jpg
- Firefox: http://www.chefsblogs.com/docs/ality-firefox.jpg

To describe the problem more clearly, when using IE, the right border of the center box is drawn well into the right-hand column whenever the content form is called. This appears to be caused by the placement of the the content text box too far to the right. There are other less serious formatting problems too, such as the extra line between all field labels and their associated fields (in IE only).

Any ideas on how I can fix the width or left margin of the textarea box?

4 Oct 07, 2005 19:41

Trust me: it's not the comment box causing the problem. Notice how in IE the only thing that is as wide as the too-wide center column is the trackback URL? IE is making the box wide enough to fit the widest part. IE also decided the trackback URL is a one word question. It won't split the word in half, but it doesn't mind assuming the ? is the end of a question. That's why the parameter name and value are on a second line. Firefox is making the box the size it's supposed to be, then letting the too-wide part bleed out the edge. Firefox decided it doesn't know anything about one word questions and just puts all the characters together like it was told to. That's why the entire trackback URL is on one line in Firefox, just way outside the box it's supposed to be in.

I think you can test it by disabling trackbacks then going to the page again. I'm pretty sure disabling trackbacks will cause the trackback URL to not be displayed, which should fix the box width issue.

I thought the overflow hidden thing would have worked because I've used that many times to stop divs from stretching. It's possible I didn't recommend the right place, but I'm kinda guessing. I don't have that skin available to play with - just took a quick peek at the css and page source.

Lemme get a coffee going and see about grabbing the skin and maybe finding a solution that works.

5 Oct 08, 2005 00:13

Thanks, I trust your much greater knowledge of these things.

I commented out the trackback, and it did not fix the problem, but I commented out the form_textarea line and the borders lined up correctly. If these things are affecting each other, I really don't understand how, so I hope that you will share the details if you can find a fix.

Thanks!

6 Oct 08, 2005 00:21

I'll do what I can, but no promises! I've made too many promises I can't deliver on.

So this is really weird to me. I was basing my statements on past experiences, but this woudn't be the first time a new flavor of problem showed up. In fact your statement about making it be a regular text box should have been a good clue...

I remember almost giving up on this skin because of how deeply weird it was compared to most other skins. What I'll be doing is looking at the style sheet rules for the comment textarea and seeing if I can see how it is different from other skins that don't have the problem.

I also like the idea of a new way to show trackback urls too, even if it doesn't fix your issue. Trackback urls need to be copied from your web then pasted into someone else's, which means if we had text that said "trackback to this url" and linked it to the url it would actually be easier for the trackbacker. People would click on it, like they click on rss links, but so what! It would stop the long urls from blowing out the side of their alloted space.

Anyway I spent most of the day playing in a different sandbox and decided I better come back to this before it gets way old and I forget. Thanks for letting me know my idea was wrong because now I know to go in a different direction. I really don't like to use IE, but skin work involves multiple browsers, so...


Form is loading...