By Guo on

How could I theming the comment label? Put the Name, Website and Email with input area inline.

Maybe I'm so stupid, I searched many times, but only found WordPress Comments could do this well (but no D7 vision)
WordPress Comments

Actually, I want to put those 3 label in one line:

Name:___ Email:___ Website:___

Any idea?

⋅ Categories: Drupal 7.x

Comments

OliverH’s picture

OliverH commented

I'd start by using the '#suffix' attribute.

For putting al the textfields inline, you can create a fieldset with class container-inline

Guo’s picture

Guo commented

could you give me an example please? or explain it in more detail, I'm really not good at css things :(

OliverH’s picture

OliverH commented

for the container-inline example you can take a look at my topicstart here.

The suffix (and prefix) attribute is explained here. Instead of providing an extra div, you can provide any text you want.

Note: #field_prefix and #field_suffix also exist, they might be better suited.

Guo’s picture

Guo commented

hm...it's a little hard for me, but I‘m going to try

Thank you.

christopher james francis rodgers’s picture

christopher james francis rodgers commented

Assuming you are referring to formatting the text "Add new comment"
using the free and easy to use FireFox extension 'FireBug'
and I am using the theme Bartik as an example,
the CSS is

h2.comment-form {
property: value;
property: value;
}

===

FireBug

FireBug is an old, loved, and continuously developed
FireFox extension for easily identifying and modifying on-the-fly
the CSS that is formatting any page element.

http://getfirebug.com/

I use this to identify the CSS and its *.css file location
that is controlling any pixel on my pages.

I love FireBug, and I am only using one-percent of its capabilities,
I'm sure.

Introduction to Firebug: Three Screencasts
http://getfirebug.com/screencasts
.
.
- I hope that helps.


All the best; intended.
-Chris (great-grandpa.com)
___
"The number one stated objective for Drupal is improving usability." ~Dries Buytaert *

ergunk’s picture

ergunk commented

You should use "display: inline", "float: left" for labels, inputs etc. to show elements in one line. You should add/change text boxes witdhs. If there are wrapping DIVs etc., it might require another approaches. It is not possible to write a certain code since i can't see your page's source.


Mediasaur | http://www.mediasaur.com/en | http://twitter.com/mediasaur

Before asking for help, please read this http://slash7.com/2006/12/22/vampires/ and don't be a "Help Vampire". :)
Guo’s picture

Guo commented

Finally, I found a very simple way:

.comment-form label {float: left;}

thanks everyone:)