Jump to content

Change size of image of button?

eduard

By eduard
in HTML/XHTML

Recommended Posts

ShadowMage Devoted Member

ShadowMage

Posted
Posted
Yes, this is the image! But it´s better to set these properties in my CSS document? How?
Really, Eduard, you don't know how to do that by now.......How long have you been 'learning' this stuff? If you don't know how to add rules to a CSS stylesheet you really, really need to go back and actually read the tutorial. If you can't figure that out, I don't think web design is in your future....I cannot stress enough how basic this is....
Link to comment
Share on other sites
ste Member

ste

Posted
Posted
Yes, this is the image! But it´s better to set these properties in my CSS document? How? Someone has written to make a div in my HTML document! How?
You don't need to create a div. You can give the img a class or an id and target from the css. For example, here we add the class spanishflag
<a href="versions/espanol/base_de_datos.html"><img src="http://www.enchantedlearning.com/europe/spain/flag/Flagbig.GIF" class="spanishflag"></a>

Then in the CSS

.spanishflag {width: 500px;height: 500px;}

Link to comment
Share on other sites
eduard Devoted Member

eduard

Posted
  • Author
Posted
See how simple that is.....they show you how to do that in the tutorials....:)
You are right if you take the time of period! (that you know!)You aren´t right if you consider the circumstances I lived in (that you don´t know!)Again a prejudige!
Link to comment
Share on other sites
eduard Devoted Member

eduard

Posted
  • Author
Posted
You don't need to create a div. You can give the img a class or an id and target from the css. For example, here we add the class spanishflag
<a href="versions/espanol/base_de_datos.html"><img src="http://www.enchantedlearning.com/europe/spain/flag/Flagbig.GIF" class="spanishflag"></a>

Then in the CSS

.spanishflag {width: 500px;height: 500px;}

Thanks!
Link to comment
Share on other sites
eduard Devoted Member

eduard

Posted
  • Author
Posted

There´s something wrong in my CSS file! But what?*{margin:0px;padding:0px;}#header{border-style:solid;border-width:0px;border-color:#808080;content:100%;background-color:#6495ED;height:6em;}a:link,a:visited{border-bottom-style:solid;border-color:#808080;color:#6A5ACD;text-decoration:none;display:block;background-color:#A9A9A9;width:120px;height:20%;text-align:center;padding:2px;}a:hover,a:active{background-color:#000000;}#spanishflag{width:120px;height:20%;}a:link,a:visited{text-decoration:none;display:block;width:120px;height:20%;}a:hover,a:active{background-color:#000000;}#content{height:16em;background-color:#EOFFFF;}#footer{background-color:#6495ED;border-style:solid;border-color:#808080;border-width:5px;height:14em;font-family:Arial,Helvetica,sans-serif;line-height:90%;text-align:center;font-size:40px;color:#000000;}<!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>Profile</h4></b></a><a href="web_designer/image_and_text_database.html"><b><h4>Web designer</h4></b></a></div><div id="flags"><a href="versions/english/image_and_text_database.html"><b><h4>English</h4></b></a><a href="versions/espanol/base_de_datos.html"><img src="http://www.enchantedlearning.com/europe/spain/flag/Flagbig.GIF class="spanishflag"></a></div><div id="content"><img src="http://www.aquaculture.ugent.be/_img/database.jpg" id="dbimg" alt="img database"align="middle" width="320" height="256"><img src="images/me.JPG" alt="Eduard Lid" align="right" width="320" height="256"></div><div id="footer"><p><h4>Eduard Lid</h4></p></div></HTML>

Link to comment
Share on other sites
ShadowMage Devoted Member

ShadowMage

Posted
Posted
There´s something wrong in my CSS file! But what?
Perhaps if you tell us what the problem is we might be able to tell you. Like scientist has told you time and again, please be specific when you ask questions.So....What is currently happening?What should be happening?
Link to comment
Share on other sites
eduard Devoted Member

eduard

Posted
  • Author
Posted
Perhaps if you tell us what the problem is we might be able to tell you. Like scientist has told you time and again, please be specific when you ask questions.So....What is currently happening?What should be happening?
As you can see on the homepage of my website (www.eduardlid.com) the image of the spanish flag doesn´t fit in the in-line block. That´s what I´ve been trying all the time!
Link to comment
Share on other sites
jeffman w3schools Guru

