HTML - Frames Questions

01:: object won't touch the top of the page::

On my site, www.subliminalmusic.co.nr, I got a flash mp3 player in a frame at the top.. but, for some reason, the mp3 player won't touch the very top of the page. I want it where the mp3 player touches the very top of the page and is fixed in place instead of having a scroll bar on the right.

02:: how do you make frame1 close when frame2 browses off of the original domain?::

I'm wondering if it's possible to make my top frame, with the mp3 player in it, close whenever I go to an off-site link in the bottom frame? Where the top frame stays put whenever I browse my own site, but closes whenever I go to another website.

It seems logical that I could make a list of safe-urls, or whatever.. something like.. where the top frame can recognize what's in the bottom frame.. and there'd be a list of urls in the code somewhere. If the url in the bottom frame isn't in the list of urls mentioned in the code, then the top frame closes.

Is that possible? If so, can you tell me how to do it or point me in the right direction?

Thanks in advance!
-Anthony-

I am a new member and I was hoping someone could help me.

I have looked for answers myself, but I havent come across them.

Question 1-
How do I add a Scroll Bar Box to left side to slip the page into 2 sections, and How to add Links to it?

Question 2-
How Do I make the Screen not move off the page? So the Bottom scrollbar does not show up.

Ex. If I am using Internet Explorer, and I have my Favorites up, and I expand the box, It makes the screen smaller, But the website also gets smaller, but you can still see evrything.

I Hope you guys can help me.

Hi guys I don't know if I should be asking these question here not still here we go,

1. I want to add the login and out box from the forums to my website homepage How can I do that???

2. I want to put that search box from the forums to website homepage as well so if some member/user search the website they get the results out of forums.

I hope I explained good Please ask for more information if you need Thank You so much.

This is my site currently ... www.fortheloveinc.com (please click to see what I am referring to)

1st Question ~ As you go from page to page on my site, you'll notice the annoying banner at the very top of the page. The site is hosted by godaddy.com, but there must be a way to remove that from my site. All the advertisements as well. Is it because I am temporarily using the free host option when you first purchase a domain do you think? Just wondering how I remove all of that off of my site.

2nd Question ~ I've been using Photoshop, for the graphics on my site (the headers, and the clickable links). I would like to be able to fill my site, from side to side, and from top to bottom. How do I do this using html? Basically make use of the whole page, instead of just little portions of it. Thank you and I'm hoping y'all can help me out with these questions. Much appreciated.

1. Is there any HTML code that can allow me to create a newsletter for my website. So people can sign up with it, then whenever I want to send one out I just fill in some form for the new letter then hit send and it will send to all the people who signed up. Is there any html code to do this, if so what is the code?

2. I would like a link or something to useful html codes that I could use for my website.

Hey peoples,
im new in the (x)html-"program",
ive got some questions since i dont really know what it all means, i got a book of around 800pages here but i aint the "readingperson" to read it out...
thats why i got a couple of questions that might look/sound stupid to you peoples,
>what are tables? what can i do with it? do i have to use them? .... ? ....?
>i want some kind of sidebar on my website, i just cant find what the code is for that in my book...?
>buttons/keys/"links" to other pages on your site, how do you make them and how do they work?
>this is only for when my site is almost done, but is it hard to make a loggin-register-forum ?

thanks for reading this at least,
greetings Robin

(btw, im only 16, my English is bad, since ive learned it from computergames. sorry for that)

Hi all,

I'm wondering if someone could explain a little about the validation of my site?

http://validator.w3.org/check?uri=ht...ctype=Inli ne

For one thing, I can't understand why it gives the wrong line in the code for the error, and what is means by the column of the code. Neither of them correspond in any way with my code, that I can see.

Also, why is telling me that maginheight, height, etc., are all invalid elements.

Finally, will being html 4 compliant help my page rank in any way?

In preparing to learn in-depth info about DW and all the terms that come with web designing:

What exactly does the term slide toggle mean? I came across this term, in one of the threads, and googled it but still did not understand the term.

I was suprised to see that DW has a few critics out there. With each type of programming language, I gather that there are pro's and con's for each but specifically, what are the con's to DW? I invested in CS5 and I am looking forward to working with php and MySQL in conjunction with DW.

Thank you in advance!

Hi,

I'm having a couple of problems with the code on the website I am building. I tried uploading the stylesheet and index.htm but it would let me for some reason so here's the links to the problem pages:

www.wotwebhosting.com
and
www.wotwebhosting.com/style.css

