7 replies [Last post]
dmikester1
Offline
Regular
Last seen: 10 years 6 days ago
Timezone: GMT-6
Joined: 2007-05-24
Posts: 36
Points: 19

Here is my page: http://www.reginaspictures.com/notables.htm
I would like the text and blanks in the red, green, and blue sections to be pushed over to the left some. But I would like to keep it aligned nicely, so the text blanks are still above each other.

Here is my HTML:


2008 Summer Placement

var f = document.createElement('input');
var l = document.createElement('input');
var whatName = document.createTextNode("What is your fiancée's name?");
var onStaff = document.createTextNode("Are they on staff now?");
var first = document.createTextNode("first:");
var last = document.createTextNode("last:");
var br=document.createElement('br');
var d = document.createElement('/div');
var d2 = document.createElement('div id = "triCol"');
function create(dropdown)
{
var index = dropdown.selectedIndex;
f.type = 'text';
l.type = 'text';
f.style.textalign = "let";
l.style.textalign = "left";
if(index == 1) {
document.myForm.appendChild(whatName);
document.myForm.appendChild(br);
document.myForm.appendChild(first);
document.myForm.appendChild(f);
document.myForm.appendChild(last);
document.myForm.appendChild(l);
//document.myForm.appendChild(d);
//document.myForm.appendChild(d2);
document.myForm.appendChild(onStaff);
//document.myForm.appendChild(d);
}
else {
document.myForm.removeChild(whatName);
document.myForm.removeChild(br);
document.myForm.removeChild(first);
document.myForm.removeChild(f);
document.myForm.removeChild(last);
document.myForm.removeChild(l); }
}


2008 Summer Placement

(* = required blank)





Name


2. Last name*:

1. First name*:

3. Name of spouse:






Address

4. Street*:

5. Apt/Suite #:


7. State*:

6. City*:

8. Zip*:




Contact info

9. Home phone:

10. Cell phone:

11. Email address*:





Other info

12. Are you engaged?
NoYes

















And my CSS:

#leftCol {
float:left; width:50%; padding-left:5px; padding-top:5px; pading-bottom:5px;
}

#rightCol {
float:right; width:49%; padding-top:5px; padding-bottom:5px;
}

#secondCol {
float:left; text-align:right; width:34%; margin-left:-67%; padding-top:5px; padding-bottom:5px; background-color: blue;
}
#firstCol {
float:left; text-align:right; width:33%; margin-left:34%; padding-top:5px; padding-bottom:5px; background-color: red;
}
#thirdCol {
float:left; text-align:right; width:33%; padding-top:5px; padding-bottom:5px; background-color: green;
}

.c3 {
background-color: lightgray;
}

.c4 {
clear:both; border-bottom:medium solid #0066CC;
}
.c5 {
float:left; width:32%; padding-left:5px; padding-top:5px; padding-bottom:5px;
}
.heading {
color:#0033CC; font-family:Comic Sans MS; font-style: italics; padding-left:5px;
}
#bottomBorder {
border-bottom: thin dotted #000000;
}
h1 {
color:#CC0033; text-align:center; font-family:Comic Sans MS;
}
.note {
font-style:italics; float:right; padding-right:5px;
}
hr {
noshade color:#0033CC; border:0px; height:1px;
}

dmikester1
Offline
Regular
Last seen: 10 years 6 days ago
Timezone: GMT-6
Joined: 2007-05-24
Posts: 36
Points: 19

Why is it interpreting all

Why is it interpreting all my HTML?

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 5 years 51 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

add right padding to each

add right padding to each column and be sure to reduce the width by the same amount.

karinne
karinne's picture
Offline
Enthusiast
Aylmer, QC, Canada
Last seen: 12 years 35 weeks ago
Aylmer, QC, Canada
Timezone: GMT-5
Joined: 2004-01-14
Posts: 291
Points: 0

Use the < code > .... <

Use the < code > .... < /code > instead of [ code ] .... [ /code ] Wink

dmikester1
Offline
Regular
Last seen: 10 years 6 days ago
Timezone: GMT-6
Joined: 2007-05-24
Posts: 36
Points: 19

OK, not its reading my code

OK, not its reading my code correctly. Thanks Karinne!

dmikester1
Offline
Regular
Last seen: 10 years 6 days ago
Timezone: GMT-6
Joined: 2007-05-24
Posts: 36
Points: 19

Thanks wolfcry! That worked.

Thanks wolfcry! That worked.

dmikester1
Offline
Regular
Last seen: 10 years 6 days ago
Timezone: GMT-6
Joined: 2007-05-24
Posts: 36
Points: 19

Now how do I mark this as

Now how do I mark this as resolved?

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 6 weeks 1 day ago
Joined: 2004-06-30
Posts: 9668
Points: 801

If you click on "edit" at

If you click on "edit" at the top of the page, you can edit your original post, add [Solved] or [Fixed] or [Resolved], whatever you feel like Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies