Complete iFrame/DIV Layout Tutorial
Goto page Previous  1, 2, 3, 4, 5, 6, 7  Next
 
Post new topic   Reply to topic    IMVU Forum Index -> Homepage Building and Design
View previous topic :: View next topic  
Author Message
sararamm

sararamm's page


Joined: 23 Feb 2011
Posts: 570
Location: USA

PostPosted: Sat Aug 18, 2012 10:12 pm    Post subject: Reply with quote

Little help please... I can't get the buttons to work >.< (I know about it being 925 but that always adds a scroll bar at the bottom so i didn't make it that big either way it should work....)

Fixed
_________________
Catalog


Last edited by sararamm on Sun Aug 26, 2012 12:57 am; edited 1 time in total
Back to top
View user's profile Send private message  
SilentProtest

SilentProtest's page


Joined: 14 Sep 2009
Posts: 823
Location: Netherlands

PostPosted: Mon Aug 20, 2012 2:13 am    Post subject: Reply with quote

What do you mean by 'it being 925'? I don't see anything that's got something to do with 925..

First, looking at your code I found one tiny error: Get rid of the 'e' after 'usemap'. See if the buttons work now.

Quote:
<img src="http://i1235.photobucket.com/albums/ff429/Kawaii0o/pbp/productpage2.png" width="900" height="900" border="0" usemape="#imgmap1">


I also found a bit different coordinates for the buttons, I don't know if it'll help; but I found these:

Quote:
<img src="http://i1235.photobucket.com/albums/ff429/Kawaii0o/pbp/productpage2.png" width="900" border="0" usemap="#imap_24" >
<map id="imap_24" name="imap_24" >
<area shape="rect" coords="60,612,260,679" alt="" title="" href="Homepage link">
<area shape="rect" coords="263,613,438,678" alt="" title="" href="Shop link">
<area shape="rect" coords="439,613,613,678" alt="" title="" href="Link link">
</map>

Back to top
View user's profile Send private message  
Xkay_disabled_27030985 18+ Age Verified

Xkay_disabled_27030985 <a href='/age_verify/index/'><img border=0 src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'></a> 's page


Joined: 15 Jun 2008
Posts: 341
Location: Denmark

PostPosted: Mon Aug 20, 2012 7:04 am    Post subject: Reply with quote

Quote:

#special_panel,#outfits_panel {
width:900px !important;
}


+ 25px for adds i think xD¨



Best Regards MySQL
_________________
Back to top
View user's profile Send private message Send e-mail  
SilentProtest

SilentProtest's page


Joined: 14 Sep 2009
Posts: 823
Location: Netherlands

PostPosted: Mon Aug 20, 2012 11:39 am    Post subject: Reply with quote

hm... okay.
Back to top
View user's profile Send private message  
sararamm

sararamm's page


Joined: 23 Feb 2011
Posts: 570
Location: USA

PostPosted: Mon Aug 20, 2012 6:10 pm    Post subject: Reply with quote

Thanks you guys the e was the problem its working great thanks!
_________________
Catalog
Back to top
View user's profile Send private message  
BradyHathorne 18+ Age Verified

BradyHathorne <a href='/age_verify/index/'><img border=0 src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'></a> 's page


Joined: 06 Aug 2011
Posts: 3
Location: USA - FL

PostPosted: Fri Aug 24, 2012 1:32 pm    Post subject: Reply with quote

Ok so I hit a snag with the coding.. I was following through and basically just editing an old homepage I had put together using this guide straight through. Issue being I've been trying to get the bottom three buttons to work and got the coding for the links and etc fixed but I've gotten completely lost when trying to get them actually matched up and clickable on the page. I know I shouldn't be asking for a direct fix or anything to the issue but I don't know where I went wrong with it. Help asap would be great but not in a super rush. Thank you in advance and also thank you for a great tutorial.

FIXED THANK YOU!


Last edited by BradyHathorne 18+ Age Verified on Sat Aug 25, 2012 11:26 pm; edited 1 time in total
Back to top
View user's profile Send private message  
SilentProtest

SilentProtest's page


