whats wrong with my code? [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : whats wrong with my code?

Superstar

07-02-2004, 07:39 PM

my site (blossompuppies.com/main.shtml)

im trying to add text and info on my left div under where is says "Girl" but it always goes on top when i add this code

stuff

now, ive changed it to my blog code and all my info's under the "Girl" sec where i want it but its stretching too far. i dont know whats wrong. can some one help me? this is my whole code:

<html>
<head>
<img src="bg.jpg" width=950" height="580" alt="bg">

<style type="text/css">

A:link { text-decoration: none; color:#FD007E; }
A:visited { text-decoration: none;color:#FD007E; }
A:active { text-decoration: none; color:#FD007E; }
A:hover { text-decoration: none; color:#FD007E;cursor:crosshair}

h1 {font-family: arial;
color: #FFFFFF; }

p {font-family: arial;
color: #FFFFFF; }

body
{ background:allpink4.gif;
background-image: url(allpink4.gif);
background-repeat: repeat;
background-position: center;
background-attachment: fixed;

font-family: arial;
color: #FFFFFF ;
letter-spacing: 3pt;
font-weight: normal;
font-size: 12pt;

scrollbar-face-color : #E7378A;
scrollbar-highlight-color : #FF6AB5;
scrollbar-3dlight-color : #FF6AB5;
scrollbar-shadow-color : #FF6AB5;
scrollbar-darkshadow-color : #FF6AB5;
scrollbar-track-color : #FF6AB5;
scrollbar-arrow-color :#FFFFFF;

margin-top: 0;
margin-bottom: 0;
margin-left:8;
margin-right: 13;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}

td
{ font-family: arial;
color: #FFFFFF;
padding-left: 1cm;
padding-right: 1cm;
padding-top: 1cm;
padding-bottom: 1cm;
padding: 1cm
padding: 1cm 1cm;

input, textarea
{ background: transparent;
font-family: arial;
font-size: 8pt;
color: #FFFFF;
border-style: dotted;
border-color: ##FF1568;
border-width: 5px; }

<style type="text/css">

</style>
<div id="other" style="position:absolute;width:246;height:60;

z-index:1;left:10;top:600"padding:5px; 2px solid; background-color: #000000;

font-size: 8pt;border:#000000>
<div style=background:#FF6AB5>Girl</div

style></div>

&nbsp
testing
blah blah blah blah blah
<a href="annoy.shtml" target="blog">annoy</a>

<title>...Blossom Puppies...: The only site where Lucky & Blucky are

FaMoUs!</title>
</head>
<body>
<iframe frameborder="0" border=0 width=457
height=800 src="blog.shtml"
name=blog style="position:absolute; left:300; top:600" scrolling="auto"

background -color=#FF9DCE></iframe>

</body>
</html>

also, how can i make the text not stretch so far? like how can i make it so that instead of saying "G i r l" it would say "Girl".

thanks in advance!

kittycat

07-02-2004, 09:30 PM

Here's a fixed up version of your page code, it was out of order and there was a few errors, see how this works

<html>
<head>
<title>...Blossom Puppies...: The only site where Lucky & Blucky are
FaMoUs!</title>
<style type="text/css">

A:link { text-decoration: none; color:#FD007E; }
A:visited { text-decoration: none;color:#FD007E; }
A:active { text-decoration: none; color:#FD007E; }
A:hover { text-decoration: none; color:#FD007E; cursor:crosshair}

h1 {font-family: arial;
color: #FFFFFF; }

p {font-family: arial;
color: #FFFFFF; }

body
{background-image: url(allpink4.gif);
background-repeat: repeat;
background-position: center;
background-attachment: fixed;

font-family: arial;
color: #FFFFFF;
font-weight: normal;
font-size: 12pt;

scrollbar-face-color : #E7378A;
scrollbar-highlight-color : #FF6AB5;
scrollbar-3dlight-color : #FF6AB5;
scrollbar-shadow-color : #FF6AB5;
scrollbar-darkshadow-color : #FF6AB5;
scrollbar-track-color : #FF6AB5;
scrollbar-arrow-color :#FFFFFF;

margin-top: 0;
margin-bottom: 0;
margin-left:8;
margin-right: 13;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}

td
{ font-family: arial;
color: #FFFFFF;
padding-left: 1cm;
padding-right: 1cm;
padding-top: 1cm;
padding-bottom: 1cm; }

input, textarea
{ background: transparent;
font-family: arial;
font-size: 8pt;
color: #FFFFF;
border-style: dotted;
border-color: ##FF1568;
border-width: 5px; }
</style>
</head>
<body>
<img src="bg.jpg" width=950" height="580" alt="bg">
<div id="other" style="position:absolute; width:246px; height:60px;
z-index:1; left:10px; top:600px; padding:5px; border: 2px solid #000000; background-color: #000000; font-size: 8pt;">

<div style="background:#FF6AB5">Girl</div>

&nbsp
testing
blah blah blah blah blah
<a href="annoy.shtml" target="blog">annoy</a>

<iframe frameborder="0" border=0 width=457
height=800 src="blog.shtml"
name=blog style="position:absolute; left:300px; top:600px; background -color:#FF9DCE" scrolling="auto"></iframe>

</body>
</html>

You had two different font sizes/colours in the code, here's the other if you want to replace the one currently specified in the CSS
font-size: 8pt; color: #FF6AB5;

Superstar

07-02-2004, 10:59 PM

that works. but why did it bring my iframe all the way to the bottom?

Superstar

07-02-2004, 11:46 PM

oooh, never mind, i got it :). how can i get the text in div to show up under the "girl" sec and not at the very bottom of the div?

kittycat

07-03-2004, 12:01 AM

Fix up your div code like this...
<div id="other" style="position:absolute; width:246px; height:60px;
z-index:1; left:10px; top:600px; padding:5px; border: 2px solid #000000; font-size: 8pt;">
And take out this line...
&nbsp

Superstar

07-03-2004, 01:02 AM

yaaaaaayyy!!! that works!! :D i have one more question. i just made an actual pg to go w/ my site, and the thing is it has alot of content and when it shows through the iframe it has a scrollbar. so, i was trying to make the scrollbar for that pg to match w/ the one on my main (blossompuppies.com/main.shtml) site, and it did except for the face of the scrollbar (its the same color # but it still wont work), how can i get it to be the same color?

Superstar

07-03-2004, 01:04 AM

sorry, it told me i had too many characters so i had to finish my recent post in this new one.

this is the code for this (blossompuppies.com/elevator.shtml) pg: (why does the face show gray and not pink?)

<html><head>
<title></title>
</head>
<body>
<style type="text/css">
body
{ background:#FF9DCE
font-family:arial;
font-size:11pt

scrollbar-face-color :#E7378A;
scrollbar-highlight-color : #FF6AB5;
scrollbar-3dlight-color : #FF6AB5;
scrollbar-shadow-color : #FF6AB5;
scrollbar-darkshadow-color : #FF6AB5;
scrollbar-track-color : #FF6AB5;
scrollbar-arrow-color :#FFFFFF;

</style>

Ways To Annoy People In An
Elevator
-Act like a dog, growl at people. 
-Announce in a demonic voice: "I must find a more suitable host body." 
-Apply dripping red paint around the edge of the roof hatch. When someone
enters, look upwards and whisper "I think they want in..." -Ask each
passenger getting on if you can push the button for them. Press the wrong ones. -Ask everyone what they made for their side dish. -Ask someone to take your temperature, then turn around and bend over. -Ask, “did you hear that cable snapping sound?” -Attempt to hypnotize the other passengers. -Bet the other passengers you can fit a quarter in your nose. -Blow spit balls at the ceiling. -Blow your nose and offer to show the contents of your Kleenex to other passengers. -Blow your nose on your sleeve. -Bring a camera, take pictures of everybody in the elevator. -Bring a chair along. -Bring easy math flash cards on the elevator and ask the person next to you to help you study them (get them wrong). -Burp, and then say “mmmm...tasty!” -Call out, “Group hug!” and enforce it. -Call the psychic hotline from you cell phone, and
ask if they know what floor you’re on. -Carry a blanket and clutch it
protectively. -Challenge people to games of hide-and-seek. -Clutch your stomach and gasp. -Collapse on the floor when the elevator goes up, then get up and look embarrassed. -Collect an elevator tax. -Count down from 100,000 out loud. -Crack open your briefcase or purse, and while peering inside ask: “Got enough air in there?” -Do Tai Chi exercises. -Draw a little square on the floor with chalk and announce to the other passengers that this is your “personal space.” -Draw a volleyball on the wall of the elevator and insist you have been trapped in there for 3 months. Formally introduce everyone to the volleyball! -Dress as a clergy member of the opposite ^^^. -Drop a pen and wait until someone reaches to help pick it up, then scream, “That’s mine!” -Eat jello through a straw. -Frown and mutter "gotta go, gotta go" then sigh and say "oops!" -Give each passenger a round of applause as they enter or leave. -Give each passenger a ticket and remind them that door prize drawing is in half an hour. -Give people lectures about the periodic table of elements. -Give religious tracts to each passenger. -Go into extreme detail explaining how you were trapped in an elevator once for two days. -Greet everyone getting on the elevator with a warm handshake and ask them to call you Admiral. -Greet everyone with a smile and a handshake, then ignore them. -Grimace painfully while smacking your forehead and muttering: "Shut up, ``````, all of you just shut UP!" -Guard the button panel so no one can touch it. Growl and bite at anyone’s fingers who attept to cross you. -Have a picnic in the elevator. -Have a seizure. -Hold the elevator door open and say you’re waiting for your friend. After a while, let the doors close and say, “Hi John, how’s your day been?” -Holler “Chutes away!” whenever the elevator descends. -Hug yourself. -Hum the theme from Mission Impossible with yours eyes darting around the elevator. -Hum the theme to Jeopardy. -If anyone brushes against you, recoil and holler, "Bad touch!" -If anyone brushes against you, whisper to them "was it good for you too?" -Introduce yourself as
Ochenga-Wangaa The great chief and begin telling stories of your native
island. -Jump up when the elevator reaches a stop. -Lay down a Twister mat and ask people if they want to play. -Lean against the button panel. -Lean over to another passenger and whisper: “Noogie patrol coming!” -Leave a box between the doors. -Leave a box in a corner, and when someone gets on, ask if they hear something ticking. -Lick gummy bears and stick them to things (the walls, the buttons, the passengers, etc.) -Listen to the elevator walls with a stethoscope. -Make explosion noises when anyone presses a button. -Make farm animal noises. -Make race car noises when anyone gets on or off. -Make sure the emergency phone is working. -Meow occasionally. -Act like a mad dog and bark towards new arriving passengers. -Move your desk in to the elevator, and whenever someone gets on, ask if they have an appointment. -Mumble autistically about the possibilities of elevator accidents. -Offer a bite of your fresh tangerine to everyone coming on board. -Offer hitman services. -Offer name tags to everyone getting on the elevator. Wear yours upside-down. -On a long ride, ```` side to side at the natural frequency of the elevator. On the highest floor, hold the door open and demand that it stay open until you hear the penny you dropped down the shaft go “plink” at the bottom. -Open a lemonade stand. -Perform the Hamlet soliloquy. When a new passenger enters, start over again. -Pick your nose. -Place police tape (CRIME SCENE DO NOT CROSS) on the inside of the doors. -Play dead. -Play patty-cake with the door. -Play the harmonica. -Fart out loud. -Pour water on the front of your trousers, so it looks like you have wet yourself, tell everyone who comes in to the elevator, that you had a little accident. -Pray to Budda. -Preach about the end of the world. -Pretend you’re a flight attendant and review emergency procedures and exits with the passengers. -Pull your gum out of your mouth in long strings. -Push the buttons and pretend they give you a shock. -Read a book upside down. -Recite poetry in monotone. -Request for people to watch you Riverdance. -Say "Ding!" at each floor. -Say "I wonder what all these do" and push the red buttons. -Say, while holding a paper with OUT OF ORDER written on it, “I wonder why this was glued on the door when I came in.” -Scratch yourself continuesly. -Scribble furiously on a notepad while looking at each passenger. When they try to look, hide the pad. -Sell Girl Scout cookies. -Shave. -Show other passengers a wound and ask if it looks infected. -Sing “Mary had a little lamb” while continually pushing buttons. -Sing: "I know a song that gets on everybody's nerve's, everybody's nerves, everybody's nerves, i know a song that gets on everybody's nerves and this is how it goes!" .....pause.....repeat....continually. -Stand really close to
someone, sniffing them occasionally. -Stand silent and motionless in the
corner, facing the wall, without getting off. -Stare at another passenger for a while, then announce “You’re one of THEM!” and move to the far corner of the elevator. -Stare at your thumb and say, "I think it's getting larger." -Stare, grinning, at another passenger for a while, and then announce “I’ve got new socks on!” -Start a sing-along. -Start reciting "Green Eggs and Ham" and ask people what comes next. -Take a bite of a sandwich and ask another passenger: “Wanna see wha in muh mouf?” -Tap dance. -Tell everyone about the hidden rooftop penthouse belonging to the mob. -Tell everyone about your love life. -Tell people you can see their aura. -Tell the passengers not to worry. The bomb won't go off for at least another two minutes. -Throw a party in the vator! -Try to purchase an article of clothing from the person next to you. -Untie one shoe, then tie the other. Repeat. -Walk in circles. Change directions when you hit a passenger. -Walk on with a cooler that says “human head” on the side. -Wave hands wildly at invisible flies buzzing around your head. -Wear “X-Ray Specs” and leer suggestively at other passengers. -Wear a basketball jersey. Show everyone your armpit. Works best if you dont shave, get a good workout and don't use deodorant. -Wear a puppet on your hand and talk to other passengers "through" it. -Wear a Santa suit...in June. -Wear a ski mask and carry an axe. -Wear complete SCUBA gear, then offer your buddy hose to the other passengers. -When the elevator doors close, bang on them, screaming let me out! -When arriving at your floor, grunt and strain to yank the doors open, then act embarrassed when they open by themselves. -When at least 8 people have boarded, moan from the back: “Oh, not now... motion sickness!” -When the elevator doors close, announce to the others, “It’s okay, don’t panic, they’ll open again.” -When the doors close pretend you arm got caught in it. -When the doors open, pretend you did it with your mind. -When the elevator is silent, look around and ask, "Is that your beeper?" -When the elevator reaches another passenger’s floor, scream and collapse in front of the door. -When there’s only one other person on the elevator, tap them on the shoulder and pretend it wasn’t you. -While the doors are opening, hurriedly whisper, “hide it...quick!” then whistle innocently. -Whistle the first seven notes of “It’s a Small World” incessantly.

</body>
</html>

kittycat

07-03-2004, 02:36 AM

You missed a closing } on the end of your body section CSS, and the css should also be placed in the head section.

Superstar

07-03-2004, 02:46 AM

how come when i add a new div to go under the one thats already there, it aligns itself all the way to the bottom and the iframe goes down w/ it? (and then i have to fix it, but it dont always work out) :(

kittycat

07-03-2004, 02:49 AM

You have your iframe included in with the main div because you don't have a closing div tag... so just add a </div> before the iframe tag.
That'll move the iframe all the way up to the top of the page, so you'll have to change it's top positioning to around 600px

Superstar

07-03-2004, 03:08 AM

how do i make it so that the 2nd div stays align under the 1st one and not all over the place lol?

kittycat

07-03-2004, 05:29 AM

You have some weird positioning in your div code... if you try it like this (I think it will work) it'll make it easier to just add divs by adding the box div code thing

<div id="other" style="position:absolute; width:246px; height:60px;
z-index:1; left:10px; top:600px; font-size: 8pt;">

<div style="padding:5px; border: 2px solid #000000;">
<div style="background:#FF0080">The Layout</div>
Title: Jennifer Garner v.1 Features: Jennifer Garner Font: arial Programs Used: PSP8 & MS Paint 
<a href="annoy.shtml" target="blog">annoy</a>
</div>

<div style="padding:5px; border: 2px solid #000000;">
<div style="background:#FF0080">Girl</div>
Delise: blah.</div>
</div>

And the box code thing would be just
<div style="padding:5px; border: 2px solid #000000;">
<div style="background:#FF0080">TITLE</div>
TEXT</div>

Superstar

07-04-2004, 12:49 AM

yaaaay, it works! Thanks Kittycat! :)