Jump to content

Height of lines?


Recommended Posts

I want to change the height of my lines of the 3rd div of my homepage, but I don´t manage! Why?a:link,a:visited{border-bottom-style:solid;border-color:#808080;color:#6A5ACD;text-decoration:none;display:block;background-color:#A9A9A9;width:120px;height:30%;text-align:center;padding:2px;}a:hover,a:active{background-color:#000000;}body{overflow:scroll;margin:0px;padding:0px;}div.header{border-style:solid;border-width:5px;border-color:#808080;content:100%;background-color:#6495ED;height:12em;padding:0px;}div#main{height:16em;background-color:#708090;padding:0%;margin:0%;border:0%;padding:0%;}div.footer{background-color:#6495ED;border-style:solid;border-color:#808080;content:100%;border-width:5px;height:14em;text-align:center;font-size:40px;color:#000000;font-family:Arial,Helvetica,sans-serif;line-height:90%;}

Link to post
Share on other sites

HTML? for those us of not gifted with an automatic recollection of your websites url (or for those who don't even know of it), and without any HTML code, "3rd div of my home page" is not very helpful as an identifier in a meaningful way. and to test the styles, we need the HTML to go with it. Also, a plus to CSS and id/classes is that you can specify things by name, not just an arbitrary label. so instead of "the 3rd div on my home page...", a more appropriate description may be, "the footer on my homepage..."

Edited by thescientist
Link to post
Share on other sites
I want to change the height of my lines of the 3rd div of my homepage, but I don´t manage! Why?
I see Eduard you have made a few changes . . goodthis is the middle row
div#main{height:16em;background-color:#708090;padding:0%;margin:0%;border:0%;padding:0%;}

you have padding twice - remove 1you have the height of the DIV set to 16em. that is maybe ok. This means it is 16 times the DEFAULT FONT. Perhaps this is what you want.Now you want to put text in thsi div and want to assign a line height?see article on this websitesee the property values, as usual you have many choices which formula to select. Each has its advantages and disadvantages...Guy

Link to post
Share on other sites
HTML? for those us of not gifted with an automatic recollection of your websites url (or for those who don't even know of it), and without any HTML code, "3rd div of my home page" is not very helpful as an identifier in a meaningful way. and to test the styles, we need the HTML to go with it. Also, a plus to CSS and id/classes is that you can specify things by name, not just an arbitrary label. so instead of "the 3rd div on my home page...", a more appropriate description may be, "the footer on my homepage..."
Ok!html:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><HTML><head><meta http-equiv="content-type" content="text/ html; charset=UTF-8"><title>Eduard Lid</title><link rel="stylesheet" type="text/css" href="ex1.css"></head><body><div class="header"><a href="http://www.viadeo.com/es/profile/eduard.lid">Profile</a><a href="web_designer/image_and_text_database.html"><b><h4>Web designer (databases)</h4></b></a></div><div id="main"><img src="images/me.JPG" alt="Eduard Lid" align="right" width="30%" height="100%"><img src="http://www.aquaculture.ugent.be/_img/database.jpg" alt="img database" align="left" width="30%" height="100%"></div><div><div class="footer"><h6>This website is made by</h6><h3>Eduard Lid</h3><p class="sansserif"></p><h6>(1152*720px)</h6></div class="foooter"></div></body></HTML>
Link to post
Share on other sites

First off, you should use header elements within the main content area only, to distinguish sections of content, which is used mainly for SEO, with H1 being most important. Also having header tags (block element) inside anchor tags (inline elements) is not allowed, and why use bold tag for header, when it is already defined as bold for header anyway?You can't use class within the closing tag of div element '</div class="foooter">' and the class name is wrong anyway.I know this probably a waste of time but check the tutorials and validate http://validator.w3.org/

Edited by dsonesuk
Link to post
Share on other sites
First off, you should use header elements within the main content area only, to distinguish sections of content, which is used mainly for SEO, with H1 being most important. Also having header tags (block element) inside anchor tags (inline elements) is not allowed, and why use bold tag for header, when it is already defined as bold for header anyway?You can't use class within the closing tag of div element '</div class="foooter">' and the class name is wrong anyway.I know this probably a waste of time but check the tutorials and validate http://validator.w3.org/
Thanks! However, this is ´far from the bed´to me!
Link to post
Share on other sites

After the changes I made, the text is small, but serif and I have no background color in bottom section.a:link,a:visited{border-bottom-style:solid;border-color:#808080;color:#6A5ACD;text-decoration:none;display:block;background-color:#A9A9A9;width:120px;height:30%;text-align:center;padding:2px;}a:hover,a:active{background-color:#000000;}body{overflow:scroll;margin:0px;padding:0px;}div.header{border-style:solid;border-width:5px;border-color:#808080;content:100%;background-color:#6495ED;height:12em;padding:0px;}div#main{height:16em;background-color:#EOFFFF;padding:0%;margin:0%;border:0%;}div.footer{background-color:#6495ED;border-style:solid;border-color:#808080;content:100%;border-width:5px;height:14em;text-align:center;font-size:40px;color:#000000;font-family:Arial,Helvetica,sans-serif;p.small line-height:90%;}<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><HTML><head><meta http-equiv="content-type" content="text/ html; charset=UTF-8"><title>Eduard Lid</title><link rel="stylesheet" type="text/css" href="ex1.css"></head><body><div class="header"><a href="http://www.viadeo.com/es/profile/eduard.lid">Profile</a><a href="web_designer/image_and_text_database.html"><b><h4>Web designer (databases)</h4></b></a></div><div id="main"><img src="images/me.JPG" alt="Eduard Lid" align="right" width="30%" height="100%"><img src="http://www.aquaculture.ugent.be/_img/database.jpg" alt="img database" align="left" width="30%" height="100%"></div><div><p class="small"></p><h4>Eduard Lid</h4><p class="sansserif"></p><h6>(1152*720px)</h6></div class="foooter"></div></body></HTML>

Link to post
Share on other sites

ditto my last post + you Now! have a slector for p paragraph within the declaration for the class footer.check tutorial for applying class and id styling and validate using link provided in my previous post.Edit: Also read the tutorials on using hexadecimal notation for using colors, then you might figure why you background, color is not showing.

Edited by dsonesuk
Link to post
Share on other sites

if we've said it once, we've said it a thousand times, READ THE TUTORIALS....http://w3schools.invisionzone.com/index.php?showtopic=36668this post ended up in this same realm, with the same advice given because you are making the same mistakes over and over.

Link to post
Share on other sites

I STUDIED THE TUTORIALS!WHY CANNOT YOU REPLY IN SIMPLE ENGLISH WHAT´S WRONG (I AM JUST A SIMPLE PERSON!) AND I DO NOT (YET) HAVE THE KNOWLEDGE LIKE YOU HAVE! STRANGE?

Link to post
Share on other sites
I STUDIED THE TUTORIALS!
Not well enough it would seem. Otherwise, you would know that stuff like this:div.footer{...font-family:Arial,Helvetica,sans-serif;p.small line-height:90%;}is incorrect. Or that this:<p class='small'></p>is just creating an empty tag and doesn't really do anything at all.The mistakes you are making are as basic as they come. You need to read the tutorials.
Link to post
Share on other sites

BECAUSE IF! YOU TRULY STUDIED THE TUTORIALS, AND NOT JUST GLANCED THROUGH THEM, AND EXPERIMENTED WITH A FEW EXAMPLES FOR YOURSELF, TO LEARN HOW TO CORRECTLY APPLY VERY BASIC STYLING ETC, WHY ARE YOU STILL MAKING THESE VERY BASIC MISTAKES. IT SEEMS YOU CAN'T EVEN BE BOTHERED TO GO THROUGH THE TUTORIAL TO DOUBLE CHECK YOUR STYLING, OR EVEN VALIDATE, IF WE ALWAYS GIVE YOUR THE ANSWERS TO YOUR PROBLEMS, WHAT ARE YOU GOING TO DO AS WEB DEVELOPER, WHEN SOMEONE WANTS YOUR ADVICE ON ADDING SOME CSS STYLING TO A PAGE, ERRR.... HANG ON WHILE I LOGIN TO W3SCHOOLS FORUM, AND POST A TOPIC TO FIND OUT.NOT GOING TO HAPPEN.STUDY THE TUTORIALS, UNDERSTAND THE TUTORIALS, EXPERIMENT AND GAIN EXPERIENCE.

Link to post
Share on other sites
I STUDIED THE TUTORIALS!WHY CANNOT YOU REPLY IN SIMPLE ENGLISH WHAT´S WRONG (I AM JUST A SIMPLE PERSON!) AND I DO NOT (YET) HAVE THE KNOWLEDGE LIKE YOU HAVE! STRANGE?
at the risk of this devolving into the typical ridiculousness that your threads become, it's because you don't listen. We've told you the mistakes you are making, and yet you keep making them. we've linked you the correct ways of applying styles to selectors, using id's and classes, and yet you don't get it. If you can't learn for yourself, then what do you want us to do? What more can we do besides point out the same links and mistakes time after time, and yet you keep coming back intent on refusing to follow said advice and/or tutorials? As you can tell people are starting to figure you out, and won't be willing to keep helping you if you don't show any signs of motivation to learn from your mistakes, or try things on your own. Edited by thescientist
Link to post
Share on other sites

a:link,a:visited{border-bottom-style:solid;border-color:#808080;color:#6A5ACD;text-decoration:none;display:block;background-color:#A9A9A9;width:120px;height:30%;text-align:center;padding:2px;}a:hover,a:active{background-color:#000000;}body{overflow:scroll;margin:0px;padding:0px;}div.header{border-style:solid;border-width:5px;border-color:#808080;content:100%;background-color:#6495ED;height:12em;padding:0px;}div#main{height:16em;background-color:#EOFFFF;padding:0%;margin:0%;border:0%;}div.footer{background-color:#6495ED;border-style:solid;border-color:#808080;content:100%;border-width:5px;height:14em;text-align:center;font-size:40px;color:#000000;font-family:Arial,Helvetica,sans-serif;p.small line-height:90%;}<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><HTML><head><meta http-equiv="content-type" content="text/ html; charset=UTF-8"><title>Eduard Lid</title><link rel="stylesheet" type="text/css" href="ex1.css"></head><body><div class="header"><a href="http://www.viadeo.com/es/profile/eduard.lid">Profile</a><a href="web_designer/image_and_text_database.html"><b><h4>Web designer (databases)</h4></b></a></div><div id="main"><img src="images/me.JPG" alt="Eduard Lid" align="right" width="30%" height="100%"><img src="http://www.aquaculture.ugent.be/_img/database.jpg" alt="img database"align="left" width="30%" height="100%"></div><div><p class="small"></p><h4>Eduard Lid</h4><p class="sansserif"></p><h6>(1152*720px)</h6></div class="foooter"></div></body></HTML>ERRORSNOT SUPPORTED IN CURRENT DOCTYPEDO ABSOLUTELY NOTHING/OR NOT APPLIED CORRECTLYvery basic mistakes, really not worth posting, IF! you read the and understood tutorials.

Link to post
Share on other sites
a:link,a:visited{border-bottom-style:solid;border-color:#808080;color:#6A5ACD;text-decoration:none;display:block;background-color:#A9A9A9;width:120px;height:30%;text-align:center;padding:2px;}a:hover,a:active{background-color:#000000;}body{overflow:scroll;margin:0px;padding:0px;}div.header{border-style:solid;border-width:5px;border-color:#808080;content:100%;background-color:#6495ED;height:12em;padding:0px;}div#main{height:16em;background-color:#EOFFFF;padding:0%;margin:0%;border:0%;}div.footer{background-color:#6495ED;border-style:solid;border-color:#808080;content:100%;border-width:5px;height:14em;text-align:center;font-size:40px;color:#000000;font-family:Arial,Helvetica,sans-serif;p.small line-height:90%;}<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><HTML><head><meta http-equiv="content-type" content="text/ html; charset=UTF-8"><title>Eduard Lid</title><link rel="stylesheet" type="text/css" href="ex1.css"></head><body><div class="header"><a href="http://www.viadeo.com/es/profile/eduard.lid">Profile</a><a href="web_designer/image_and_text_database.html"><b><h4>Web designer (databases)</h4></b></a></div><div id="main"><img src="images/me.JPG" alt="Eduard Lid" align="right" width="30%" height="100%"><img src="http://www.aquaculture.ugent.be/_img/database.jpg" alt="img database"align="left" width="30%" height="100%"></div><div><p class="small"></p><h4>Eduard Lid</h4><p class="sansserif"></p><h6>(1152*720px)</h6></div class="foooter"></div></body></HTML>ERRORSNOT SUPPORTED IN CURRENT DOCTYPEDO ABSOLUTELY NOTHING/OR NOT APPLIED CORRECTLYvery basic mistakes, really not worth posting, IF! you read the and understood tutorials.
Therefore I am NOT going to use this reply; I want to learn it from the tutorials!
Link to post
Share on other sites

You every time write that I have to read the tutorials!What if the tutorials are not clear e. g. the difference between html and css. It´s written, but NOT CLEAR!Aswell as ( and { is NOT CLEAR (especially when it´s dark!)Therefore, how can I learn tutorials whichb aren´t CLEAR?

Link to post
Share on other sites

I don´t get it!a:link,a:visited{border-bottom-style:solid;border-color:#808080;color:#6A5ACD;text-decoration:none;display:block;background-color:#A9A9A9;width:120px;height:30%;text-align:center;padding:2px;}a:hover,a:active{background-color:#000000;}body{overflow:scroll;margin:0px;padding:0px;}div{border-style:solid;border-width:5px;border-color:#808080;content:100%;background-color:#6495ED;height:12em;padding:0px;}div{height:16em;background-color:#EOFFFF;padding:0%;margin:0%;border:0%;}div{background-color:#6495ED;border-style:solid;border-color:#808080;border-width:5px;height:14em;}div{text-align:center;font-size:40px;color:#000000;font-family:Arial,Helvetica,sans-serif;line-height:50%;}<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><HTML><head><meta http-equiv="content-type" content="text/ html; charset=UTF-8"><title>Eduard Lid</title><link rel="stylesheet" type="text/css" href="ex1.css"></head><body><div><a href="http://www.viadeo.com/es/profile/eduard.lid">Profile</a><a href="web_designer/image_and_text_database.html"><b><h4>Web designer (databases)</h4></b></a></div><div><img src="images/me.JPG" alt="Eduard Lid" align="right" width="35%" height="100%"><img src="http://www.aquaculture.ugent.be/_img/database.jpg" alt="img database" align="left" width="30%" height="100%"></div><div><p><h4>Eduard Lid</h4><h6>(1152*720px)</h6></p></div></body></HTML>The only thing I wonder: Is <h6>(1152*720px)</h6> text?

Link to post
Share on other sites
HTML? for those us of not gifted with an automatic recollection of your websites url (or for those who don't even know of it), and without any HTML code, "3rd div of my home page" is not very helpful as an identifier in a meaningful way. and to test the styles, we need the HTML to go with it. Also, a plus to CSS and id/classes is that you can specify things by name, not just an arbitrary label. so instead of "the 3rd div on my home page...", a more appropriate description may be, "the footer on my homepage..."
Wouldn´t that better to write that much earlier or is that somewhere written?
Link to post
Share on other sites
Just pointed the problem areas out, still need to be corrected.GOOD!, ABOUT TIME! isn't IT.
Time! It´s time you write DECENT tutorials (up-to-date, please)
Link to post
Share on other sites

That was a quick read through the tutoriaL, trying out the examples, learning how to bring all the styling together to your ddesired effect, and ending up a worse result than you had before... and all within less than 1 and half hours.Right! from my first post

First off, you should use header elements within the main content area only
And the tutorial WOULD NOT in anyway! suggest you place HEADER Elements WITHIN PARAGRAPH elements
<div><p><h4>Eduard Lid</h4><h6>(1152*720px)</h6></p></div>

AND IF YOU VALIDATED THIS HTML, IT WOULD HAVE POINTED THAT OUT, BUT OBVIOUSLY YOU DID NOT AGAIN!READ and UNDERSTAND tutorials about paragraphs, font-size , font-weight, line-height, text-align, and again the use of class and id to style an element.

Link to post
Share on other sites
That was a quick read through the tutoriaL, trying out the examples, learning how to bring all the styling together to your ddesired effect, and ending up a worse result than you had before... and all within less than 1 and half hours.Right! from my first postAnd the tutorial WOULD NOT in anyway! suggest you place HEADER Elements WITHIN PARAGRAPH elements
<div><p><h4>Eduard Lid</h4><h6>(1152*720px)</h6></p></div>

AND IF YOU VALIDATED THIS HTML, IT WOULD HAVE POINTED THAT OUT, BUT OBVIOUSLY YOU DID NOT AGAIN!READ and UNDERSTAND tutorials about paragraphs, font-size , font-weight, line-height, text-align, and again the use of class and id to style an element.

I will tell you something!Since october 2010 I have been TRYING to study all the tutorials (6 months > 1,5 hour!)As I have written several times: I could NOT STUDY the tutorials PROPERLY because they are NOT CLEAR ASWELL AS CONFUSING!For those reasons I needed much more time as necessary!To avoid losing more time I shall not use W3Schools (fora included) anymore! Edited by eduardchile
Link to post
Share on other sites

For me, W3schools is very clear and easy to learn from. Your trouble is not the fault of the tutorials. They are probably confusing because you are still learning English. Don't feel restricted to W3Schools tutorials, but they are the best HTML and CSS tutorials that I have ever seen.Here's a suggestion: buy a book on HTML and CSS. You can get a book for very little money on Amazon (used books). Before you buy the book, read customer reviews to see what the strong and weak points in the book are. This has good reviews: http://www.amazon.com/Head-First-HTML-CSS-...X/ref=pd_cp_b_1 You can buy it used here: http://www.amazon.com/gp/offer-listing/059...;condition=usedYou might consider buying a Spanish HTML book, if there is one. It would be much easier to learn HTML if the book was in your native language.

Edited by Fmdpa
Link to post
Share on other sites

What's confusing?you have a paragraph, you want to adjust, font-size, YOU ADD font-size:nn, you want to make it bold, YOU ADD font-weight:tttt; you want to align it to center, YOU ADD text-align: center, do i really need to go on! how difficult OR confusing can that be. IT VERY VERY BASIC on how to format a paragraph element, you are even given examples that you can adjust.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...