Log In · Register

 
 
 Closed TopicStart new topic
Help with DIV coding.
wordstoasong
post Jan 20 2008, 02:19 AM
Post #1


Senior Member
***

Group: Member
Posts: 30
Joined: Jan 2008
Member No: 612,365
http://www.freewebs.com/tammys-tackshop/

digitalfragrance gave me a simple DIV layout to work with, and it is working very well. I just need help with one thing:

Moving the words to the box. I don't know how to do this, any help would be greatful.

CODE
<html>
<head>

<title>TITLE OF WEBPAGE HERE</title>

</head>

<body>
<style type="text/css">

body {
/* edits the scrollbar and background */
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;
background-color: #ffffff;
cursor: normal;
background-image:

url("");
background-repeat: repeat-y;
background-align: left;
overflow-x: hidden;  }
a:link{
/* edits all the links */
color: #6a6a6a;
  font:14px century gothic;
text-decoration: none;
text-transform: Uppercase;
letter-spacing: 0px;
cursor:normal;
}

a:visited{
/* edits all the visited links */
color: #6a6a6a;
  font:14px century gothic;
text-decoration: none;
text-transform: Uppercase;
letter-spacing: 0px;
cursor:normal;
}

a:hover{
/* edits all the hovered links */
color: #3380c2;
  font:14px century gothic;
text-decoration: none;
text-transform: Uppercase;
letter-spacing: 0px;
cursor:normal;
}

input, select, textarea, iframe.htmleditor,

.textfield, .button {
/* edits the buttons, dropdowns, etc. */
border: 1px solid #000000;
font: 12px century gothic;
background-color: transparent;
color: #000000;
letter-spacing:0px;
}
p {
/* edits all of the paragraphs */
align: justify;

}

b {
/* edits all the bolded words */
color: #3380c3;
font-weight: bold;
letter-spacing:0px;
font: 12px century gothic;
text-transform: none;
}

I, EM {
/* edits all the italic words */
color: #3380c3;
letter-spacing:0px;
font: 12px century gothic;
text-transform:none;
background-color:none;
}

u {
/* edits all the underlined words */
color: #3380c3;
letter-spacing:0px;
font-size: 12px;
text-transform:none;
font-style:none;
background-color:none;
}
body, div {
font: 12px century gothic;
line-height:normal;
color: #000000;
letter-spacing:0px;
text-align:justify;
text-transform:none;

}
</style>

<div style="position: absolute; width: ##px; height: ##px; margin-left: 0px; margin-top: 0px; overflow: auto;">
<img src="IMG URL OF BACKGROUND IMAGE HERE">

</div>
<div style="position: absolute; width: ##px; height: ##px; margin-left: ##px; margin-top: ##px; overflow: auto;">
TYPE YOUR TEXT CONTENT HERE

</div>
</body>
</html>
 
MissHygienic
post Jan 20 2008, 02:21 AM
Post #2


Resource Center Tyrant
******

Group: Official Member
Posts: 2,263
Joined: Nov 2007
Member No: 593,306
CODE
<div style="position: absolute; width: ##px; height: ##px; margin-left: ##px; margin-top: ##px; overflow: auto;">
TYPE YOUR TEXT CONTENT HERE


You need to play around with the bolded settings to get the text where you would like it. Enter in some numbers and see where the text ends up, and just adjust the numbers according. Try intervals of 5 or 10.
 
wordstoasong
post Jan 20 2008, 02:22 AM
Post #3


Senior Member
***

Group: Member
Posts: 30
Joined: Jan 2008
Member No: 612,365
Thank you very much. I'll try this.
 
digitalfragrance
post Jan 20 2008, 12:56 PM
Post #4


Adobe Addict
******

Group: Staff Alumni
Posts: 1,237
Joined: Mar 2005
Member No: 113,043
I'm going to go ahead and close this since you have another topic open _smile.gif
Topic Closed
 
« Next Oldest · Webmasters' Corner 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: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic