Can't get social media buttons to align correctly

Beginners - Learning PHP
#1

(Sorry for posting this again - I just saw the rules on how to post).

Hi, I am trying to edit a page that the previous developer coded with php. I am very new to php and very LOST! I obtained social media code for buttons from www.addtoany.com.

I’m trying add the social media buttons to the site at the top of the content area - upper right hand corner, below the header graphic. No matter what I try with css and div tags, I can’t get it to this spot. Can you tell me what I’m doing wrong? What I need to fix? Many thanks in advance!

Here is the page code:

[php]<?php
if (isset($_GET[‘section’])) {
$section = $_GET[‘section’];
} else {
$section = ‘about’;
}

switch ($section) {
	case 'about':
		$color = '26539c';
		$box_text = 'About The Firm';
		$main_text = 'about.txt';
		$top_image = 'about.jpg';
	break;
	
	case 'practice':
		$color = '980028';
		$box_text = 'Practice Areas';
		$main_text = 'practice.txt';
		$top_image = 'practice.jpg';
	break;
	
	case 'profile':
		$color = '007c91';
		$box_text = 'Attorney Profile';
		$main_text = 'profile.txt';
		$top_image = 'profile.jpg';
	break;
	
	case 'blogs':
		$color = 'ce8b3c';
		$box_text = 'Blogs';
		$main_text = 'blogs.txt';
		$top_image = 'blogs.jpg';
	break;
	
	case 'contact':
		$color = '2483c6';
		$box_text = 'Contact';
		$main_text = 'contact.txt';
		$top_image = 'contact.jpg';
	break;
	
	case 'terms':
		$color = '2483c6';
		$box_text = 'Terms and Conditions';
		$main_text = 'terms.txt';
		$top_image = 'contact.jpg';
	break;
	
	default:
		$color = '26539c';
		$box_text = 'About The Firm';
		$main_text = 'about.txt';
		$top_image = 'about.jpg';
	break;
}

?>

Vera Vanderschalk - <?php echo ''; ?> 
/*#top_banner { background-color: #<?php echo $color; ?>; }

#header_box { background-color: #<?php echo $color; ?>; }

h2 { color: #<?php echo $color; ?>; }

#header_nav a:hover { color: #<?php echo $color; ?>; }

*/
image

Vera Vanderschalk

<?php include ('includes/top_nav.php'); ?>
Vera Vanderschalk - Changing Tides

Vera's new full length solo CD "Changing Tides" is now available. Contact Vera at [javascript protected email address] <?php /*include('content/' . $main_text); */ ?> to purchase CDs.

As a dedicated San Francisco Bay Area classical guitarist, I am inviting you to my site and presenting an international solo repertoire of Baroque, modern Jazz and Spanish compositions to enhance your

  • Wedding / Ceremony
  • Corporate events
  • Museums
  • Art Gallery openings
  • Wine Tastings

Entertainment on the concert guitar for intimate parties or amplified for receptions on a larger scale.

Expressive and elegantly arranged Flamenco or South American Waltzes will delight your guests.

Performances of up to 3 hours, price depends on duration and travel distance.

Please contact Vera for rates:
Vera Vanderschalk
650 201-3156
[javascript protected email address]

<?php include ('includes/top_nav.php'); ?> <?php include ('includes/copy.php'); ?>
[/php]

And here is the social media button code:

#2

Do you have a link to your site?

#3

http://guitarvera.net/index.php

#4

Isn’t a valid tag. It would help if you link had what isn’t working there so we can see what you are referring too.

#5

http://guitarvera.net/index.php

I put the code on the page. It shows and works, just can’t get it to align to the right. Is something overriding it? Thank you for your help!!

#6

Alter this:

[php].leftcolumn {
float: left;
height: 500px;[/php]
To:
[php]
.leftcolumn {
float: left;
height: 450px;[/php]

#7

Thank you, that got it to the left, is there a way I can get it to flush right?

http://guitarvera.net/index.php

#8

You would have to change the a2a classes floats from left to right.

#9

Thank you for your help and patience.

The a2a classes were generated from www.addtoany.com. From the code for the buttons, isn’t the code referencing the addtoany site and the styles they have set?

#10

Not unless you have included there styling. You can also overrule there styling, that is where the cascading part comes from.

#11

I’ll give it a try. Thanks again for your help and patience.

#12

May check ur CSS code if there…

Sponsor our Newsletter | Privacy Policy | Terms of Service