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? Link to comment https://forums.phpfreaks.com/topic/131882-how-to-recreate-this/ 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??? Link to comment https://forums.phpfreaks.com/topic/131882-how-to-recreate-this/#findComment-685177 Share on other sites More sharing options...
ifubad Posted November 8, 2008 Share Posted November 8, 2008 No, it's this site here Link to comment https://forums.phpfreaks.com/topic/131882-how-to-recreate-this/#findComment-685179 Share on other sites More sharing options...
BoltZ Posted November 8, 2008 Share Posted November 8, 2008 Do you mean in the logo div? Link to comment https://forums.phpfreaks.com/topic/131882-how-to-recreate-this/#findComment-685195 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] Link to comment https://forums.phpfreaks.com/topic/131882-how-to-recreate-this/#findComment-685620 Share on other sites More sharing options...
BoltZ Posted November 8, 2008 Share Posted November 8, 2008 Its most likely a background image Link to comment https://forums.phpfreaks.com/topic/131882-how-to-recreate-this/#findComment-685661 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? Link to comment https://forums.phpfreaks.com/topic/131882-how-to-recreate-this/#findComment-685846 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. Link to comment https://forums.phpfreaks.com/topic/131882-how-to-recreate-this/#findComment-685849 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. Link to comment https://forums.phpfreaks.com/topic/131882-how-to-recreate-this/#findComment-686038 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 Link to comment https://forums.phpfreaks.com/topic/131882-how-to-recreate-this/#findComment-686070 Share on other sites More sharing options...
ryy705 Posted November 11, 2008 Author Share Posted November 11, 2008 thanks. Link to comment https://forums.phpfreaks.com/topic/131882-how-to-recreate-this/#findComment-687460 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. Link to comment https://forums.phpfreaks.com/topic/131882-how-to-recreate-this/#findComment-687499 Share on other sites More sharing options...
dropfaith Posted November 11, 2008 Share Posted November 11, 2008 http://www.tizag.com/cssT/ start here Link to comment https://forums.phpfreaks.com/topic/131882-how-to-recreate-this/#findComment-687537 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;. Link to comment https://forums.phpfreaks.com/topic/131882-how-to-recreate-this/#findComment-687575 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 Link to comment https://forums.phpfreaks.com/topic/131882-how-to-recreate-this/#findComment-687973 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.