February 07, 2012, 07:29:23 PM
Pages: [1] 2   Go Down
  Send this topic  |  Print  
Share this topic on FacebookShare this topic on DiggShare this topic on RedditShare this topic on StumbleUponShare this topic on Twitter Topic: contact buttons  (Read 996 times)
0 Members and 1 Guest are viewing this topic.
pantherseyes
Full Member
Post Pimp
*****

Reputation: +0/-0
Offline Offline

Posts: 260



View Profile
« on: August 25, 2010, 09:46:11 AM »

okay, coding question here, as i'm trying things out.

on one page, i have those two pics that line up left and right and don't go underneath each other.  so, i'm writing because i'm trying to put this underneath the top div banner of course and running different codes, so, yeah, real confused here.

on a regular space profile, i have this where the two pics line up on the same line and it is the top div
Code:
<style>
.contacttable{display:none;}

body {margin-top:250px;}

.TopBanner {width:500px; height:250; text-align:center; position: absolute; left:50%; top:20px; margin-left:-600px; z-index:1; visibility:visible;}
 
body {margin-top:250px;}
.TopBannercontent {width:500px; height:250; text-align:center; position: absolute; left:50%; top:20px; margin-left:120px; z-index:2; visibility:visible;}
</style>


and the next section of course i have the pic content.

on the bandpage i have this, of course the top div banner, and then want the contact boxes underneath it, but i want it lined up on the same line, which do i ditch here to get that done or wording do i change??
Code:
<style>
body {margin-top:530px;}

.TopBanner {width:817px; height:577; text-align:center; position: absolute; left:50%; top:1px; margin-left:-400px; z-index:2; visibility:visible;}

body {margin-top:531px;} .Topcontact boxadd  {width:1px; height:1; text-align:center; position: absolute; left:50%; top:20px; margin-left:-600px;  z-index:3;  visibility:visible;}
 
body {margin-top:531px;}
.Topcontact boxmsg  {width:500px; height:250; text-align:center; position: absolute; left:50%; top:20px; margin-left:120px;  z-index:4; visibility:visible;}

.contactTable {display: none;}</style>

and as usual, the img urls  at the next box section

Logged
pantherseyes
Full Member
Post Pimp
*****

Reputation: +0/-0
Offline Offline

Posts: 260



View Profile
« Reply #1 on: August 25, 2010, 09:52:59 AM »

does each div content need to end in </div>??

i'm asking, because i looked at the difference between the two pages, i have and where they line up, on one line, that's what i did

i'll show here

page where things line up.
Code:
<style>
.UserProfileDetail {display:none;}

td.text br {display:none;}
.profileInfo td.text br, td.text table br {display:inline;}

</style>

<div class="TopBanner">
<img src="http://i26.tinypic.com/v6tfzl.jpg" /></div>

<div class="TopBannercontent">
<img src="http://i32.tinypic.com/jrxjko.jpg" /></div>

page where things aren't lining up for contact boxes, underneath top div banner
Code:
<div class="TopBanner">
<img src="http://i34.tinypic.com/5pipuu.jpg" />

<div class="TopBannerbackgroundpic">

<div class="Topcontact boxadd">
<a href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=mary39sbandpage"><img src="http://www.dolliehost.com/dolliecrave/graphics/contactbuttons/add109.gif" alt="Add Me" border="0"></a>


<div class="Topcontact boxmsg">
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=marysbandpage"><img src="http://www.dolliehost.com/dolliecrave/graphics/contactbuttons/msg66.gif" alt="Message Me" border="0"></a>
</div>
Logged
B.SkiLLs
Xtreme Administrator
Resident Badass
*****

Reputation: +56/-0
Offline Offline

Posts: 2355



View Profile WWW
« Reply #2 on: August 25, 2010, 09:21:38 PM »

why?? when could just link to images inside the top div at bottom or as ive said before firstly to yet put them in sep divs everything.. But it would be under [meaning behind]. If under just set the pixel top number higher then the other div by whatever number. [use basic math to figure it out] Then add the linked image code inside the div you created with a transparent BG . That way it looks like just a link image [which blends in etc.. if wanted or needed]
Logged




B.SkiLLs
Xtreme Administrator
Resident Badass
*****

Reputation: +56/-0
Offline Offline

Posts: 2355



View Profile WWW
« Reply #3 on: August 25, 2010, 09:23:20 PM »

PS
no offnse but as said to you tons of times.. You think' and make' things way to complicated in your head and do them that way when if you really use your head and think shortcut ways which are not really short so to speak but just thinking that way then things would be a lot easier and make sense  to you Mary  Smiley
Logged




pantherseyes
Full Member
Post Pimp
*****

Reputation: +0/-0
Offline Offline

Posts: 260



View Profile
« Reply #4 on: August 26, 2010, 06:58:52 AM »

no argument on last note there.

can you be more specific on the top number?  not sure if you mean :top; or index numbering

