HTML Help

squishysaar · Joined: 27 Feb 2009 Posts: 7

im editing my myspace GROUP and....

i want my pictures centered and next to each other
but with a space in between them

how can i add a space?

here is a pic of what i mean:
http://tinypic.com/usermedia.php?uo=o%2BBlx4n91YWwHqdq674QEA%3D%3D
i want a space where the white arrow is pointing.
and they are each seperate pictures but they look
like there not, cuz there is no space in between them ):

and here is the code im using:
<center><a href="http://www.msplinks.com/MDFodHRwOi8vdGlueXBpYy5jb20v"><img src="http://i44.tinypic.com/10e301t.jpg"></a><a href="http://www.msplinks.com/MDFodHRwOi8vdGlueXBpYy5jb20v"><img src="http://i39.tinypic.com/30iyfs1.jpg"></a><center>

and if its not more of a hassle i wanted to know how can i center my scrolls?
i tried the <center> code already but no luck

here us my code:
div.scrollad{height:85px; width:100px;;float: left;border:3px inset gray; color:slategrey; background-color:black; text-align:left; font-size:12px; padding:1px; overflow:auto;} html*div.scrollad {height:200px; width:100px;}
<div class="scrollad">Nana Osaki is a punk singer who wants to debut with her band Black Stones,BLAST for short. Nana was the lead vocalist in their old band with Ren, and they lived together as lovers. When Ren is offered a chance to debut in Tokyo as a replacement member of the popular band ,Trapnest, Nana chooses to cultivate her own band, after Ren leaves her and Black Stones for Trapnest. She leaves for Tokyo at the age of twenty, and start her musical career.</div><div class="scrollad">Nana Komatsu is called Hachi, after Hachikō, as she has weak mental characteristics that resemble a puppy. With a habit of falling in love at first sight, Hachi has always depended on other people to help her. When her friends and then boyfriend leave for Tokyo, she decides to join them a year later after having saved enough money.
</div>

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

Let me take this one at a time. This: Code: <center><a href="http://www.msplinks.com/MDFodHRwOi8vdGlueXBpYy5jb20v"><img src="http://i44.tinypic.com/10e301t.jpg"></a><a href="http://www.msplinks.com/MDFodHRwOi8vdGlueXBpYy5jb20v"><img src="http://i39.tinypic.com/30iyfs1.jpg"></a><center> You want centered and with a space between the images right?

This should work:

CSS - Code: <style type="text/css">
* { margin: 0; padding: 0; border: 0; }

div#image_wrap {
width: 280px;
height: 140px;
margin: 2% auto;
border: 5px inset #070;
}

img.nana {
width: 120px;
height: 140px;
padding: 0 10px;
}
</style>

HTML - Code: <div id="image_wrap"><a href="http://www.msplinks.com/MDFodHRwOi8vdGlueXBpYy5jb20v" title="Nana"><img class="nana" src="http://i44.tinypic.com/10e301t.jpg" alt="Nana"></a><a href="http://www.msplinks.com/MDFodHRwOi8vdGlueXBpYy5jb20v"><img class="nana" src="http://i39.tinypic.com/30iyfs1.jpg" alt="Nana"></a></div> Worked for me in Firefox and IE. Remove the border styling, if you wish, as I inserted that for effect.

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

Centering your scroll box: Code: <style type="text/css">
* { margin: 0; padding: 0; border: 0; }

div.scrollad{
width:100px;
height: 85px;
margin: 0 auto;
border: 3px inset #c0c0c0;
color: #fffafa;
background: #000;
text-align: left;
font-size: 12px;
padding: 1px;
overflow: auto;
}

html*div.scrollad {
width:100px;
height:200px;
}
</style> No change needed to HTML was needed.

squishysaar · Joined: 27 Feb 2009 Posts: 7

i tried it but it didnt work ):

i dont know if maybe i put the codes in the worng place?
i tried putting them in my style sheet
and outside of it too DD:
thank you though (:

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

I tried it here in both Firefox and IE and they both work just fine. You probably made an error in putting in the code. I don't post code that doesn't work locally.

squishysaar · Joined: 27 Feb 2009 Posts: 7

PayneLess Designs wrote: I tried it here in both Firefox and IE and they both work just fine. You probably made an error in putting in the code. I don't post code that doesn't work locally.

i think i did make a mistake actually
cuz i got confused and i wasnt sure where to put the codes exactly.
i tried more than one way but i still didnt get it.

but i did try something new
but i need help on one thing.
do u think you could help me?
i use firefox btw.

here take a look:
http://s5.tinypic.com/2ahy26a.jpg

so i want it like this now
but i want my scroll boxes centered,
so they can be underneathe the pictures.

i tried using <center><center>
but no luck.

this is the code im using:
i put this in my style sheet (scroll code part 1)

div.scrollad{height:85px; width:100px;;float: left;border:3px inset gray; color:slategrey; background-color:black; text-align:left; font-size:12px; padding:1px; overflow:auto;} html*div.scrollad {height:200px; width:100px;}

and i put this outside of it on one of my added tables: (scroll code part 2)

<div class="scrollad";float: center>

here's a pic:
http://s5.tinypic.com/2cp3xwk.jpg

sorry that im asking for alot ):

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

The code I gave you for centering your scroll boxes is what works. MySpace has no concept of proper HTML coding and the slightest error can cause a serious hiccup. :P

If you did not insert the exact CSS and code I gave, then it is not going to work to center those scroll boxes.

squishysaar · Joined: 27 Feb 2009 Posts: 7

where do i put it, anywhere in my style sheet?

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

If you have a separate style sheet that you can edit, add the CSS to it WITHOUT the style tags. If you are putting it in anywhere else, you'll need to use the style tags. The HTML should go where you need it to go. I can put a test page online so you can see that it all works if you want.

squishysaar · Joined: 27 Feb 2009 Posts: 7

PayneLess Designs wrote: If you have a separate style sheet that you can edit, add the CSS to it WITHOUT the style tags. If you are putting it in anywhere else, you'll need to use the style tags. The HTML should go where you need it to go. I can put a test page online so you can see that it all works if you want.

ok it did center my scrolls but vertically
and i would prefer them horizontal.

http://tinypic.com/view.php?pic=23hw095&s=5

i added the code you gave me but w/out the style tags.

i tried adding a float to it to but no luck.

this is what i added to my style sheet

Code: { margin: 0; padding: 0; border: 0; }

div.scrollad{
width:100px;
height: 85px;
margin: 0 auto;
border: 3px inset #c0c0c0;
color: #fffafa;
background: #000;
text-align: left;
font-size: 12px;
padding: 1px;
overflow: auto;
}

html*div.scrollad {
width:100px;
height:200px;
}

and this is where i added the float:

Code: { margin: 0; padding: 0; border: 0; }
div.scrollad{
width:100px;
height: 85px;
margin:,float: left;
0 auto;border:
3pxinset c0c0c0;color: fffafa;
background: 000;text-align:
left;font-size: 12px;padding: 1px;overflow:auto;}html
*div.scrollad
{width:100px;
height:200px;}

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

You said originally you wanted them centered, nothing about centered AND side by side. Only wanted the pics side by side with a space.

Will re-work the code to get scroll boxes side by side and centered.

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

This checked ok in Firefox and IE: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Ron">
<meta name="date" content="2/27/2009">
<meta name="copyright" content="PayneLess Designs">

<style type="text/css">
* { margin: 0; padding: 0; border: 0; }

div#image_wrap {
width: 280px;
height: 140px;
margin: 2% auto;
border: 5px inset #070;
}

img.nana {
width: 120px;
height: 140px;
padding: 0 10px;
}
</style>

<style type="text/css">
* { margin: 0; padding: 0; border: 0; }

div#scrollad_wrap {
width: 228px;
height: 95px;
margin: 0 auto;
}

div.scrollad {
width: 100px;
height: 85px;
border: 3px inset #c0c0c0;
color: #fffafa;
background: #000;
text-align: left;
font-size: 12px;
margin: 0 4px;
overflow: auto;
float: left;
}

html*div.scrollad {
width: 100px;
height: 200px;
}
</style>
</head>
<body>
<div id="image_wrap"><a href="http://www.msplinks.com/MDFodHRwOi8vdGlueXBpYy5jb20v" title="Nana"><img class="nana" src="http://i44.tinypic.com/10e301t.jpg" alt="Nana"></a><a href="http://www.msplinks.com/MDFodHRwOi8vdGlueXBpYy5jb20v"><img class="nana" src="http://i39.tinypic.com/30iyfs1.jpg" alt="Nana"></a></div>

<div id="scrollad_wrap">
<div class="scrollad">Nana Osaki is a punk singer who wants to debut with her band Black Stones,BLAST for short. Nana was the lead vocalist in their old band with Ren, and they lived together as lovers. When Ren is offered a chance to debut in Tokyo as a replacement member of the popular band ,Trapnest, Nana chooses to cultivate her own band, after Ren leaves her and Black Stones for Trapnest. She leaves for Tokyo at the age of twenty, and start her musical career.</div><div class="scrollad">Nana Komatsu is called Hachi, after Hachiko, as she has weak mental characteristics that resemble a puppy. With a habit of falling in love at first sight, Hachi has always depended on other people to help her. When her friends and then boyfriend leave for Tokyo, she decides to join them a year later after having saved enough money.</div>
</div>
</body></html>

squishysaar · Joined: 27 Feb 2009 Posts: 7

yay it worked! :D
thank you so much!!!
sorry for the misunderstanding. (:

PayneLess Designs · Joined: 28 Feb 2007 Posts: 3593 Location: Biloxi, MS

No problem. You're welcome.