Jump to content

Scroll bar?

eduard

By eduard
in HTML/XHTML

Recommended Posts

thescientist w3schools Guru

thescientist

Posted
Posted

you can change the color of the font while you make the post.So it looks like now you should re-read the thread, because the the advice has not changed much at all. We suggested that you try it on the body first, and if that didn't work, try it on the html selector. (hint: you'll have to add it to your stylesheet). The advice has been consistent, just show us your work as you try the different suggestions. So far it's only been to add an overflow property; to either the body or html. And if that didn't work, try adding a large width. I don't think that's too much. You're going to have to do a lot more than that on your own if you plan to take this to the professional level.Also, you shouldn't be offended by being told to learn and read the tutorials. That's what you need do when you are learning. The first suggestion to you was to add a property to the body selector and you didn't know how to do it. What would you expect us to take from that?

Link to comment
Share on other sites
eduard Devoted Member

eduard

Posted
  • Author
Posted

This is what I did in the html document and my website looks horrible!<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><HTML><head><meta http-equiv="content-type" content="text/ html; charset=UTF-8"><title>Eduard Lid</title><style type="text/css"<link rel="stylesheet" href="styles/stylesheet.css type="text/css"></style></head><body><div class="header"><a href="http://www.viadeo.com/es/profile/eduard.lid"><b>Perfil/Profile</b></a><a href="l. 3 8 12.html"><b>Facebook, Twitter .....</b></a><a href="http://www.eduardlid.com/book/mine.html"><b>Libro/Book (2007)</b></a></div><div id="main"><object=width="100%" height=100%"><para name="movie" value="31.swf"><embed src="31.swf" width="60%" height=100%"></embed></object><img src="images/me.JPG" alt="Eduard Lid" align="right" width="350" height="256"></div><div class="footer"><p class="serif">Eduard Lid</p><h5>Este sitio web es hecho por Eduard Lid©</h5><h6>This website is made by Eduard Lid©</h6><h5>(1152*720px)</h5></div><body onload="startTime()"><div id="txt"></div></body></HTML>(CSS I already gave!)

Link to comment
Share on other sites
ShadowMage Devoted Member

ShadowMage

Posted
Posted

We don't know what your website is supposed to look like so telling us it looks horrible doesn't really help us much. We need to know what you want to change.So, about your original question, with the scrollbar not appearing. Did you get that fixed?

Link to comment
Share on other sites
eduard Devoted Member

eduard

Posted
  • Author
Posted

I need it very urgent! Please, can someone tell me what code and where in the HTML document (head, body, etc.) should I use to obtain a horizontal scroll bar? Thanks!

Link to comment
Share on other sites
ShadowMage Devoted Member

ShadowMage

Posted
Posted
I need it very urgent! Please, can someone tell me what code and where in the HTML document (head, body, etc.) should I use to obtain a horizontal scroll bar? Thanks!
That's what we've been trying to help you with. This is the advice you've been given:- add overflow: scroll; to the body- if that doesn't work add it to the html element instead- if neither of those work try adding a very large width to the body to see if that produces a scroll barNone of that worked?EDIT: I'm not sure what the issue is though. I visited your site and from what I can see there should never be a need for a scroll bar. As I make the window larger and smaller, the page stretches and shrinks to match the window size. Is that not what you want? Are you trying to achieve a fixed width for your site?
Link to comment
Share on other sites
eduard Devoted Member

eduard

Posted
  • Author
Posted
That's what we've been trying to help you with. This is the advice you've been given:- add overflow: scroll; to the body- if that doesn't work add it to the html element instead- if neither of those work try adding a very large width to the body to see if that produces a scroll barNone of that worked?EDIT: I'm not sure what the issue is though. I visited your site and from what I can see there should never be a need for a scroll bar. As I make the window larger and smaller, the page stretches and shrinks to match the window size. Is that not what you want? Are you trying to achieve a fixed width for your site?
Thanks very much! No, I don´t see om that computer a horizontal scroll bar. So, I can´t show the whole of my website!
Link to comment
Share on other sites
eduard Devoted Member

