Log In · Register

 

Resource Center Links

This Month's Contests | Hosts Looking for Hostees | Hostees looking for Hosts | BigBookofResources

Submission Guidelines

 
 Reply to this topicStart new topic
new DIV
speakerboxx123
post Jul 29 2007, 01:29 PM
Post #1


im with the marching band
*****

Group: Member
Posts: 740
Joined: Dec 2006
Member No: 491,167
i have a new DIV as my createblog profile....
Hope you like....
critisize me :tbiggrin:
 
*IVIike*
post Jul 29 2007, 01:36 PM
Post #2





Guest
i really like it. The only thing wrong with it is the comments are mis-aligned in IE. Fix that and it should be all good biggrin.gif
 
brooklyneast05
post Jul 29 2007, 01:45 PM
Post #3


I'm Jc
********

Group: Mentor
Posts: 13,619
Joined: Jul 2006
Member No: 437,556
i like the colours
the comments are misaligned for me too in firefox
 
*SinfullySweet*
post Jul 29 2007, 01:48 PM
Post #4





Guest
I think its good thumbsup.gif

But yeah, the comments are really mis-aligned.
 
*IVIike*
post Jul 29 2007, 02:00 PM
Post #5





Guest
i really like the navigation though thumbsup.gif
 
speakerboxx123
post Jul 29 2007, 02:02 PM
Post #6


im with the marching band
*****

Group: Member
Posts: 740
Joined: Dec 2006
Member No: 491,167
thanks im going to fix the alingments now thumbsup.gif
i made it in Firefox, and its aligned for me in IE and Firefox, well, i just added the !important's but if anyone can help me with aligning?

CODE
#comments{position:absolute;
left:61% !important;
margin-left: -110px;
top: 30% !important;
margin-top:535px;
width: 230px !important; height: 210px; overflow: auto;}
 
*SinfullySweet*
post Jul 29 2007, 03:47 PM
Post #7





Guest
The reason its not aligning is because you have the left property set to 61% You should either change it to 0%, or 50% (to make the div centered in all screen resolutions), and position it with the left margin. thumbsup.gif
 
SarahxJoy
post Jul 29 2007, 03:48 PM
Post #8


What the fack.
*******

Group: Official Member
Posts: 6,164
Joined: Mar 2004
Member No: 8,519
Nicely done. _smile.gif
 
freeflow
post Jul 29 2007, 03:51 PM
Post #9


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270
Its ok I just don't really like the font style you used. And I don't mind that you take my code just next time tell me. K? K.
 
speakerboxx123
post Jul 29 2007, 04:37 PM
Post #10


im with the marching band
*****

Group: Member
Posts: 740
Joined: Dec 2006
Member No: 491,167
okay thanks Toya, and the alignments are fixed thanks to SinfullySweet thumbsup.gif
 
freeflow
post Jul 29 2007, 04:45 PM
Post #11


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270
Its still off for me....
 
speakerboxx123
post Jul 29 2007, 05:05 PM
Post #12


im with the marching band
*****

Group: Member
Posts: 740
Joined: Dec 2006
Member No: 491,167
i know, its off on safari, but safari is off most of the times...
 
freeflow
post Jul 29 2007, 05:15 PM
Post #13


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270
Uh no. Its off in Firefox...
 
speakerboxx123
post Jul 29 2007, 05:20 PM
Post #14


im with the marching band
*****

Group: Member
Posts: 740
Joined: Dec 2006
Member No: 491,167
ugh....i used what SinfullySweet told me to do, and i read the myspace think that you told me to read! i don't understand why its off...

