Fire Dragon Posted February 2, 2006 Share Posted February 2, 2006 Well,this may be little stupid question,but I learned html in school,and teacher never say how to do this,and I can't find answer in w3schools.So my question are,how put images on diffrent locations in webpage?Example these two smileys: -----------------------DISTANCE------------------------- So how?I heard something that x and y coordinates,what have something to do with this,but I don't know...Thanks. Link to comment Share on other sites More sharing options...
Skemcin Posted February 2, 2006 Share Posted February 2, 2006 there are so many ways to do this - but primarily there is old school and new school.the old school way would be to use tables, the new school using CSS. In between there is a crazy mix of code anyone could create to reproduce the look. what tends to drive any chosen method of coding, is what happens next on the page.Do you want to see code? Link to comment Share on other sites More sharing options...
Eric Posted February 2, 2006 Share Posted February 2, 2006 The easiest (and probably most 'wrong') way to to use a bunch of non-breaking spaces image1 image2 But that's not very practical Link to comment Share on other sites More sharing options...
aspnetguy Posted February 2, 2006 Share Posted February 2, 2006 there are so many ways to do this - but primarily there is old school and new school.the old school way would be to use tables, the new school using CSS. In between there is a crazy mix of code anyone could create to reproduce the look. what tends to drive any chosen method of coding, is what happens next on the page.Do you want to see code?<{POST_SNAPBACK}> no i do not see the code. Link to comment Share on other sites More sharing options...
thibo1025 Posted February 2, 2006 Share Posted February 2, 2006 I would be interested in the newschool method. I am using the oldschool but the CSS method sounds more efficcent. could you explain the codes in use? Link to comment Share on other sites More sharing options...
Eric Posted February 2, 2006 Share Posted February 2, 2006 You can add margin or padding to do this probablyHere's an example <html><head><style type='text/css'>.img1 { padding-right: 100px;}.img2 { padding-left: 100px;}</style></head><body><p> <img src='http://img132.imageshack.us/img132/9268/smilie9ex.gif' class='img1' alt='' /> <img src='http://img132.imageshack.us/img132/9268/smilie9ex.gif' class='img2' alt='' /></p></body></html> I tested this and it works Link to comment Share on other sites More sharing options...
thibo1025 Posted February 2, 2006 Share Posted February 2, 2006 all right I see I might look to my codes to see if I could try out the new school. Link to comment Share on other sites More sharing options...
Fire Dragon Posted February 3, 2006 Author Share Posted February 3, 2006 Hmm,I just got what I needed,but I don't know,is it good way to do that.Why not only use absolutely location?Set only pixel height and width. Link to comment Share on other sites More sharing options...
Eric Posted February 3, 2006 Share Posted February 3, 2006 There are many many ways to do it.I only showed one of the more easy (or lazy) ways of doing it :)The beauty of CSS is that there is no one "way" to do something. There's so many options to accomplish the same thing Link to comment Share on other sites More sharing options...
aspnetguy Posted February 3, 2006 Share Posted February 3, 2006 just be careful when using absolute postion...it may render slightly different in different browsers...you can fix this with CSS hacks...just ask if you need to know how. Link to comment Share on other sites More sharing options...
Fire Dragon Posted February 3, 2006 Author Share Posted February 3, 2006 Okay,however,I don't need so accurare code now,for my game,because I planned use it only some marquee images.Thanks. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now