ryy705 Posted November 8, 2008 Share Posted November 8, 2008 Hello, I am trying to learn css by examining various sites I see online. But I'm stumped on this one. And since this is just a pic can't see the css. How did they get the 'suncasting' logo to spill over to the box on the right? Any ideas? Quote Link to comment Share on other sites More sharing options...
BoltZ Posted November 8, 2008 Share Posted November 8, 2008 Wow what are you talking about. Give a url. Do you mean this site??? Quote Link to comment Share on other sites More sharing options...
ifubad Posted November 8, 2008 Share Posted November 8, 2008 No, it's this site here Quote Link to comment Share on other sites More sharing options...
BoltZ Posted November 8, 2008 Share Posted November 8, 2008 Do you mean in the logo div? Quote Link to comment Share on other sites More sharing options...
ryy705 Posted November 8, 2008 Author Share Posted November 8, 2008 How stupid of me. I don't why it didn't upload the first time. [attachment deleted by admin] Quote Link to comment Share on other sites More sharing options...
BoltZ Posted November 8, 2008 Share Posted November 8, 2008 Its most likely a background image Quote Link to comment Share on other sites More sharing options...
ryy705 Posted November 9, 2008 Author Share Posted November 9, 2008 But the same img seems to be the background for multiple divs! Is that possible? Quote Link to comment Share on other sites More sharing options...
BoltZ Posted November 9, 2008 Share Posted November 9, 2008 You can set a background image for one div then put multiple divs inside that div so yes. Quote Link to comment Share on other sites More sharing options...
ifubad Posted November 9, 2008 Share Posted November 9, 2008 Just tried loading the URL to see exactly what method they used, didn't show what your screen capture showed. Quote Link to comment Share on other sites More sharing options...
BoltZ Posted November 9, 2008 Share Posted November 9, 2008 Yea I did that yesterday and figured the page musta changed so I went with the ss. Sorry if I am wrong with my theory, just doing a diagnosis with my eeyes only Quote Link to comment Share on other sites More sharing options...
ryy705 Posted November 11, 2008 Author Share Posted November 11, 2008 thanks. Quote Link to comment Share on other sites More sharing options...
haku Posted November 11, 2008 Share Posted November 11, 2008 I am trying to learn css by examining various sites I see online. That is probably about as difficult a way to learn CSS as you can get. Sit down and spend some time learning the basics first, then put together a couple sites, and after that you can start deconstructing sites, as you will be able to understand what exactly it is that they are doing. Quote Link to comment Share on other sites More sharing options...
dropfaith Posted November 11, 2008 Share Posted November 11, 2008 http://www.tizag.com/cssT/ start here Quote Link to comment Share on other sites More sharing options...
SuperBlue Posted November 11, 2008 Share Posted November 11, 2008 If you are interested in my method of doing this effect, then have a look at my blog in IE7+ (or better browser). Basically i just placed additional divs using absolute positioning, and applied a z-index to each of these elements. That would have been much harder using floats, since it would require a lot of div wrapping, which i wont get into. The way not to do this effect, is by simply applying a background to the entire page/element, or to slice up an image and put it into a table. Please note that for absolute positioning to work inside the element, rather then having all elements being positioned relative to the root, you will need a wrapper and position that wrapper, that can be done by simply applying position: relative;. Quote Link to comment Share on other sites More sharing options...
BoltZ Posted November 11, 2008 Share Posted November 11, 2008 What I did which I found really great was I would see a site then I would (take the images of course but not use them for any other purpose then this) recreate the page (or attempt to) and if i got stuck I would look at the code Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.