eduard Posted December 27, 2010 Share Posted December 27, 2010 I have seen my website (www.eduardlid.com) on another computer, but there isn´t a scroll bar at the bottom side (at the right side there is!)Why? Link to comment Share on other sites More sharing options...
thescientist Posted December 27, 2010 Share Posted December 27, 2010 you mean a horizontal scrollbar? You see one on another person's computer but not your own? Link to comment Share on other sites More sharing options...
eduard Posted December 28, 2010 Author Share Posted December 28, 2010 you mean a horizontal scrollbar? You see one on another person's computer but not your own?No, I don´t need a horizontal scroll bar, but on the other computer they need one, but there isn ´t! Link to comment Share on other sites More sharing options...
Fmdpa Posted December 28, 2010 Share Posted December 28, 2010 So on the other computer, part of the page is cut off? If so, you would need to use CSS to set the body overflow to scroll: <style type="text/css">body {overflow:scroll;}</style> Link to comment Share on other sites More sharing options...
eduard Posted December 29, 2010 Author Share Posted December 29, 2010 So on the other computer, part of the page is cut off? If so, you would need to use CSS to set the body overflow to scroll:<style type="text/css">body {overflow:scroll;}</style> Thanks! But how do I have to put it? I have an external style sheet!HTML<!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="javascript" type="text/jsx" href="1.jsx"></javascript><link rel="stylesheet" type="text/css" href="ex1.css"></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>CSSa: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{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 More sharing options...
Fmdpa Posted December 29, 2010 Share Posted December 29, 2010 Yes, put it in your stylesheet. Let us know if it works. Link to comment Share on other sites More sharing options...
eduard Posted December 29, 2010 Author Share Posted December 29, 2010 Where in the style sheet and how about the HTML? Link to comment Share on other sites More sharing options...
ShadowMage Posted December 29, 2010 Share Posted December 29, 2010 Where in the style sheet and how about the HTML?Why don't you try to figure it out yourself? Where do you think it should go. You already have a declaration in your stylesheet for your body, so would it not be logical to assume that you could merge this:body {overflow:scroll;}into that existing declaration to produce:body{margin:0px;padding:0px;overflow:scroll;}?? Link to comment Share on other sites More sharing options...
Dilated Posted December 29, 2010 Share Posted December 29, 2010 Why don't you try to figure it out yourself? Where do you think it should go. You already have a declaration in your stylesheet for your body, so would it not be logical to assume that you could merge this:body {overflow:scroll;}Just a warning for the record. The overflow property on <body> will only apply to the viewport if <html> does not have an explicitly defined overflow property.edit: Furthermore, I would definitely recommend setting overflow for the html element rather than body if you're trying to set the viewport's overflow. Link to comment Share on other sites More sharing options...
eduard Posted December 29, 2010 Author Share Posted December 29, 2010 Why don't you try to figure it out yourself? Where do you think it should go. You already have a declaration in your stylesheet for your body, so would it not be logical to assume that you could merge this:body {overflow:scroll;}into that existing declaration to produce:body{margin:0px;padding:0px;overflow:scroll;}??WHAT DO YOU THINK I HAVE BEEN TRYING ALL THE TIME? Link to comment Share on other sites More sharing options...
eduard Posted December 29, 2010 Author Share Posted December 29, 2010 Just a warning for the record. The overflow property on <body> will only apply to the viewport if <html> does not have an explicitly defined overflow property.edit: Furthermore, I would definitely recommend setting overflow for the html element rather than body if you're trying to set the viewport's overflow.Many thanks! However I don´t understand it right! Do I have to add a HEIGHT attribute? in my CSS sheet? If so, how do I do that? Link to comment Share on other sites More sharing options...
thescientist Posted December 29, 2010 Share Posted December 29, 2010 WHAT DO YOU THINK I HAVE BEEN TRYING ALL THE TIME?That's precisely the point. A lot of advise has been given to you that you don't seem to understand or try to understand. It seems pretty clear, you have a body declaration in your stylesheet, apply the code example Fdmpa showed you. If you have problems, show us what you tried and we will try and help you.Many thanks! However I don´t understand it right! Do I have to add a HEIGHT attribute? in my CSS sheet? If so, how do I do that?No, if you read his post, his suggestion is to apply the overflow: scroll property to html instead of body Link to comment Share on other sites More sharing options...
eduard Posted December 29, 2010 Author Share Posted December 29, 2010 That's precisely the point. A lot of advise has been given to you that you don't seem to understand or try to understand. It seems pretty clear, you have a body declaration in your stylesheet, apply the code example Fdmpa showed you. If you have problems, show us what you tried and we will try and help you.No, if you read his post, his suggestion is to apply the overflow: scroll property to html instead of body If I hadn´t tried it many times and if I had succeed! I shouldn´t have asked! Should I?A lot of advice? My question isn´t answered yet! Link to comment Share on other sites More sharing options...
DizzyDan Posted December 29, 2010 Share Posted December 29, 2010 They are asking you to show the changes in the code that didnt work.When you ask "I need this"They provide an answer.You reply "it didnt work" but dont provide the changed code that didnt work.This makes it difficult to help.They are trying to help you but you need to help them help you. You dont go to the doctor and say "It hurts fix me" you have to tell the quack the who, what, where, when, why and how it hurts. The more details of the problem you provide the better these guys can help and explain you with the solution. This doesnt mean just post the code and expect and answer. Explain what you want and what doesnt work. You seem very impatient in your attempts to fix your problem, which i think you need a bit more of. If you just want a quick fix, then you will get is a quick answer. If you dont understand what the answer is then maybe you should take the time to understand how it works and why it is applied in that situation. If you want someone to create the site for you then pay a webdesigner to do it. Link to comment Share on other sites More sharing options...
eduard Posted December 29, 2010 Author Share Posted December 29, 2010 They are asking you to show the changes in the code that didnt work.When you ask "I need this"They provide an answer.You reply "it didnt work" but dont provide the changed code that didnt work.This makes it difficult to help.They are trying to help you but you need to help them help you. You dont go to the doctor and say "It hurts fix me" you have to tell the quack the who, what, where, when, why and how it hurts. The more details of the problem you provide the better these guys can help and explain you with the solution. This doesnt mean just post the code and expect and answer. Explain what you want and what doesnt work. You seem very impatient in your attempts to fix your problem, which i think you need a bit more of. If you just want a quick fix, then you will get is a quick answer. If you dont understand what the answer is then maybe you should take the time to understand how it works and why it is applied in that situation. If you want someone to create the site for you then pay a webdesigner to do it.If you´d read this topic carefully, you would hav seen the HTML aswell as the CSS codes! Link to comment Share on other sites More sharing options...
DizzyDan Posted December 29, 2010 Share Posted December 29, 2010 I did read this topic carfefully and yes, after they requested you to post some code you did, but then you say "it doesnt work". I also see a lot of confusion between the folks trying to help you for what you want.I recommend when the help they give you fails that you then post the code that you tried exactly how you inserted it and then tell us what happened when you did. Did nothing happen? Did something happen? did something move? did you whole page dissapear?! We gotta know the symptoms if you want a cure.EDIT: sometimes a live example helps me understand whats going on better.Im not trying to critisize im trying to help you optimize your help on this forum. This i was what i was told and what works best for me. Link to comment Share on other sites More sharing options...
Fmdpa Posted December 29, 2010 Share Posted December 29, 2010 We are not here to do things for you, we are here to help you learn. If we just show you how to do it, then you will miss the learning opportunity. We are trying to get you to understand CSS, and that will take thinking through it, on your part. I see that you are confused about how selectors work and how to apply properties to those selectors. I hope you have taken a peek at the w3schools CSS tutorial. It teaches everything you need to know. But regarding this situation...There are two main ways you can apply CSS styles (not including JS).1. Enclose the styles within <style> tags in your HTML page: <style type="text/css">/*your styles here*/</style> 2. Put the styles in a .css stylesheet, and reference it in your HTML page (like you have already done); <link rel="stylesheet" href="styles/stylesheet.css" type="text/css" /><!--...or...--><style type="text/css">@import url('styles/style.css');</style> You are using the external stylesheet method (which is good). Now let's get more specific. I gave you the example of setting the body overflow to "scroll" (Dilated suggested referencing the html element instead, but let's just stick to the body element until you understand what I'm trying to show you). What we are doing here is referencing the <body> element, and applying a style to the body's overflow property. Let's look at your stylesheet: body {overflow:scroll;}body{margin:0px;padding:0px;} Do you see the redundancy? You are referencing the same element (body) two times. Therefore, you can merge the two style declarations together, as ShadowMage showed, to produce this: body{margin:0px;padding:0px;overflow:scroll;} The overflow property only applies when (1) the element exceeds the dimensions (width or height) that were specified, or if no dimensions were specified (2) it applies when the element exceeds the computer screen dimensions (unless the element has a default width applied by the browser). As far as I saw in your code, you did not specify a width for the body. Try applying a ridiculous width to the body, such as 2000px. If you have "overflow:scroll", then you will see the scroll bar. That's obviously wider than you want, but it illustrates how the overflow:scroll property works. DizzyDan, note that he linked to his site in his original post. Link to comment Share on other sites More sharing options...
eduard Posted December 29, 2010 Author Share Posted December 29, 2010 We are not here to do things for you, we are here to help you learn. If we just show you how to do it, then you will miss the learning opportunity. We are trying to get you to understand CSS, and that will take thinking through it, on your part. I see that you are confused about how selectors work and how to apply properties to those selectors. I hope you have taken a peek at the w3schools CSS tutorial. It teaches everything you need to know. But regarding this situation...There are two main ways you can apply CSS styles (not including JS).1. Enclose the styles within <style> tags in your HTML page:<style type="text/css">/*your styles here*/</style> 2. Put the styles in a .css stylesheet, and reference it in your HTML page (like you have already done); <link rel="stylesheet" href="styles/stylesheet.css" type="text/css" />I totally agree with you! I use W3Schools to learn! But, because much of your information isn´t correct or is out-dated, unfortunately I have to ask!<!--...or...--><style type="text/css">@import url('styles/style.css');</style> You are using the external stylesheet method (which is good). Now let's get more specific. I gave you the example of setting the body overflow to "scroll" (Dilated suggested referencing the html element instead, but let's just stick to the body element until you understand what I'm trying to show you). What we are doing here is referencing the <body> element, and applying a style to the body's overflow property. Let's look at your stylesheet: body {overflow:scroll;}body{margin:0px;padding:0px;} Do you see the redundancy? You are referencing the same element (body) two times. Therefore, you can merge the two style declarations together, as ShadowMage showed, to produce this: body{margin:0px;padding:0px;overflow:scroll;} The overflow property only applies when (1) the element exceeds the dimensions (width or height) that were specified, or if no dimensions were specified (2) it applies when the element exceeds the computer screen dimensions (unless the element has a default width applied by the browser). As far as I saw in your code, you did not specify a width for the body. Try applying a ridiculous width to the body, such as 2000px. If you have "overflow:scroll", then you will see the scroll bar. That's obviously wider than you want, but it illustrates how the overflow:scroll property works. DizzyDan, note that he linked to his site in his original post. Link to comment Share on other sites More sharing options...
eduard Posted December 30, 2010 Author Share Posted December 30, 2010 I don´t like this kind of discussions! It is confusing aswell for you (who try to help me!) as for me! Really, I tried most of the sugestions, but I don´t have much time, because I urgently need to have work! To avoid this kind of discussions I´ll post everything which I´ve changed in my documents in the future! Link to comment Share on other sites More sharing options...
eduard Posted December 30, 2010 Author Share Posted December 30, 2010 I don´t understand the HTML document!<!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="javascript" type="text/jsx" href="1.jsx"><link rel="stylesheet" href="styles/stylesheet.css type="text/css"><style 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> Link to comment Share on other sites More sharing options...
thescientist Posted December 30, 2010 Share Posted December 30, 2010 sigh...the whole point of this thread was to help you with the CSS. You didn't even post the changes you made to it; the HTML alone is not enough for this situation, nor was it even where our suggestions were directed at.Honestly, I don't get what's so hard to post your updated code when it doesn't work. How else do we know if you implemented it correctly? You make it seem like it's our fault for trying to help, when really you're just in a rush and you're not making the effort to try to learn what we're telling you, or why what we're saying will work. We go through these kind of discussions in almost every kind of thread you make. You've stated before you're doing this for the money; you might as well have some patience, learn to do it right, and learn to listen and do research and independent thinking if you plan on taking this any further than a hobby. Link to comment Share on other sites More sharing options...
eduard Posted December 30, 2010 Author Share Posted December 30, 2010 I don´t understand why do I have to provide the CSS code! (it´s obvious!)Ok, here it is:CSSa: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 More sharing options...
DizzyDan Posted December 30, 2010 Share Posted December 30, 2010 when you say "i don't understand the HTML code" what exactly do you not understand, can you explain what you don't understand? if you don't understand anything then you need to start from the beginning. If you dont understand one specific thing, what is that specific thing?When you say "you don't have to post the CSS code it is obvious" what exactly is obvious, the more detailed you are with them the more detailed an answer you will get from them.They aren't mind readers, though they try their best to be.step one, provide codestep two, explain problemI truly am trying to help you solve your problem. If you have no time then you are looking in the wrong place. If you cant take an extra 5 minutes to try and explain exactly what is behind the "i don't understand" then you wont get some one to take an extra 5 minutes of their own time and explain to you what you have to do to fix it. Its not like you even try to explain it, you just don't care too... or at least is seems that way. I feel like am butting in on this topic but i read as many posts as i can to learn for myself, even when i am not commenting or replying. I just feel like so much help is being wasted, if you could just take a minute to try and understand the information given, you would see how much better and easier the web design process would be. Link to comment Share on other sites More sharing options...
Fmdpa Posted December 30, 2010 Share Posted December 30, 2010 What I'm taking from this is that you are trying to take too big of a step. Don't try to do too much until you begin to understand it. If you can explain what is confusing you, then we'll try our best to help you. Otherwise, you might just want to start back at the basics of HTML and CSS, and review the 'schools tutorials. Link to comment Share on other sites More sharing options...
eduard Posted December 30, 2010 Author Share Posted December 30, 2010 The problem is I get different suggestions by many different persons- I try most of those different suggestions, which didn´t help so far unfortunately! So, I answer to all these diferent suggestions which is read by other persons with their (different) suggestions and I get angry, you get angry and the circle continues. I am really fed up by the suggestions to learn the HTML and CSS tutorials! This is called W3Schools and for me was a school where I went to LEARN! So, first I LEARNED HTML and later I LEARNED CSS! If youré not sure about it I suggest you oblige me to do exams and if I don´t pass them you won´t help me (because I can learn it!)My website looks horrible! Here are the HTML and CSS codes:<!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="javascript" type="text/jsx" href="1.jsx"><link rel="stylesheet" href="styles/stylesheet.css type="text/css"><style 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>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;}Now I understand your problem! You can´t see the changes I made. It is easy to avoid that (changes in another color!), but unfortunately I can´t do that by my wordprocessor (Texteditor, Apple) Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.