jeffman

Posted
Posted

For one thing, your old CSS used a class selector:.spanishflagNow it uses an ID selector#spanishflagYour HTML uses a class attribute, not an id attribute:class="spanishflag"So the #spanishflag ruleset will not be applied.

Link to comment
Share on other sites
thescientist w3schools Guru

thescientist

Posted
Posted
You are right if you take the time of period! (that you know!)You aren´t right if you consider the circumstances I lived in (that you don´t know!)Again a prejudige!
are we really back to this again? I thought you were back and changed and ready to learn...
Link to comment
Share on other sites
eduard Devoted Member

eduard

Posted
  • Author
Posted
For one thing, your old CSS used a class selector:.spanishflagNow it uses an ID selector#spanishflagYour HTML uses a class attribute, not an id attribute:class="spanishflag"So the #spanishflag ruleset will not be applied.
Thanks! So, this means I don´t understand (also after reading it in the tutorial) I don´t understand well the difference between id and class! Could you explain it please?
Link to comment
Share on other sites
eduard Devoted Member

eduard

Posted
  • Author
Posted
are we really back to this again? I thought you were back and changed and ready to learn...
See previous reply!
Link to comment
Share on other sites
ShadowMage Devoted Member

ShadowMage

Posted
Posted
Thanks! So, this means I don´t understand (also after reading it in the tutorial) I don´t understand well the difference between id and class! Could you explain it please?
Straight from the tutorial:
The id selector is used to specify a style for a single, unique element.The id selector uses the id attribute of the HTML element, and is defined with a "#".
[The class selector] allows you to set a particular style for many HTML elements with the same class.The class selector uses the HTML class attribute, and is defined with a "."
I really don't know how much simpler to put it.An id can be used on only one element per page. To style an element with a certain id in CSS you use '#' followed by the desired id you wish to target: #elemIDA class can be used on multiple elements. To style an element of a certain class in CSS you use '.' followed by the desired class you wish to target: .elemClass
Link to comment
Share on other sites
eduard Devoted Member

eduard

Posted
  • Author
Posted
For one thing, your old CSS used a class selector:.spanishflagNow it uses an ID selector#spanishflagYour HTML uses a class attribute, not an id attribute:class="spanishflag"So the #spanishflag ruleset will not be applied.
I changed it! But still there isn´t the image (spanish flag) in the block! P. s. why hasn´t anybody written to me directly after posting this topic that this wasn´t a button?
Link to comment
Share on other sites
thescientist w3schools Guru

thescientist

Posted
Posted
Thanks! So, this means I don´t understand (also after reading it in the tutorial) I don´t understand well the difference between id and class! Could you explain it please?
dude... we just went over all of this like two days ago with you....http://w3schools.invisionzone.com/index.php?showtopic=39081what don't you get!?
I changed it! But still there isn´t the image (spanish flag) in the block! P. s. why hasn´t anybody written to me directly after posting this topic that this wasn´t a button?
because you've been using an <img> tag. buttons use a button tag...
Link to comment
Share on other sites
eduard Devoted Member

eduard

Posted
  • Author
Posted
FWIW, please consider downloading or linking to this image. 120px-Flag_of_Spain.svg.png It is already 120px wide.
Sorry, but I don´t understand it!
Link to comment
Share on other sites
thescientist w3schools Guru

thescientist

Posted
Posted
Sorry, but I don´t understand it!
he's referring to the URL of the image in his post. (you could view it by repling to his post, but I've posted it for you)http://upload.wikimedia.org/wikipedia/comm...f_Spain.svg.pngthat way you don't have to confuse yourself and frustrate us just trying to style an image... :)edit: if you're still confused, either click on the link and use the URL in your browsers address bar as the <img> src, or just save as and save the image locally in your project directory.
Link to comment
Share on other sites
eduard Devoted Member

eduard

Posted
  • Author
Posted
he's referring to the URL of the image in his post. (you could view it by repling to his post, but I've posted it for you)http://upload.wikimedia.org/wikipedia/comm...f_Spain.svg.pngthat way you don't have to confuse yourself and frustrate us just trying to style an image... :)edit: if you're still confused, either click on the link and use the URL in your browsers address bar as the <img> src, or just save as and save the image locally in your project directory.
What´s an URL :) ?I´m sorry I won´t use it! I´m going (and finish!) styling the image!
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...