heres the code provided by toya[image map by me]:
CODE
<style type="text/css">
body{
background-color: #000000;
background-image: url("http://i35.photobucket.com/albums/d176/anthonyyo/anthony3-1.png");
background-repeat: repeat;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
color: #FFFFFF;
}
textarea, input{background-image: url("http://s35.photobucket.com/albums/d176/anthonyyo/?action=view&current=anthony2.png"); color: #000000; border-width: 1px; border-color: #900000; font-weight:normal;}
#header{display:none;}
#headhancho{position: absolute; left: 50%; margin-left: -450px; top: 0%; margin-top: 0px; z-index:0;}[/size]
#comments{position:absolute; left:50% !important; margin-left: 30px; top: 50% !important; margin-top:350px; z-index:1; width: 230px !important; height: 230px; overflow: auto;}
#music{display: none;}
#cred {postition: absolute; top: 0%; left 0%;}
#profile div#bestfriends {display:none!important;}
#profile div#aboutme {display:none !important;}
#profile div#contactme {display:none!important;}
#profile div#links{display:none!important;}
#profile div#stats {display:none!important;}
#profile div#recententries {display:none!important;}
#profile div#favorites {display:none !important;}
#profile div#submissions {display:none !important;}
#profile div#skills {display:none !important;}
#profile div#recentphotos{display:none !important;}
#profile div#footer{display:none !important;}
#profile div#ccpg{display:none !important;}
#profile div#splash{display:none !important;}
h2, h1, h3{display:none;}
h2{dsiplay:none;}
.outerbox, #footer{  background-color: transparent; color: #FFFFFF; width: 229px;}
#footer{background-image: url("");}
.innerbox, .entrybox{color: #000000; background-color:transparent !important;}
.linkbox {color: #000000; background-color:transparent !important;}
.alertbox {color: #000000; background-color:transparent !important;}
.entrybox {color: #000000; background-color:transparent !important;}
li, li.top{color: #000000; background-color:transparent !important;}
.comment_body smaller grey, .comment_body{font:normal 10px tahoma; color:#FFFFFF; }
body,table, td, li, p, div, textarea  
{font:normal 10px tahoma #FFFFFF;}
a, a:link,a:active,a:visited{font:normal 10px arial; color: #FF0000 !important;}
a:hover{cursor:crosshair; font:normal 10px arial; color:#000000 !important;}
b{ color: #FFFFFF;}
i{color: #FFFFFF;}
img {cursor:crosshair; }
</style>


<img src="http://i35.photobucket.com/albums/d176/anthonyyo/anthony2.png" width="823" border="0" usemap="#imap_28" >
<map id="imap_28" name="imap_28" >
   <area shape="rect" coords="159,66,254,123" alt="My Graphics" title="My Graphics" href="http://speakerboxx123.createblog.com/graphics/">
   <area shape="rect" coords="437,74,515,131" alt="My Scripts" title="My Scripts" href="http://speakerboxx123.createblog.com/scripts/">
   <area shape="rect" coords="63,109,145,172" alt="Forums" title="Forums" href="http://createblog.com/forums/">
   <area shape="rect" coords="152,183,212,235" alt="Pm" title="Pm" href="http://www.createblog.com/forums/index.php?act=Msg&CODE=4&MID=491167">
   <area shape="rect" coords="495,186,549,242" alt="Add" title="Add" href="http://speakerboxx123.createblog.com/friends/add.php?height=100&width=300&nocache=1185509206">
   <area shape="rect" coords="551,148,614,192" alt="Wink Me" title="Wink Me" href="http://speakerboxx123.createblog.com/wink.php?height=100&width=300&nocache=1185509206">
</map>
<div class="cred">
Credit:<A href=http://freeflow.createblog.com>toya monet</a>
</div>
 
freeflow
post Jul 29 2007, 05:30 PM
Post #15


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270
You don't just change it to 50% you actually have to align it. And you dont need to post the code.. I already have it.. its mine remember? mellow.gif You need to align it. Margin left ..etc.

QUOTE
quick lesson on "position: absolute"

top: 0% = moves to top of page
top: 50% = moves to middle of page
top: 100% = moves to bottem of page
left: 0% = moves to left of page
left: 50% = moves to center of page
left: 100% = moves to right of page
margin-left: -15px = moves left 15px
margin-left: 15px = moves right 15px
margin-top: 45px = moves down 45px
margin-top: -45px = moves up 45px
 
YourSuperior
post Jul 29 2007, 05:31 PM
Post #16


;)
*******

Group: Staff Alumni
Posts: 9,573
Joined: Feb 2005
Member No: 99,124
I like the design and the colors, but the font on the image maps bother me for some reason. It looks good design wise though. Just move your comment box down some in Firefox. If you need help with that just PM me. _smile.gif
 
speakerboxx123
post Jul 29 2007, 05:40 PM
Post #17


im with the marching band
*****

Group: Member
Posts: 740
Joined: Dec 2006
Member No: 491,167
QUOTE(freeflow @ Jul 29 2007, 06:30 PM) *
You don't just change it to 50% you actually have to align it. And you dont need to post the code.. I already have it.. its mine remember? mellow.gif You need to align it. Margin left ..etc.


i know i did that,i did align it, and its aligned in my firefox:
 
*SinfullySweet*
post Jul 29 2007, 05:44 PM
Post #18





Guest
Okay, it aligns horiztonally now, but the comments don't align vertically for me. It seems, they should be moved down 50-80 pixels.
 
speakerboxx123
post Jul 29 2007, 06:01 PM
Post #19


im with the marching band
*****

Group: Member
Posts: 740
Joined: Dec 2006
Member No: 491,167
okay i put it on 60% and it looks like this:
 
*SinfullySweet*
post Jul 29 2007, 06:05 PM
Post #20





Guest
Why did you put it on 60%? That would make the alignments on other screen resolutions messed up. You should only set the alignments to either 0%, and 50%, and never any other number thumbsup.gif
 
speakerboxx123
post Jul 29 2007, 06:47 PM
Post #21


im with the marching band
*****

Group: Member
Posts: 740
Joined: Dec 2006
Member No: 491,167
okay i move it back to 50% and i moved the margin 50px and it looks like so:
 
« Next Oldest · Showcase Booth · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

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

Track this topic · Email this topic · Print this topic