i tried ending each div, but that didn't do anything-too much thinking on that-obviously.....

i don't understand why on normal page, things lined on the same line and on this other band account goes underneath-it's confusing me.
Logged
B.SkiLLs
Xtreme Administrator
Resident Badass
*****

Reputation: +56/-0
Offline Offline

Posts: 2355



View Profile WWW
« Reply #5 on: August 26, 2010, 10:14:51 AM »

no argument on last note there.

can you be more specific on the top number?  not sure if you mean :top; or index numbering

i tried ending each div, but that didn't do anything-too much thinking on that-obviously.....

i don't understand why on normal page, things lined on the same line and on this other band account goes underneath-it's confusing me.
the type page doesnt matter when it comes to this. Yes the  top:;  number. Meaning push it down some so it lines up at the bottom of the other.
Logged




pantherseyes
Full Member
Post Pimp
*****

Reputation: +0/-0
Offline Offline

Posts: 260



View Profile
« Reply #6 on: August 26, 2010, 01:10:02 PM »

okay, so i'l add that in.

leads me to the question for the index that ends up underneath, top number will be less than first div, and it should move it up, now, if you need it to left or right, put those words in to move them?
Logged
B.SkiLLs
Xtreme Administrator
Resident Badass
*****

Reputation: +56/-0
Offline Offline

Posts: 2355



View Profile WWW
« Reply #7 on: August 26, 2010, 05:49:03 PM »

okay, so i'l add that in.

leads me to the question for the index that ends up underneath, top number will be less than first div, and it should move it up, now, if you need it to left or right, put those words in to move them?
please say that again and correct so can under stand it. Thxs.
Logged




pantherseyes
Full Member
Post Pimp
*****

Reputation: +0/-0
Offline Offline

Posts: 260



View Profile
« Reply #8 on: August 27, 2010, 02:34:17 PM »

you said add :top;

i was doing contact box's as a div, i guess the index numbers moved them on the bottom, which i want on one line.......

what if i put in the words :left; and used numbers to move it around, so i can get these on one line and spaced the way i want them to be.
Logged
pantherseyes
Full Member
Post Pimp
*****

Reputation: +0/-0
Offline Offline

Posts: 260



View Profile
« Reply #9 on: August 27, 2010, 05:03:16 PM »

This might be thinking.......

however, i'm looking at my codes, if index's place things underneath, then.......why wouldn't i have two index's that are let's say number 3, and then i could move them around by top, left, etc, etc.........

and they have different names this time, so...... it seems to make sense, but being i thought of it, i'm sure it won't.
Logged
pantherseyes
Full Member
Post Pimp
*****

Reputation: +0/-0
Offline Offline

Posts: 260



View Profile
« Reply #10 on: August 27, 2010, 05:25:21 PM »

moving the top part isn't doing anything to this, sending image.

this is why i try to think about things before writing in, so it's not a waste of time for you, but i'm ready to change my last name to savalas as this point~seriously!!

contact.PNG
contact buttons
* contact.PNG (2235.33 KB, 2480x1754 - viewed 20 times.)
Logged
Ed
XS Co-Admin
Resident Badass
*****

Reputation: +12/-0
Offline Offline

Posts: 634



View Profile WWW
« Reply #11 on: August 27, 2010, 09:25:07 PM »

Well I'm not sure I understand what you're trying to do, but I might be able to help you if you show me the problem with a screen shot and what you want to do with it. I find that's usually easier than trying to describe it
Logged

In the words of Delek Stormwood: "I wish I had a scarf. I'd look dashing with a scarf. Don't you think?"
pantherseyes
Full Member
Post Pimp
*****

Reputation: +0/-0
Offline Offline

Posts: 260



View Profile
« Reply #12 on: August 27, 2010, 10:35:47 PM »

great idea!  i'll send one tomorrow as an example, thank you.
Logged
pantherseyes
Full Member
Post Pimp
*****

Reputation: +0/-0
Offline Offline

Posts: 260



View Profile
« Reply #13 on: August 28, 2010, 02:29:54 PM »

i would like to line up buttons like this, all on one line, neat and efficient looking.  how can i do this?

with proper codes??

i'm attaching picture.

lance king contact box.PNG
contact buttons
* lance king contact box.PNG (147.02 KB, 813x384 - viewed 9 times.)
Logged
Ed
XS Co-Admin
Resident Badass
*****

Reputation: +12/-0
Offline Offline

Posts: 634



View Profile WWW
« Reply #14 on: August 28, 2010, 09:39:41 PM »

Do you want rollovers? like I have here or just plain ol' image links?
« Last Edit: August 28, 2010, 10:11:02 PM by Ed » Logged

In the words of Delek Stormwood: "I wish I had a scarf. I'd look dashing with a scarf. Don't you think?"
Pages: [1] 2   Go Up
  Send this topic  |  Print  
 
Jump to: