Need Help Again on Div Options

[ShizukaHio]

First how do you put a background on a div? I've tried doing that and the code I'm using for the div is this:

CODE

<div class="content" style="position: absolute; left:000px; top:000px; width:000px; height:000px; overflow: auto;"><center>
CONTENT FOR DIV.
</div>

[Mickey]

Add background properties so it looks like this:

CODE

<div class="content" style="position: absolute; left:000px; top:000px; width:000px; height:000px; overflow: auto; background-color:000000; background-image: url(URL); background-position:center; background-repeat:repeat; background-attachment:fixed;"><center>
CONTENT FOR DIV.
</div>

Just play around with them to suit your liking.

[ShizukaHio]

Okay and how can you get different headers? You know for sizes and colors?

[Mickey]

Create classes with different styles, like this:

CODE

<style>
.headerl {font:normal 18pt Times New Roman; color:black; text-transform:lowercase; letter-spacing:-3px;}
.header2 {font:normal 18pt Century Gothic; color:white; text-transform:uppercase; letter-spacing:3px;}
</style>

Switch them up to your liking, then use them like this:

CODE

<span class="header1">HEADER TEXT</span>
Insert text here.

<span class="header2">HEADER TEXT</span>
Insert text here.

Replace the text as you see fit.

[ShizukaHio]

Okay thanks so much I've got three more questions.

1. How do you do different colors for different letters? And is that possible for any letter in the word or just the first or last?

2. Is there a different code your supposed to use for a comment box to have image's in it also?

3. And I can't remember if this was one of the rules, when I went to check I didn't find it either. Are the bottom links supposed to remain visible when you do a div?

[Mickey]

1) It's possible for any letter. Try this code:

CODE

<font color="######">A</font><font color="######">B</font><font color="######">C</font><font color="######">D</font><font color="######">E</font>

Replace the 6 pound symbols with hex codes according to what colour you want each character to be.

2) Adding a background to a comment box is the same as adding a background to a DIV. Just use <textarea> tags instead of <div> tags.

3) I'm not sure but it's best to leave it visible, especially the copyright.

[ShizukaHio]

Okay and actually I thought of one last thing for the size of the comment box, can you use the px sizes instead of the column kind of size? And how do you adjust the color of the submit button? The code I have doesn't have it in there.

[ShizukaHio]

This is the one I use:

CODE

<div style="text-align:center;"> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="FRIENDID"><textarea name="f_comments" id="f_comments" cols="30" rows="3" style=" background-color:white!important; background-image: url(); background-position: top left; background-attachement: fixed; background-repeat: repeat; border:1px black solid; font-family:Arial!important; font-size:16px!important; color:black!important; ">Leave Me A Comment In My Comment Box!</textarea><br><input type="submit" value="Submit"><input type="reset" value="Clear"></form>

[Mickey]

Replace that code with this:

CODE

<div style="text-align:center;"> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="FRIENDID"><textarea name="f_comments" id="f_comments" cols="30" rows="3" style=" background-color:white!important; background-image: url(); background-position: top left; background-attachement: fixed; background-repeat: repeat; border:1px black solid; font-family:Arial!important; font-size:16px!important; color:black!important; ">Leave Me A Comment In My Comment Box!</textarea><br><input type="submit" value="Submit" style=" background-color:white!important; background-image: url(); background-position: top left; background-attachement: fixed; background-repeat: repeat; border:1px black solid; font-family:Arial!important; font-size:16px!important; color:black!important; "><input type="reset" value="Clear"></form>

Then edit the underlined bit to customize its style.

[ShizukaHio]

Okay well arigato, I mean thank you. Thats all for now, thanks for the help. ^_^

[manny-the-dino]

Topic Closed & Moved