Anyway, I cannot get the following to work:

1. The drop down menu at the very top is supposed to take the user to the page that has been selected immediately but it does not.
2. (This is a CSS problem) I would like the links at the bottom to be considerably smaller than the links on the left nav-bar. Also, the links do not seem to be responding to any 'text-decoration' command I give them in the css file. There is probably an easy solution to this but I'm very new to css!

Also, does anyone like the scrollbar colours or should I leave it as the browser's default colours.

Thanks for your help.

1.) How to make a login and register form work on a site
2.) I have tons of quiz questions for my site i am building, how do I make it so when they answer if they get the question right they get those points and they will be redirected to the next page

or if anyone knows what i have to use to accomplish this

http://plustom.tumblr.com/

This is my current blog and I need some help tweaking it.

1. When you hover over the sidebar title/picture, it turns bright/white. Is there a way to make it stay bright/white without hovering over it?
2. Is there a way to move the sidebar with the title/picture over to the left?
3. When you hover over the picture in the middle, there's a small square box at the top left corner of the picture. It's white when you hover over the picture, but when you hover over the square, it's gray. Is there a way to make the square box stay white all the time?
4. There is a white line under the picture. Is there a way to make it bold similar to the line under "Amnesia"?

Current HTML code: (Can't seem to post rest in next post).



HTML Code:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>{Title}</title>

<meta name="color:Background" content="#FFFFFF"/>
<meta name="color:Font" content="#000"/>
<meta name="font:Text" content="Arial"/>
<meta name="color:Primary" content="#dcdcdc"/>
<meta name="color:Primary Font" content="#fff"/>
<meta name="color:Secondary" content="#eee"/>
<meta name="color:Tertiary" content="#ccc"/>
<meta name="color:Shadow" content="#dcdcdc"/>
<meta name="if:Show Caption" content="0"/>
<meta name="if:Fixed Sidebar" content="1"/>
<meta name="if:Infinite Scrolling" content="0"/>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}<link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>

<script src="toggle.js" type="text/javascript"><!--mce:1--></script>

<style type="text/css">

body {font-family: {font:Text}; font-size: 12px; color: {color:Font}; background-color: {color:Background};}
#right {width: 250px; left: 50%; top: 50px; margin-left: 220px; position: absolute; {block:IfFixedSidebar}position: fixed;{/block:IfFixedSidebar} opacity: .7; -webkit-transition-duration: .3s;}
#right:hover {opacity: 1;}
#right a {text-decoration: none;}
.title {padding-bottom: 10px; border-bottom: 2px solid {color:Tertiary}; font-size: 14px; display: inline-block; font-weight: bold; margin-bottom: 10px;}
a {color: {color:Font};}
.link {font-size: 11px; display: inline-block; margin-top: 5px; font-weight: bold;}
#center {width: 400px; margin: auto; margin-top: 50px;}
#description {margin-bottom: 5px; font-size: 11px; max-width: 200px;}
.entry {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid {color:Secondary};}
.entry img {-webkit-box-shadow: 1px 1px 1px 1px {color:Shadow} !important; max-width: 400px;}
.perma {position: absolute; opacity: 0; -webkit-transition-duration: .2s; z-index: 1;}
{block:IndexPage}.entry:hover .perma {opacity: 1;}{/block:IndexPage}
.permalink {display: inline-block; padding: 10px; background-color: {color:Primary}; color: {color:Primary Font};}
.permalink:hover {opacity: .7;}
.exclamation {display: inline-block; margin-left: 1px; opacity: 0; -webkit-transition-duration: .2s;}
.link:hover .exclamation {opacity: 1;}
.text_perma {width: 100px; text-align: right; position: absolute; margin-left: -110px; -webkit-transition-duration: .2s; opacity: 0;}
{block:IndexPage}.entry:hover .text_perma {opacity: 1;}{/block:IndexPage}
.text_permalink {border-bottom: 1px solid {color:Background}; display: inline-block; -webkit-transition-duration: .2s;}
.text_permalink:hover {border-bottom: 1px solid {color:Secondary};}
h2 {font-size: 14px;}
h2 a {text-decoration: none; border-bottom: 1px solid; -webkit-transition-duration: .2s;}
h2 a:hover {border-bottom: 1px solid {color:Background};}
.label {margin-right: 10px; font-weight: bold;}
.album_art {display: inline-block; margin-right: 10px; float: left;}
.album_art img {width: 150px; height: 150px;}
.audio {display: inline-block; min-height: 150px; max-width: 207px;}
ol.notes {margin-left: -45px; list-style-type: none; width: 400px;}
ol.notes a:hover {text-decoration: none;}
ol.notes blockquote {margin-top: -3px; margin-left: 0px; padding-left: 13px; padding-top: 5px; border-left: 11px solid {color:Primary}; margin-bottom: 0px;}
ol.notes li.note {padding: 5px;}
li.note img {margin-right: 10px; width: 11px; height: auto; opacity: .5; -webkit-transition-duration: .3s;}
li.note:hover img {opacity: 1;}
.entry blockquote {border-left: 2px solid {color:Primary}; padding-left: 10px; margin-left: 25px;}
.player {-webkit-box-shadow: 1px 1px 1px 1px {color:Shadow};}
#tags {margin-bottom: 20px;}
#tags a {margin-right: 10px; opacity: .7; text-decoration: none;}
#tags a:hover {opacity: 1;}
.nav_1 {display: inline-block; width: 50%; margin-bottom: 20px;}
.nav_2 {display: inline-block; width: 50%; text-align: right; margin-bottom: 20px;}
#nav a {text-decoration: none;}
#nav a:hover {font-weight: bold;}
.audio_symbol {padding: 7px; background-color: {color:Background}; opacity: .9; border-radius: 100px; position: absolute; margin-top: 7px; margin-left: 7px; font-size: 14px; height: 15px; width: 15px; -webkit-text-stroke: 1px transparent;}
{block:IfInfiniteScrolling}.regular_pagination {display: none;}{/block:IfInfiniteScrolling}

