Seeking help for my website

cheekykid

I wish to ask if someone would be kind enough to help me via teamviewer with my php website.

I want to do these 3 things. I have tried but i jus't cant do it.

1)Move a txt in a div tag to the center

2) delete a space between two elements

3) Add facebook code for the "like" button.

Cheers! 🙂

dagon

happy to try help with in the forum the first two are html\css issues, third one maybe.

need a link to the site? which div for 1, which elements for 2?

JVassie

Best thing to do would be to paste the specific bits of code your having trouble with.

Regarding the facebook like button:


<iframe src="http://www.facebook.com/plugins/like.php?href=typeyoururlhere&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

Where I have put typeyoururlhere, type the URL of the website you want to have the 'Like' button for. You can change the width/height of the object too.

Further information regarding the button at:

http://developers.facebook.com/docs/reference/plugins/like/

Hope this helps

bradgrafelman

Thread moved to ClientSide Technologies (since none of the questions appear to be about PHP).

cheekykid

Thanks for your willingness to help.

The problem I have with the facebook "like" button is that i can't keep it in the center of the div tag that it is in regardess of which browser I choose to view my website.

Any idea which code would take care of that?

cheekykid

Here's the code as i have it:
<td colspan="2"><div align="center" class="style2 style3">
<iframe src="http://www.facebook.com/plugins/like.php?href=www.mywebsite.co.uk&layout=standard&show_faces=false&width=450&action=like&font=verdana&colorscheme=light&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px; padding-left: 150px;" allowTransparency="true"></iframe><br/>

I have used some padding but it doesnt help that much

johanafm

You should use tables for tabular data, not for layout purposes. Try

<!-- This sets this div to occupy the entire available width.
	The border is just there to show you that it works
 -->
<div style="width: 100&#37;; border: 1px solid black;">
	<!-- margin auto means that margins are automatically adjusted to use up existing
		space around this element, but ONLY if you have a specific element width
		i.e. %, px etc but not auto. -->
	<div style="margin: auto; width: 450px;">
	<!-- added a red border to the iframe so you can see how wide it _really_ is.
		Do note that this element is wider than the contents require, which will make
		the image and text appear to be non-centered. And to be specific, image+text is NOT
		centered, but their containing element (the iframe) is.
		If you reduce the iframe width to exactly fit img+text, then they will appear
		to be centered -->
	<iframe src="http://www.facebook.com/plugins/like.php?href=typeyoururlhere&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px; border: 1px solid red;" allowTransparency="true"></iframe>
	</div>
</div>