eduard

Posted
  • Author
Posted
Does the page not shrink to fit on the other computer? What browser are you using on yours and on the other computer?
No, it doen´t shrink! I use Safari and I assume they use I. E..
Link to comment
Share on other sites
thescientist w3schools Guru

thescientist

Posted
Posted
No, it doen´t shrink! I use Safari and I assume they use I. E..
Well, you are using a transitional doctype. You should consider changing it to a Strict DTD if you are experiencing some undesired behavior in I.E. Also, you should try and actually confirm the the browser they are using, just to make this a bit easier for everyone trying to figure this out.
Link to comment
Share on other sites
eduard Devoted Member

eduard

Posted
  • Author
Posted
Well, you are using a transitional doctype. You should consider changing it to a Strict DTD if you are experiencing some undesired behavior in I.E. Also, you should try and actually confirm the the browser they are using, just to make this a bit easier for everyone trying to figure this out.
Thanks!
Link to comment
Share on other sites
eduard Devoted Member

eduard

Posted
  • Author
Posted
Well, you are using a transitional doctype. You should consider changing it to a Strict DTD if you are experiencing some undesired behavior in I.E. Also, you should try and actually confirm the the browser they are using, just to make this a bit easier for everyone trying to figure this out.
Can I read this anywhere in the HTML tutorial?
Link to comment
Share on other sites
eduard Devoted Member

eduard

Posted
  • Author
Posted

