HTML Help

kayla011 · Joined: 16 Jun 2009 Posts: 5

Hi im just starting off and i need help coding a layout the URL is below... Thank you if you can help...

http://i440.photobucket.com/albums/qq129/23kayla23/kaylay.jpg?t=1245184964

PayneLess Designs · Joined: 28 Feb 2007 Posts: 4289 Location: MS

Making a layout for someone without details is hard enough. Are you just wanting that image as a background image with text written in the "image boxes" on both sides? With that image, there will be no room for expansion of text beyond the bottom image border unless a scroll box is used to contain the info.

kayla011 · Joined: 16 Jun 2009 Posts: 5

I just want that to be my layout and yes I would like for the tables to scroll...

PayneLess Designs · Joined: 28 Feb 2007 Posts: 4289 Location: MS

Ummmm...I don't use tables. Is that a problem?

PayneLess Designs · Joined: 28 Feb 2007 Posts: 4289 Location: MS

Maybe this?

Your Page

kayla011 · Joined: 16 Jun 2009 Posts: 5

thats exactly how i want it but how do i get the code...oh && thankz

kayla011 · Joined: 16 Jun 2009 Posts: 5

i went to view source but that code didnt put the layout on my page

PayneLess Designs · Joined: 28 Feb 2007 Posts: 4289 Location: MS

You have to have the index.html, the CSS and all images used to get it just like that. This is NOT a MySpace layout. I can zip the files for you to download, but if you are not using this on your own personal web site, then some changes have to be made to the files.

Let me make the changes and see if it will work on MySpace for you.

PayneLess Designs · Joined: 28 Feb 2007 Posts: 4289 Location: MS

Try this: Code: <html><head>
<style type="text/css">
* { margin: 0; padding: 0; border: 0; }
body {
font-size: 1em;
background: #000 url(http://i440.photobucket.com/albums/qq129/23kayla23/kaylay.jpg?t=1245184964) no-repeat center scroll;
}

div#wrap {
width: 800px;
height: 600px;
min-width: 800px;
min-height: 600px;
margin: 0 auto;
border: 0 inset #070; /* Used for layout only */
}

div#left_box {
float: left;
width: 173px;
height: 351px;
margin-top: 13.1%;
margin-left: 4%;
text-align: justify;
color: #f0f;
background: transparent;
overflow: scroll;
border: 0 inset #007; /* Used for layout only */
}

div#right_box {
float: right;
width: 186px;
height: 346px;
margin-top: 13.3%;
margin-right: 4.3%;
text-align: justify;
color: #0ff;
background: transparent;
overflow: scroll;
border: 0 inset #007; /* Used for layout only */
</style>
</head>
<body>
<div id="wrap">

<div id="left_box">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ornare, erat ac suscipit convallis, nibh orci malesuada neque, a porta dolor nunc a eros. Integer vehicula erat in sem facilisis pharetra. Sed eu interdum justo. Suspendisse eget purus id dolor fermentum convallis. Phasellus non dolor augue. Praesent purus dolor, molestie sit amet facilisis vel, lacinia non odio. Ut vel dui in lorem pretium fermentum non vitae magna. Curabitur mollis est sit amet sapien venenatis quis interdum nisi rutrum. Nam non aliquam nulla. Nunc non blandit lacus. In hac habitasse platea dictumst. Vivamus gravida nibh ut risus porttitor condimentum. Donec velit lectus, tincidunt in dictum quis, cursus et dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer a est arcu. Suspendisse sit amet nisl purus, laoreet interdum purus.</p>
</div>

<div id="right_box">
<p>Sed ac nulla dolor, eu auctor nibh. Donec ante ipsum, placerat eget pharetra non, pulvinar sit amet mauris. In nec justo diam. Nam sed tortor ut est sodales venenatis. Vivamus placerat ligula consequat lacus lobortis in pharetra sem dapibus. Nulla ut libero libero. Donec pretium viverra massa nec accumsan. In egestas, tortor id luctus euismod, neque elit laoreet ligula, ut posuere tortor erat eu enim. In hac habitasse platea dictumst. Aliquam eu arcu hendrerit neque mollis interdum. Donec sollicitudin volutpat imperdiet. Nullam tristique lectus vitae magna gravida pretium. Phasellus venenatis mauris a ante molestie vitae malesuada est dapibus. Praesent dignissim laoreet blandit.</p>
</div>

</div>
</body></html> You may have to strip out the "<html><head>" and "</html></head>" tags. Maybe even the "<body>" and "</body>" tags. Not sure which section of your profile it goes in or whether it has to be converted to tables.

kayla011 · Joined: 16 Jun 2009 Posts: 5

it didnt work...itz ok thankz any way

PayneLess Designs · Joined: 28 Feb 2007 Posts: 4289 Location: MS

Then try setting it up using one of these MySpace Editors:

1.0 Editors -

http://personalweb.about.com/od/myspacecom/qt/mysproffix.htm
http://www.123mycodes.com/myspace-profile-editor.php
http://answers.yahoo.com/question/index?qid=20090220224013AAqLHhP

2.0 Editors -

http://myspacecolor.com/
http://www.htmlgoodies.com/beyond/webmaster/article.php/3645641
http://www.myspaceprodesigns.com/generator/myspacegen/

Sorry it didn't work. If you ever get your own free site, like at http://webs.com/ , you'll be able to use it.