Log In · Register

 
Help with layout please!!!, the blog goes UNDER the pic!
saigonese
post Aug 6 2005, 12:37 AM
Post #1


Member
**

Group: Member
Posts: 22
Joined: Mar 2005
Member No: 119,059
Ah I made with huge pic for a layout, wanted to include the blog inside the pic (not under the pic as if its a banner)... so I followed the tutorials and did Image Mapping, got the codes and all that... but some how when I tested the blog acctually goes UNDER the pic (instead of inside) with the right margin and all.. What I mean is it was positioned right but just not on the pic... Can someone help me plzz??

*I then acctually stole a code from another layout with the same (kindda) style and change my Imge Mapping codes only, but the same thing happened... pinch.gif
 
 
 Start new topic
Replies (1 - 9)
talcumpowder
post Aug 6 2005, 12:38 AM
Post #2


You'll find me in your dreams.
*******

Group: Official Member
Posts: 8,536
Joined: Mar 2005
Member No: 114,010
.... The image has to come before the blog positioning code. You source should be something like this. (This is just an order.)
CODE
image codes//navigation or whatever//stylesheet//blog positioning
 
saigonese
post Aug 6 2005, 01:02 AM
Post #3


Member
**

Group: Member
Posts: 22
Joined: Mar 2005
Member No: 119,059
um because my blog positioning code is sumthing like this

and it was right under the Image Mapping codes (when the problem above occured).. so I cut the whole thing and moved to the very bottom... Now the whole blog is in the right position, but the whole image dissappeared!!!
Help me plz! I think i need to separate the image link and the blog position or sumthing.... blink.gif blink.gif
 
talcumpowder
post Aug 6 2005, 01:08 AM
Post #4


You'll find me in your dreams.
*******

Group: Official Member
Posts: 8,536
Joined: Mar 2005
Member No: 114,010
o_0 Uh.... You should post the code. I can't really do much without it.
 
saigonese
post Aug 6 2005, 01:34 AM
Post #5


Member
**

Group: Member
Posts: 22
Joined: Mar 2005
Member No: 119,059
Okie here goes the code, all the way from the beginning when the first problem occured
QUOTE
<!-- begin code provided by createblog.com -->
<style type='text/css'>


</style>

<MAP NAME='Haha'>

<AREA SHAPE='rect' COORDS='5,9,26,73' HREF='http://www.xanga.com/profile.aspx?user=saigonese' ALT='Profile'>
<AREA SHAPE='rect' COORDS='8,84,25,171' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=saigonese' ALT='Subscribe'>
<AREA SHAPE='rect' COORDS='8,205,22,271' HREF='http://xanga.com/private/home.aspx' ALT='Private'>
<AREA SHAPE='rect' COORDS='8,283,22,348' HREF='http://www.xanga.com/claf' ALT='Clarify'>
<AREA SHAPE='rect' COORDS='8,361,21,448' HREF='http://www.xanga.com/Private/subs.aspx' ALT='Read Subs'>
<AREA SHAPE='rect' COORDS='8,464,21,515' HREF='http://www.xanga.com' ALT='Xanga'>
<AREA SHAPE='rect' COORDS='590,513,699,522' HREF='http://www.xanga.com/saigonese' ALT='Skin by Saigonese'>
</MAP>

<br><br>
<IMG SRC='http://img291.imageshack.us/img291/9523/haha.jpg' border=0 width=700 height=525 USEMAP='#Haha'>

<script language=javascript>
document.title=("Haha")</script>

<div style="position:static; margin-left:362px;margin-top: 23px;border: 1px solid #ffffff; width: 322px; height: 470px; background:none;overflow: auto; FILTER: chroma(color=#FEFEFF) allowTransparency">

<style type='text/css'>

table.header, table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere, table.footer TD {display: none;}

#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops { width: auto !important; }