First of all: happy new year!However, I still have this problem of the horizontall scroll bar!What do I have to change in either my HTML or CSS (both?)<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><HTML><head><meta http-equiv="content-type" content="text/ html; charset=UTF-8"><title>Eduard Lid</title><link rel="stylesheet"></style></head><body><div class="header"><a href="http://www.viadeo.com/es/profile/eduard.lid"><b>Perfil/Profile</b></a><a href="l. 3 8 12.html"><b>Facebook, Twitter .....</b></a><a href="http://www.eduardlid.com/book/mine.html"><b>Libro/Book (2007)</b></a></div><div id="main"><object=width="100%" height=100%"><para name="movie" value="31.swf"><embed src="31.swf" width="60%" height=100%"></embed></object><img src="images/me.JPG" alt="Eduard Lid" align="right" width="350" height="256"></div><div class="footer"><p class="serif">Eduard Lid</p><h5>Este sitio web es hecho por Eduard Lid©</h5><h6>This website is made by Eduard Lid©</h6><h5>(1152*720px)</h5></div><body onload="startTime()"><div id="txt"></div></body></HTML>a:link,a:visited{border-style:groove;border-color:#808080;color:#6A5ACD;text-decoration:none;display:block;background-color:#A9A9A9;width:15%;text-align:center;padding:4px;}a:hover,a:active{background-color:#000000;}body{overflow:scroll;margin:0px;padding:0px;}div.header{border-style:groove;border-color:#808080;background-color:#6495ED;height:13em;}div#main{height:16em;background-color:#ffffff;padding:0px;margin:0px;}div.footer{background-color:#6495ED;border-style:groove;border-color:#808080;height:15em;text-align:center;}p{font-family:"Times New Roman",Times,serif;font-size:40px;color:#000000;}h5{text-align:center;color:#000080;font-family: Verdana, Geneva, sans-serif;}

Link to comment
Share on other sites
thescientist w3schools Guru

thescientist

Posted
Posted

um, we've repeatedly given you multiple options to test. I still see the same declarations attached to the same selector. Did you try those properties on the body on the html selector? did you try giving the body a really large width? Please try these suggestions and reply with the code and the results instead of posting the same thing over and over again; the answers aren't going to change until you do.

Link to comment
Share on other sites
eduard Devoted Member

eduard

Posted
  • Author
Posted
um, we've repeatedly given you multiple options to test. I still see the same declarations attached to the same selector. Did you try those properties on the body on the html selector? did you try giving the body a really large width? Please try these suggestions and reply with the code and the results instead of posting the same thing over and over again; the answers aren't going to change until you do.
YOU ARE RIGHT!
Link to comment
Share on other sites
eduard Devoted Member

eduard

Posted
  • Author
Posted

Like this?<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><HTML><head><meta http-equiv="content-type" content="text/ html; charset=UTF-8"><title>Eduard Lid</title><link rel="stylesheet"></style></head><body>

<style type="text/css">
<div class="header"><a href="http://www.viadeo.com/es/profile/eduard.lid"><b>Perfil/Profile</b></a><a href="l. 3 8 12.html"><b>Facebook, Twitter .....</b></a><a href="http://www.eduardlid.com/book/mine.html"><b>Libro/Book (2007)</b></a></div><div id="main"><object=width="100%" height=100%"><para name="movie" value="31.swf"><embed src="31.swf" width="60%" height=100%"></embed></object><img src="images/me.JPG" alt="Eduard Lid" align="right" width="350" height="256"></div><div class="footer"><p class="serif">Eduard Lid</p><h5>Este sitio web es hecho por Eduard Lid©</h5><h6>This website is made by Eduard Lid©</h6><h5>(1152*720px)</h5></div><body onload="startTime()"><div id="txt"></div>
</style>
</body>a:link,a:visited{border-style:groove;border-color:#808080;color:#6A5ACD;text-decoration:none;display:block;background-color:#A9A9A9;width:15%;text-align:center;padding:4px;}a:hover,a:active{background-color:#000000;}body{
overflow:scroll;
margin:0px;padding:0px;}div.header{border-style:groove;border-color:#808080;background-color:#6495ED;height:13em;}div#main{height:16em;background-color:#ffffff;padding:0px;margin:0px;}div.footer{background-color:#6495ED;border-style:groove;border-color:#808080;height:15em;text-align:center;}p{font-family:"Times New Roman",Times,serif;font-size:40px;color:#000000;}h5{text-align:center;color:#000080;font-family: Verdana, Geneva, sans-serif;}</HTML>
Link to comment
Share on other sites
eduard Devoted Member

eduard

Posted
  • Author
Posted
um, we've repeatedly given you multiple options to test. I still see the same declarations attached to the same selector. Did you try those properties on the body on the html selector? did you try giving the body a really large width? Please try these suggestions and reply with the code and the results instead of posting the same thing over and over again; the answers aren't going to change until you do.
Or this?a:link,a:visited{border-style:groove;border-color:#808080;color:#6A5ACD;text-decoration:none;display:block;background-color:#A9A9A9;width:15%;text-align:center;padding:4px;}a:hover,a:active{background-color:#000000;}body{overflow:scroll;margin:0px;padding:0px;
width:100%;
}div.header{border-style:groove;border-color:#808080;background-color:#6495ED;height:13em;}div#main{height:16em;background-color:#ffffff;padding:0px;margin:0px;}div.footer{background-color:#6495ED;border-style:groove;border-color:#808080;height:15em;text-align:center;}p{font-family:"Times New Roman",Times,serif;font-size:40px;color:#000000;}h5{text-align:center;color:#000080;font-family: Verdana, Geneva, sans-serif;}
Link to comment
Share on other sites
thescientist w3schools Guru

thescientist

Posted
Posted

yeesh, I can't believe this thread is still going on for this long. First off, I'm not really sure what's going on in post #42. As for your next post, I'm pretty sure the suggestion was to give it an absolute width, of something like 2000px, as a test. You can verify this by just reading what people actually tell you. I'm not really sure what your trying to tell us with these posts. Did they not work? Did you try the putting the properties on the html element? People have given you specific instructions. Please...just try them. Say what you did, what the code was you used, and what the outcome was.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing
×
×
  • Create New...