CSS help?

Alyssa035's picture
So I've been informed that there is no comment button on my deers bio and I need some help with coding for that, and also what is the coding for putting a picture in her bio? Thanks!
Alyssa035's picture

*bump*

*bump*
The man with the key is king,
And honey you should see me in a crown.
FairyClock's picture

bump again I'm bad at CSS

bump again

I'm bad at CSS myself but someone should be able to give advice.
Alyssa035's picture

Thanks for the bump (:

Thanks for the bump (:
The man with the key is king,
And honey you should see me in a crown.
AlisonRobin's picture

If you put your page code in

If you put your page code in a pastebin I will look at it and see if I can find the problem.
Alyssa035's picture

There ya go

There ya go http://pastebin.com/SvKBtMT2
The man with the key is king,
And honey you should see me in a crown.
AlisonRobin's picture

So, the code that usually

So, the code that usually controls the links for add comment is the in line 9 of your pastebin, it's the little ".links" class. You have yours set to align left and have a margin but I'm not sure why that would make it vanish, I'm a little confused. Here's what you have:
.node .links{text-align:left;margin-left:5px}
I'd try splitting that so that it's like
.node{text-align:left;margin-left:5px;} .links{background:#000000;}
This way the node class will still be left aligned and have the margin, but the .links will be pretty unaffected except that the area around them will be solid black so that we can find them more easily. Then when we know where they are, I can try to troubleshoot more and help you get this figured out.

As for adding an image to the bio, it is easiest to do it like this
[*img]URL[/img*]
And then just replace the "URL" with the url of your image and remove the asterisks Smiling
Alyssa035's picture

I did that, but the links

I did that, but the links haven't changed? I got the image in there though, thanks for that tip! Here's the new coding--> http://pastebin.com/QQt7zbP0
The man with the key is king,
And honey you should see me in a crown.
AlisonRobin's picture

Hmm. I'm not sure what to do

Hmm. I'm not sure what to do then. Two options come to mind.

The first would be to scrap the code bit by bit until the add comment shows up again and you will have essentially isolated what the problem was.

The other option would be to create your own add comment button from scratch, the url would be something like "endlessforest.org/community/comment/reply/NODE#comment-form"

If you change the title of your blog to a period, the URL will have a number in it, five digits long, and you will be able to use that number where that comment URL I gave you says NODE.
Alyssa035's picture

So with the second option,

So with the second option, where would I put the URL at?
The man with the key is king,
And honey you should see me in a crown.
AlisonRobin's picture

You can put the link anywhere

You can put the link anywhere you like on your page where text is visible. I would probably put it underneath the last div box you have so that when people are done reading about the deer they have the chance to comment.
Alyssa035's picture

It isn't working :/

It isn't working :/
The man with the key is king,
And honey you should see me in a crown.
AlisonRobin's picture

You still have it inside the

You still have it inside the last div in your main div. You will want it outside of both of those, and you will have to put the link in url tags. The code should be like this but without the asterisks:

[*url=endlessforest.org/community/comment/reply/95262#comment-form]Add New Comment[/url*]

That way it will display "Add New Comment" and the link will take the person to add the comment.
Alyssa035's picture

Thanks so much!

Thanks so much!
The man with the key is king,
And honey you should see me in a crown.
AlisonRobin's picture

Wait, I made a mistake there

Wait, I made a mistake Sticking out tongue
there should be the http://www. before endlessforest in the url. Whoops!