VSD+Social Bar

User 2924428 Photo


Registered User
1,718 posts

Hey guy's, I used a code to create a social bar, and it moved everything I have over to the left quite a bit, please visit, www.delightful-cravings.com and check it out, wondering if you can help me please! Thank you!
User 187934 Photo


Senior Advisor
20,271 posts

Max did you run your page through the validation?;)
http://validator.w3.org/check?uri=http% … mp;group=0
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2924428 Photo


Registered User
1,718 posts

Wow a lot of errors lol, Eric how do i fix these problems using vsd? it's not able to open editor styles is it?
User 187934 Photo


Senior Advisor
20,271 posts

Looked to me the errors are in the custom stuff you added in HTML boxes.;)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2924428 Photo


Registered User
1,718 posts

Eric, i checked the coding and heres what I have for the social bar, I can't find any </div> tags where I messed up, check it out..
body
<div style="border:0px solid #808080;position:fixed; top:40%; right:0px;" id="rightcontainerBox">

<div class="buttons">
<a href="" target="_blank">
<img src="http://mbrtest.coffeecup.com/social/facebook.png" border="0" style="border:none;max-width:100%;" alt="">

</div>
<div class="buttons">
<a href="" target="_blank">
<img src="http://mbrtest.coffeecup.com/social/twitter.png" border="0" style="border:none;max-width:100%;" alt="">

</div>
<div class="buttons">
<img src="http://mbrtest.coffeecup.com/social/google.png" border="0" style="border:none;max-width:100%;" alt="">
</div>
</div>
</div>


header

<style type="text/css">

#rightcontainerBox {
float: right;
z-index: 1000;
}

#rightcontainerBox .buttons {
clear: both;
float: right;
height: 100px;
margin: 4px;
padding-bottom: 2px;
padding-left: 3px;
width: 100px;
}

</style>
User 2924428 Photo


Registered User
1,718 posts

thats the only custom thing i added, i used photo gallery for the rest..
User 187934 Photo


Senior Advisor
20,271 posts


<div style="border:0px solid #808080;position:fixed; top:40%; right:0px;" id="rightcontainerBox">

<div class="buttons">
<a href="" target="_blank">
<img src="http://mbrtest.coffeecup.com/social/facebook.png" border="0" style="border:none;max-width:100%;" alt="">

</div>
<div class="buttons">
<a href="" target="_blank">
<img src="http://mbrtest.coffeecup.com/social/twitter.png" border="0" style="border:none;max-width:100%;" alt="">

</div>
<div class="buttons">
<img src="http://mbrtest.coffeecup.com/social/google.png" border="0" style="border:none;max-width:100%;" alt="">
</div>
</div>
</div>

I demand a recount.;)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2924428 Photo


Registered User
1,718 posts

3 different <div>'s, 3 </div>'s right? I tried 4 </> but It didn't work.
User 187934 Photo


Senior Advisor
20,271 posts

I see 4 <div> and 5 </div>;)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2924428 Photo


Registered User
1,718 posts

oh wow, i just noticed that, so really the <div>'s that are right after the code are unnecessary however the ones that are at the end matter? Or do I have that backwards? :/

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.