tinpanalley Posted September 22, 2011 Share Posted September 22, 2011 I know, that might seem like a basic thing to ask for. This is my first post. I've been reading the site's material and really getting into everything, absorbing it. But I have a situation I need to modify and really need to be given a link or something that explains it. Again, my apologies if what I'm asking is the equivalent of how to brush your teeth. I have an image basically, that is set to be placed on my html homepage. The site was coded for me based on my designs by a friend of mine who can do this better than me. All I want to do now is place my own custom designed facebook button on the page. It's all html with css. When I place the image and then test it on my server, my changes don't appear and for some reason the plus one button (a part of my sharethis chain) disappears no matter what I do. Even when I don't put the image in? If anyone knows of a good tutorial or site that might show me how to do this I'd appreciate it. My buddy's busy at work and I can't keep bugging him. Thank you all. Link to comment Share on other sites More sharing options...
thescientist Posted September 22, 2011 Share Posted September 22, 2011 code or link? Link to comment Share on other sites More sharing options...
tinpanalley Posted September 22, 2011 Author Share Posted September 22, 2011 Sorry I don't get it, are you asking if I want a code or link? Link to comment Share on other sites More sharing options...
Ingolme Posted September 22, 2011 Share Posted September 22, 2011 Can you show some code or link to the page that's not working? Link to comment Share on other sites More sharing options...
tinpanalley Posted September 22, 2011 Author Share Posted September 22, 2011 Oh, sorry. I'm a moron. I told you guys, I'm a total noob with coding. I get basic html but css is beyond me. Link to comment Share on other sites More sharing options...
tinpanalley Posted September 22, 2011 Author Share Posted September 22, 2011 What I want is to put a button underneath the buttons on the right side (watch the film, about..., about the music...). Right under there, i have an image I wanna use as a button to get to facebook. When I place the image and then test it on my server, my changes don't appear and for some reason the plus one button (a part of my sharethis chain) disappears no matter what I do. Even when I don't put the image in? Link to comment Share on other sites More sharing options...
Ingolme Posted September 22, 2011 Share Posted September 22, 2011 Which browser are you testing in? I see the share buttons at the bottom of the page, one of them is a facebook button. The +1 button is also there. Link to comment Share on other sites More sharing options...
tinpanalley Posted September 22, 2011 Author Share Posted September 22, 2011 No, no. Here's the deal.Those are share buttons. What I've designed is a custom facebook button to get to my facebook page. What I said was that I want to place this new button under those text buttons on the right so that it rests in the bottom right of the screen. What I can't seem to do is insert this button without messing up the code. I thought dreamweaver was more wysiwyg so that I could just drop things in and have the code generate itself. Like imagine just putting a custom facebook icon in the bottom right corner of the screen. How would I do that? Link to comment Share on other sites More sharing options...
justsomeguy Posted September 22, 2011 Share Posted September 22, 2011 The links on the right are in a table, so just add another row to the table and put your image in that row. Link to comment Share on other sites More sharing options...
Ingolme Posted September 22, 2011 Share Posted September 22, 2011 No WYSIWYG is actually "what you see is what you get," unfortunately. You can't rely on them. You have to code the page with HTML yourself to make sure it works right. If you want the icon on the bottom right corner of the window you'll need to set the position to "fixed" in CSS and set the right and bottom coordinates to 0. Maybe you don't actually want it in the corner of the window because then it wouldn't be very visible. <img src="file" style="position: fixed; bottom: 0; right: 0;" alt="facebook"> You might have to look through the HTML and CSS tutorials to make sure you can understand it all. Link to comment Share on other sites More sharing options...
tinpanalley Posted September 22, 2011 Author Share Posted September 22, 2011 Can you show me with the image. I've attached it here. Just so I know what I have to do? Link to comment Share on other sites More sharing options...
tinpanalley Posted September 22, 2011 Author Share Posted September 22, 2011 Maybe you don't actually want it in the corner of the window because then it wouldn't be very visible.I think as justsomeguy suggested, as part of the table would be better. Thought it would look better in the corner, but I might be wrong. Link to comment Share on other sites More sharing options...
tinpanalley Posted September 22, 2011 Author Share Posted September 22, 2011 The links on the right are in a table, so just add another row to the table and put your image in that row.Whenever I put the html page into dreamweaver, the plus1 button dissappears? Any idea why that is? I'm not touching the div id share section?? Link to comment Share on other sites More sharing options...
thescientist Posted September 22, 2011 Share Posted September 22, 2011 It just goes to show the unreliability of using WYSIWYG editors, especially if you are using them in sort of preview capacity. If you must use something like Dreamweaver, make sure to at least view it in a real browser. Link to comment Share on other sites More sharing options...
Ingolme Posted September 22, 2011 Share Posted September 22, 2011 If you're not doing it already, try using the code view only. If it keeps giving trouble, edit it in notepad. Don't use dreamweaver to preview the file, I don't trust it. Open the file in a browser to see if it worked properly. Link to comment Share on other sites More sharing options...
tinpanalley Posted September 22, 2011 Author Share Posted September 22, 2011 - I have been testing with browsers. Totally. I thought dreamweaver was this awesome all purpose tool but I see it still requires an intimate knowledge of html and css.- I can't use codeview only because I don't know what I'm looking at.- In FF is where I lose the +1 button, not in preview mode I think I'll just have to pay someone to do this one tweak. I love figuring things out on my own, that's how I taught myself every application I know, but I need to get this done. Link to comment Share on other sites More sharing options...
Ingolme Posted September 22, 2011 Share Posted September 22, 2011 We work only with code most of the time. We preview in browser, but because we write every part of the code we know what it's supposed to look like. Link to comment Share on other sites More sharing options...
tinpanalley Posted September 22, 2011 Author Share Posted September 22, 2011 I can imagine.Maybe I should go into that table, add a row, open it up so my image fits, assign it to be a button, and forget about what dw shows me. Just do it by emulating what my buddy did with the three buttons on top. But then, doesn't the CSS need something done to it as well to reflect the change? Link to comment Share on other sites More sharing options...
Ingolme Posted September 22, 2011 Share Posted September 22, 2011 Not necessarily, but you probably will need some CSS rules to make adjustments. Link to comment Share on other sites More sharing options...
tinpanalley Posted September 22, 2011 Author Share Posted September 22, 2011 You see how the Plus 1 disappears? This is from FF, not dw. It's supposed to be next to the email. Link to comment Share on other sites More sharing options...
Ingolme Posted September 22, 2011 Share Posted September 22, 2011 I'd have to look at page with a DOM explorer to see where all the elements are in order to see where the problem is. Link to comment Share on other sites More sharing options...
tinpanalley Posted September 22, 2011 Author Share Posted September 22, 2011 Interesting... I noticed that google+ is missing on all the pages where I have that code for my share buttons. Don't know what that means but I feel like I'm getting somewhere... Link to comment Share on other sites More sharing options...
thescientist Posted September 22, 2011 Share Posted September 22, 2011 this could be a lot easier if you just showed us the code or gave us a link... Link to comment Share on other sites More sharing options...
tinpanalley Posted September 22, 2011 Author Share Posted September 22, 2011 this could be a lot easier if you just showed us the code or gave us a link...What? I did. Read up. Link to comment Share on other sites More sharing options...
tinpanalley Posted September 22, 2011 Author Share Posted September 22, 2011 You know what guys? I don't know how, but it works now... gonna check other browsers. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.