HR {color: #DCDCDC;}

table.announcements, table.announcements TH, .button, .textfield, .pulldown
{border: 1px solid #DCDCDC; }

body
{overflow:none;
background-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #ffffff;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-darkshadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;}

.blogbody
{width: 100%;
background: none;
border-bottom: solid 1px #ffffff;
border-top: solid 0px #ffffff;
border-right: solid 0px #ffffff;
border-left: solid 0px #ffffff;}

input, option, select
{font-family: arial;
font-size:11pt;
color: #808080;
border: 1px dotted solid #DCDCDC;
background:#ffffff}

body, td, p
{color:#808080;
font-size: 11pt;
font-family: arial;
text-transform: none;}

a:link {color:#969696;font-size: 7pt}

a:visited {color:#808080;font-size: 7pt}

.title { color: #969696;font-size: 7pt}

a:hover {color:#C0C0C0;font-size: 7pt;}

div.blogheader, .caption
{letter-spacing: 1px;
text-transform: uppercase;
font-size:11px;
color: #969696;
line-height: 30px;
text-align: center;
font-style: bold;
margin-bottom:0px;
width: 100%;}

div.smalltext
{text-align: right;
background-color: transparent;
line-height: 50px;
width: 100%;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size: 7pt}

BODY{cursor: url(http://www.freewebs.com/alansmk/cursor.ani);}
a {cursor: url(http://www.freewebs.com/alansmk/cursor.ani);}

</style>
<!-- end code provided by createblog.com -->

Sorry I changed the linked of the image cuz I wanna keep it down... (this is my first layout obviously -- not too proud)
 
talcumpowder
post Aug 6 2005, 01:40 AM
Post #6


You'll find me in your dreams.
*******

Group: Official Member
Posts: 8,536
Joined: Mar 2005
Member No: 114,010
Try this. -yawn- G'night.
 
saigonese
post Aug 6 2005, 02:03 AM
Post #7


Member
**

Group: Member
Posts: 22
Joined: Mar 2005
Member No: 119,059
**sight... the damn blog goes under the pic again... thats awrite, let me try ta map it one more time.. say, do I have ta map the blog area? I kindda think thats the reason , but then I dun no the URL for it to complete the process... G'nite to you...
 
xenosaga
post Aug 6 2005, 02:06 AM
Post #8


Donna-chan
******

Group: Member
Posts: 1,183
Joined: Mar 2005
Member No: 120,389
can i see a link to your xanga, maybe i can help fix it up too
 
saigonese
post Aug 6 2005, 05:33 PM
Post #9


Member
**

Group: Member
Posts: 22
Joined: Mar 2005
Member No: 119,059
err it was too ugly and messed up so I didnt up it up yet, but anyhoo Im gonna post the whole damn thing here so if anyone can fix it plz plz plz help me!!!
QUOTE
<!-- begin code provided by createblog.com -->
<style type='text/css'>

/* Eminem by SaIgOnEsE */
/* www.xanga.com/saigonese */
/* please do not remove the credit */

</style>

<IMG SRC='http://img291.imageshack.us/img291/9523/eminemskin12sm.jpg' border=0 width=700 height=525 USEMAP='#EminemSkin1'>
<MAP NAME='EminemSkin1'>
<AREA SHAPE='rect' COORDS='5,9,26,73' HREF='http://www.xanga.com/profile.aspx?user=saigonese' ALT='Profile'>
<AREA SHAPE='rect' COORDS='8,84,25,171' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=saigonese' ALT='Subscribe'>
<AREA SHAPE='rect' COORDS='8,205,22,271' HREF='http://xanga.com/private/home.aspx' ALT='Private'>
<AREA SHAPE='rect' COORDS='8,283,22,348' HREF='http://www.xanga.com/claf' ALT='Clarify'>
<AREA SHAPE='rect' COORDS='8,361,21,448' HREF='http://www.xanga.com/Private/subs.aspx' ALT='Read Subs'>
<AREA SHAPE='rect' COORDS='8,464,21,515' HREF='http://www.xanga.com' ALT='Xanga'>
<AREA SHAPE='rect' COORDS='590,513,699,522' HREF='http://www.xanga.com/saigonese' ALT='Skin by Saigonese'>
</MAP>

<script language=javascript>
document.title=("Eminem")</script>
<div style="position:static; margin-left:322px;margin-top: 23px;border: 1px solid #ffffff; width: 322px; height: 470px; background:none;overflow: auto; FILTER: chroma(color=#FEFEFF) allowTransparency">
<style type='text/css'>

table.header, table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere, table.footer TD {display: none;}

#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops { width: auto !important; }

HR {color: #DCDCDC;}

table.announcements, table.announcements TH, .button, .textfield, .pulldown
{border: 1px solid #DCDCDC; }

body
{overflow:none;
background-color: #transp;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #transp;
scrollbar-face-color: #transp;
scrollbar-highlight-color: #transp;
scrollbar-darkshadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;}

.blogbody
{width: 100%;
background: none;
border-bottom: solid 1px #ffffff;
border-top: solid 0px #ffffff;
border-right: solid 0px #ffffff;
border-left: solid 0px #ffffff;}

input, option, select
{font-family: arial;
font-size:9pt;
color: #808080;
border: 1px dotted solid #DCDCDC;
background:#000000}

body, td, p
{color:#808080;
font-size: 9pt;
font-family: arial;
text-transform: none;}

a:link {color:#969696;font-size: 7pt}

a:visited {color:#808080;font-size: 7pt}

.title { color: #969696;font-size: 7pt}

a:hover {color:#C0C0C0;font-size: 7pt;}

div.blogheader, .caption
{letter-spacing: 0px;
text-transform: uppercase;
font-size:10px;
color: #969696;
line-height: 30px;
text-align: center;
font-style: bold;
margin-bottom:0px;
width: 100%;}

div.smalltext
{text-align: right;
background-color: transparent;
line-height: 50px ;
width: 100%;
font-style:normal;
font-variant:normal;
font-weight:normal;
font-size: 7pt}

BODY{cursor: url(http://www.freewebs.com/alansmk/cursor.ani);}
a {cursor: url(http://www.freewebs.com/alansmk/cursor.ani);}

</style>
<!-- end code provided by createblog.com -->

This is my first layout... and its taking too long cry.gif cry.gif cry.gif

** by the way, u can always put the code here ta check... http://www.createblog.com/tools/editor.php
 
Kenado
post Aug 6 2005, 05:48 PM
Post #10


Senior Member
*******

Group: Member
Posts: 3,551
Joined: Feb 2005
Member No: 102,857
try this
 
« Next Oldest · Xanga Resolved Topics · Next Newest »
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Switch to: Standard · Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic