Log In · Register

 
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>
 
 
 Start new topic
Replies
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.
 

Posts in this topic
wordstoasong   Help with DIV coding.   Jan 20 2008, 02:19 AM
MissHygienic   CODE<div style="position: absolute; width:...   Jan 20 2008, 02:21 AM
wordstoasong   Thank you very much. I'll try this.   Jan 20 2008, 02:22 AM
digitalfragrance   I'm going to go ahead and close this since you...   Jan 20 2008, 12:56 PM

« 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: Switch to: Standard · Switch to: Linear+ · Outline

Track this topic · Email this topic · Print this topic