Joined: 14 Sep 2009
Posts: 823
Location: Netherlands

PostPosted: Fri Aug 24, 2012 4:46 pm    Post subject: Reply with quote

Haven't tested it, but I think the 'contact_box' is covering up the buttons. Remove that whole part and I think it should be working.
Back to top
View user's profile Send private message  
BradyHathorne 18+ Age Verified

BradyHathorne <a href='/age_verify/index/'><img border=0 src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'></a> 's page


Joined: 06 Aug 2011
Posts: 3
Location: USA - FL

PostPosted: Sat Aug 25, 2012 11:25 pm    Post subject: Reply with quote

Oh well that was it then lol Thanks for the help, just cut that section and it works perfectly now. I'll go a head and clear out the post then, again thanks for the help.
Back to top
View user's profile Send private message  
SilentProtest

SilentProtest's page


Joined: 14 Sep 2009
Posts: 823
Location: Netherlands

PostPosted: Sun Aug 26, 2012 2:02 am    Post subject: Reply with quote

No problem!
Back to top
View user's profile Send private message  
AmarianaCarter 18+ Age Verified

AmarianaCarter <a href='/age_verify/index/'><img border=0 src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'></a> 's page


Joined: 25 Aug 2009
Posts: 20
Location: Finland

PostPosted: Sat Sep 08, 2012 12:03 pm    Post subject: Msg and Help Reply with quote

I sent you a message to Qwerty.


I am using GIMP to start my DIV layout but I am stuck on Steps 8 to Step 11.

For example on Step 8 it says to as per note for gimp users that this step is to fancy up the boxes? What does that mean excatly? Any tips on this part so I can continue.

Step 9 I seen it says stroke but I can not find that on GIMP is there another term for this? Question
_________________
*AMARIANA*
Back to top
View user's profile Send private message  
HDrgnEmpHinataVortac VIP Club Member 18+ Age Verified

HDrgnEmpHinataVortac <a href='/vip_club/'><img border=0 src='/catalog/web_images/vip_35x18.gif' width='35' height='18' alt='VIP Club Member'></a><!-- VIP Club Member Icon --> <a href='/age_verify/index/'><img border=0 src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'></a> 's page


Joined: 06 Dec 2007
Posts: 13
Location: USA - CA

PostPosted: Sun Sep 09, 2012 1:08 pm    Post subject: Need help with the windows >.< Reply with quote

soooo I have everything working. But i need help with making my things look nice on my page. if anyone can look at my page and help me out i would appreciate it very much. all my links work and all that but i would like for the home tabs and all of that to function properly... and well look better than they do at the moment.
Back to top
View user's profile Send private message  
rabidKITTENS VIP Club Member 18+ Age Verified

rabidKITTENS <a href='/vip_club/'><img border=0 src='/catalog/web_images/vip_35x18.gif' width='35' height='18' alt='VIP Club Member'></a><!-- VIP Club Member Icon --> <a href='/age_verify/index/'><img border=0 src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'></a> 's page


Joined: 04 May 2011
Posts: 2
Location: Iceland

PostPosted: Sun Sep 23, 2012 4:08 pm    Post subject: Reply with quote

Does this layout only work with Firefox?

I noticed my buttons/image map don't work with chrome or safari- but my friends who use Firefox said it works just fine. Sooo?
Back to top
View user's profile Send private message  
SilentProtest

SilentProtest's page


Joined: 14 Sep 2009
Posts: 823
Location: Netherlands

PostPosted: Mon Sep 24, 2012 1:43 pm    Post subject: Reply with quote

I like to use this site to make my buttons. I work with Google Chrome, and this site works fine for me (and neither have I ever heard of complaints about it from others I coded a layout for).
Back to top
View user's profile Send private message  
rabidKITTENS VIP Club Member 18+ Age Verified

rabidKITTENS <a href='/vip_club/'><img border=0 src='/catalog/web_images/vip_35x18.gif' width='35' height='18' alt='VIP Club Member'></a><!-- VIP Club Member Icon --> <a href='/age_verify/index/'><img border=0 src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'></a> 's page


Joined: 04 May 2011
Posts: 2
Location: Iceland

PostPosted: Tue Sep 25, 2012 5:15 pm    Post subject: Reply with quote

SilentProtest wrote:
I like to use this site to make my buttons. I work with Google Chrome, and this site works fine for me (and neither have I ever heard of complaints about it from others I coded a layout for).


Weird, alright. I made a layout for someone else, and they worked just fine. But they wont work on mine. I must've put an error in mine somewhere. Looool. Figures.
Back to top
View user's profile Send private message  
JediDork VIP Club Member

JediDork <a href='/vip_club/'><img border=0 src='/catalog/web_images/vip_35x18.gif' width='35' height='18' alt='VIP Club Member'></a><!-- VIP Club Member Icon -->'s page


Joined: 02 Dec 2011
Posts: 60
Location: USA - MD

PostPosted: Thu Sep 27, 2012 4:14 pm    Post subject: Reply with quote

so im working on a iframe and i have all the coding but i hit a snag i can't seem to get the buttons clickable i mapped it and have it cordinated and put a url link where it belongs but it still wont make the button clickable if anyone can help me i would greatly appreciate it

Code:
<center>

 

 

<font face="verdana" size="1" color="white">



<img src="http://i48.tinypic.com/301krcj.jpg" width="800" height="600" border="0">


 <div id="SCROLL_BOX" style="width:513px; height:15px; position:absolute; left:252px; top:110px; z-index:1;">
<marquee>SCROLL MESSAGE HERE</marquee>
</div> "

<div id="AVATAR_IMAGE" style="width:160px; height:220px; position:absolute; left:76px; top:124px; z-index:1;">
<img src="http://i47.tinypic.com/2w6tnjq.jpg" width="160" height="220">
</div>

<div id="MAIN_BOX" style="width:561px; height:311px; position:absolute; left:250px; top:136px; z-index:1; overflow:auto;">
<iframe src="http://filedrive.imvustylez.net/users/llCAUTIONKAOSll/homepage.html" name="inlineframe" width="561" height="311" border="0" marginwidth=0 marginheight=0 frameborder=0 allowtransparency="true"></iframe>
</div>

<map id="ImageMap1" name="ImageMap1">
<area shape="rect" alt="" title="" coords="230,421,310,450" href="http://filedrive.imvustylez.net/users/llCAUTIONKAOSll/biopage.html" target="inlineframe" />

<area shape="rect" alt="" title="" coords="356,421,438,448" href="ABOUT URL HTML FORMAT" target="inlineframe" />

<area shape="rect" alt="" title="" coords="484,422,564,450" href="LOVE/FRIENDS/WHATEVER URL HTML FORMAT" target="inlineframe" />

<area shape="rect" alt="" title="" coords="612,422,697,450" href=WHATEVER URL HTML FORMAT" target="inlineframe" />

</map>




<div id="upper_right" style="width:514px; height:15px; position:absolute; left:000px; top:000px; z-index:1; overflow:auto;">

 

</div>

 

 

<style type="text/css">

   #aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #visitors_panel,

   #messages_panel, #tagcloud_panel, #stickers_panel, #collect_panel,

   #room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel,

   #streetteam_panel, #blog_panel, #video_panel_header, #music_panel, #rss_panel, #url_panel,

   #special_panel,#outfits_panel {

      width:900px !important;

   }

   #rightColumn {

      display:none !important;

   }

</style>

 

 

<style type="text/css">

#url_panel_colRow, .imvucodes_net { display:none !important; }



</style>

_________________

Back to top
View user's profile Send private message  
Display posts from previous:   


Hide ads? Get VIP!
Post new topic   Reply to topic    IMVU Forum Index -> Homepage Building and Design All times are GMT - 8 Hours
Goto page Previous  1, 2, 3, 4, 5, 6, 7  Next
Page 2 of 7

 
Jump to:  
You can post new topics in this forum
You can reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


 FAQFAQ   UsergroupsUsergroups   RegisterRegister  ProfileProfile   Log in for private messagesLog in for private messages 

Search the forums:


Powered by phpBB