</style>

</head>

<body>

<div id="right"><div style="display: block;"><div class="title"><a href="/">{Title}</a></div></div>
<div id="description">{Description}</div> {block:AskEnabled}<div style="display: block;"><div class="link"></div></div>{/block:AskEnabled} <div style="display: block;"><div class="link"></div></div> <div style="display: block;"></a></div></div> {block:SubmissionsEnabled}<div style="display: block;"></a></div></div>{/block:SubmissionsEnabled} {block:HasPages}{block:Pages}<div style="display: block;"><div class="link"><a href="{URL}">{Label}<div class="exclamation">!</div></a></div></div>{/block:Pages}{/block:HasPages} <div style="display: block;"><div class="link"></a></div></div></div>

<div id="center">

1. Under the picture, there are some tags (funny, meme, comic). When you hover over the tags, they turn white/bright. Is there a way to make this stay white/bright? (http://plustom.tumblr.com/post/18287272359)
2. Under the picture, there are pictures of some people. When you hover over their pictures, they turn white/bright. Is there a way to make this stay white/bright? (http://plustom.tumblr.com/post/18287272359)
3. Under the pictures of the people, there is a link that says "Previous Post". When you hover over it, it gets bold. Is there a way to make this stay unbold? (http://plustom.tumblr.com/post/18287272359)

Current HTML code: (Excuse the faces).

HTML Code:

body {font-family: {font:Text}; font-size: 12px; color: {color:Font}; background-color: {color:Background};}
#right {width: 250px; left: 50%; top: 50px; margin-left: -400px; position: absolute; {block:IfFixedSidebar}position: fixed;{/block:IfFixedSidebar}  -webkit-transition-duration: .3s;}
#right:hover {opacity: 1;}
#right a {text-decoration: none;}
.title {padding-bottom: 10px; border-bottom: 2px solid {color:Tertiary}; font-size: 14px; display: inline-block; font-weight: bold; margin-bottom: 10px;}
a {color: {color:Font};}
.link {font-size: 11px; display: inline-block; margin-top: 5px; font-weight: bold;}
#center {width: 400px; margin: auto; margin-top: 50px;}
#description {margin-bottom: 5px; font-size: 11px; max-width: 200px;}
.entry {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid {color:Secondary};}
.entry img {-webkit-box-shadow: 1px 1px 1px 1px {color:Shadow} !important; max-width: 400px;}
.perma {position: absolute; opacity: 0; -webkit-transition-duration: .2s; z-index: 1;}
{block:IndexPage}.entry:hover .perma {opacity: 1;}{/block:IndexPage}
.permalink {display: inline-block; padding: 10px; background-color: {color:Primary}; color: {color:Primary Font};}
.permalink:hover 
.exclamation {display: inline-block; margin-left: 1px; opacity: 0; -webkit-transition-duration: .2s;}
.link:hover .exclamation {opacity: 1;}
.text_perma {width: 100px; text-align: right; position: absolute; margin-left: -110px; -webkit-transition-duration: .2s; opacity: 0;}
{block:IndexPage}.entry:hover .text_perma {opacity: 1;}{/block:IndexPage}
.text_permalink {border-bottom: 1px solid {color:Background}; display: inline-block; -webkit-transition-duration: .2s;}
.text_permalink:hover {border-bottom: 1px solid {color:Secondary};}
h2 {font-size: 14px;}
h2 a {text-decoration: none; border-bottom: 1px solid; -webkit-transition-duration: .2s;}
h2 a:hover {border-bottom: 1px solid {color:Background};}
.label {margin-right: 10px; font-weight: bold;}
.album_art {display: inline-block; margin-right: 10px; float: left;}
.album_art img {width: 150px; height: 150px;}
.audio {display: inline-block; min-height: 150px; max-width: 207px;}
ol.notes {margin-left: -45px; list-style-type: none; width: 400px;}
ol.notes a:hover {text-decoration: none;}
ol.notes blockquote {margin-top: -3px; margin-left: 0px; padding-left: 13px; padding-top: 5px; border-left: 11px solid {color:Primary}; margin-bottom: 0px;}
ol.notes li.note {padding: 5px;}
li.note img {margin-right: 10px; width: 11px; height: auto; opacity: .5; -webkit-transition-duration: .3s;}
li.note:hover img {opacity: 1;}
.entry blockquote {border-left: 2px solid {color:Primary}; padding-left: 10px; margin-left: 25px;}
.player {-webkit-box-shadow: 1px 1px 1px 1px {color:Shadow};}
#tags {margin-bottom: 20px;}
#tags a {margin-right: 10px; opacity: .7; text-decoration: none;}
#tags a:hover {opacity: 1;}
.nav_1 {display: inline-block; width: 50%; margin-bottom: 20px;}
.nav_2 {display: inline-block; width: 50%; text-align: right; margin-bottom: 20px;}
#nav a {text-decoration: none;}
#nav a:hover {font-weight: bold;}
.audio_symbol {padding: 7px; background-color: {color:Background}; opacity: .9; border-radius: 100px; position: absolute; margin-top: 7px; margin-left: 7px; font-size: 14px; height: 15px; width: 15px; -webkit-text-stroke: 1px transparent;}
{block:IfInfiniteScrolling}.regular_pagination {display: none;}{/block:IfInfiniteScrolling}

ok so first question
1. anyone know where i can get a free domain name? i need something for 3 different pages. ex: alexx.com, alexx.com/history, alexx.com/about us.
2. how do u do a nav. bar? like for the above i would like links to all of the sites on each site.
3. how do center something vertical? like u want something in the middle of thage page. cause i alrdy centered in regularly.
4. what is the difference between html and xhtml?
ty all

Hi all,

Below is my form:
Code:

<form action="http://xxx.com/v-cgi/forms.cgi"
      enctype="application/x-www-form-urlencoded"
      method="post">
<table>  <tr>
    <th align="right">
      Name:
    </th>
    <td>
      <input type="text" name="Name"  size="30" maxlength="1024" />
    </td>
  </tr>
  <tr>
    <th align="right">
      Email:
    </th>
    <td>
      <input type="text" name="Email"  size="30" maxlength="1024" />
    </td>
  </tr>
  <tr valign="top">
    <th align="right">
      What you want to say:
    </th>
    <td>
      <textarea name="What_you_want_to_say" rows="6" cols="30" maxlength="20480"></textarea>
    </td>
  </tr>
  <tr>
    <th></th>
    <td>
     <input type="submit" name="Send" value="Send!" />
    </td>
  </tr>
</table><input type="hidden" name="Deckformid" value="510" />
</form>

1) How do you make the text wrap in the text area (the multi-line text box). I tested it on FF and IE6 and it doesn't work......the text just go on and on horizontally. Any attributes I can set etc.?

2) I notice that the text in the text area (mult-line) seems to be "Courier New" while the text in the single line text fields are "Arial". Is this normal? I tried setting CSS styles on the multi-line text box to change it so that it becomes "Arial",........but.......there's no effect? Help!

3) Can anyone show me the code to add in the form code above so that if any of the 3 fields are empty, a message will pop-up and the form will stop processing?
PHP would be nice, but any kind of script language would do (problem, though.....is that if we use something like JavaScript and the user turns it off in the browser, then....).

Thanks guys!
Xeon.