dsonesuk Posted August 22, 2011 Share Posted August 22, 2011 That IS what it does! the text(English text) not within span stays to left, the text within the span is moved to the right, away from the English text by the margin assigned to it. Link to comment Share on other sites More sharing options...
eduard Posted August 22, 2011 Author Share Posted August 22, 2011 That IS what it does! the text(English text) not within span stays to left, the text within the span is moved to the right, away from the English text by the margin assigned to it.Ok, thanks for your explanation! Link to comment Share on other sites More sharing options...
eduard Posted August 22, 2011 Author Share Posted August 22, 2011 Now I want to change the style of the font e. g. arial! I tried in the webdesign class: font:arial and font-style:arial but they don´t work? Link to comment Share on other sites More sharing options...
thescientist Posted August 22, 2011 Share Posted August 22, 2011 Now I want to change the style of the font e. g. arial! I tried in the webdesign class: font:arial and font-style:arial but they don´t work?still not into reading or figuring anything out for yourself?http://www.w3schools.com/css/css_font.asp Link to comment Share on other sites More sharing options...
eduard Posted August 22, 2011 Author Share Posted August 22, 2011 still not into reading or figuring anything out for yourself?http://www.w3schools.com/css/css_font.asp I´ve seen that several times! I don´t understand in my CSS is if I write: .webdesign span}font:arial;}it doesn´t work? Link to comment Share on other sites More sharing options...
Ingolme Posted August 23, 2011 Share Posted August 23, 2011 Quoted from the page you were just looking at. Font FamilyThe font family of a text is set with the font-family property. Link to comment Share on other sites More sharing options...
eduard Posted August 23, 2011 Author Share Posted August 23, 2011 Quoted from the page you were just looking at.But why do I have to set a font family and not just the font? Link to comment Share on other sites More sharing options...
thescientist Posted August 23, 2011 Share Posted August 23, 2011 But why do I have to set a font family and not just the font?are you serious? You are trying to set the font family. It is how you change the style of the font you are using. If you read it, you should have at least tried it first. sheesh. Link to comment Share on other sites More sharing options...
eduard Posted August 23, 2011 Author Share Posted August 23, 2011 are you serious? You are trying to set the font family. It is how you change the style of the font you are using. If you read it, you should have at least tried it first. sheesh. So, I can´t write: {font:arial;}? Link to comment Share on other sites More sharing options...
ShadowMage Posted August 23, 2011 Share Posted August 23, 2011 So, I can´t write: {font:arial;}?Well, the font property works like other shorthand methods (background, border, etc.) in that you can set everything at once (like font-size, font-style, and font-family). But, if you would look it up you'd see that the font property has two required properties: font-size and font-family.So no, you can't write font: arial but you could write font: 12px ArialBut that way you are always setting the font-size. If you only want to change the family you need to use font-family. Link to comment Share on other sites More sharing options...
eduard Posted August 23, 2011 Author Share Posted August 23, 2011 Well, the font property works like other shorthand methods (background, border, etc.) in that you can set everything at once (like font-size, font-style, and font-family). But, if you would look it up you'd see that the font property has two required properties: font-size and font-family.So no, you can't write font: arial but you could write font: 12px ArialBut that way you are always setting the font-size. If you only want to change the family you need to use font-family.Many thanks for your decent explanation! Link to comment Share on other sites More sharing options...
eduard Posted August 23, 2011 Author Share Posted August 23, 2011 I tried it (font-family), but it doesn´t work?<!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 id="header"><a href="http://www.viadeo.com/es/profile/eduard.lid"><b><h4>Perfil</h4></b></a></div><div class="english spanish"><a href="versions/english/image_and_text_database.html"><img src="http://3.bp.blogspot.com/_cIPQ-HCqBAg/TAKoVdt59AI/AAAAAAAAAK4/fvqQE-B5g0w/s1600/english+flag.gif" alt="english" class="english"></a><a href="versions/espanol/base_de_datos.html"><img src="http://www.enchantedlearning.com/europe/spain/flag/Flagbig.GIF" alt="spanish" class="spanish"></a></div><div id="content"><img width="320" height="256" align="left" style="border-right:2px solid grey" src="http://www.aquaculture.ugent.be/_img/database.jpg" id="dbimg" alt="img database"><img width="320" height="256" align="right" style="border-left: 2px solid grey; float: right;" src="images/me.JPG" alt="Eduard Lid"><p class="webdesign">webdesign<span>diseño sitios web</span></p><p class="database">database<span> base de datos</span></p><p class="translator">translator<span> traductor</span></p><p class="languages"> spanish german dutch<span>inglés alemán holandés</span></p><br><br><br><br><br><br><br><br><h2 style="text-align:center; font-family:arial;">Eduard Lid</h2></div><div id="footer"></div></body></HTML>*{margin:0px;padding:0px;}body{background-color:#DCDCDC;}#header{border-style:solid;border-width:0px;border-bottom-width:0px;border-color:#808080;margin:5px;content:100%;height:10em;}a:link,a:visited{color:#6A5ACD;text-decoration:none;display:block;background-color:#DCDCDC;width:120px;height:80px;text-align:center;padding:0px;}a:hover,a:active{background-color:#DCDCDC;}.english{background-color:#6495ED;border-style:solid;border-width:0px;text-decoration:none;display:block;border-width:2px;width:120px;height:80%;}{a:hover,a:activebackground-color:#6495ED;}.spanish{background-color:#6495ED;border-style:solid;border-width:2px;text-decoration:none;display:block;border-width:0px;width:120px;height:80%;}{a:hover,a:activebackground-color:#6495ED;}#content{background-color:#F8F8FF;border-style:solid;border-color:#808080;height:256px;border-width:2px;font-family:Arial,Helvetica,sans-serif:}.webdesign span{margin-left:40ex;font:arial;}.database span{margin-left:39ex;}.translator span{margin-left:39ex;}.languages span{margin-left:32ex;}#footer{border-style:solid;border-color:#808080;border-width:0px;height:10em;font-family:Arial,Helvetica,sans-serif;line-height:90%;font-size:40px;color:#000000;} Link to comment Share on other sites More sharing options...
dsonesuk Posted August 23, 2011 Share Posted August 23, 2011 OOOOOOOOOOOOOOOOOOOHHHHHHHHHHHHHHHHHHHHHH YYYYYYYYYYYYYEEEEEEEEEEEEESSSSSSSSSSSSSS IT DID, its like Mr Bean goes into web design and development.Edit check in FF, Opera, Chrome, IE Safari ALL show ARIAL Heading. Link to comment Share on other sites More sharing options...
thescientist Posted August 23, 2011 Share Posted August 23, 2011 any chance you could be bothered to be specific? You are using font family in three places. One element doesn't have any text in it, so I think that just leaves #content and the h2 tag with your name in it? Well #content seems to have it's CSS written incorrectly. font-family:Arial,Helvetica,sans-serif: it should be a semi-colon. Link to comment Share on other sites More sharing options...
eduard Posted August 23, 2011 Author Share Posted August 23, 2011 OOOOOOOOOOOOOOOOOOOHHHHHHHHHHHHHHHHHHHHHH YYYYYYYYYYYYYEEEEEEEEEEEEESSSSSSSSSSSSSS IT DID, its like Mr Bean goes into web design and development.Edit check in FF, Opera, Chrome, IE Safari ALL show ARIAL Heading.I miss Rowan Atkinson here! Link to comment Share on other sites More sharing options...
eduard Posted August 23, 2011 Author Share Posted August 23, 2011 any chance you could be bothered to be specific? You are using font family in three places. One element doesn't have any text in it, so I think that just leaves #content and the h2 tag with your name in it? Well #content seems to have it's CSS written incorrectly.font-family:Arial,Helvetica,sans-serif: it should be a semi-colon. Many thanks! That was indeed the error! Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.