3 ms·
They actually found a way to draw the Google checkout cart using HTML - how would they do that?
by raheemm 17y ago
They actually found a way to draw the Google checkout cart using HTML
- how would they do that?
- jnorthrop 17y agoThey are drawing the image in CSS as a background image to a span tag. The tag: <span class="cps ss"></span> The CSS: .ss { background-color: transparent; background-image: url(/images/nav_logo4.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0pt 0pt; height: 26px; display: block; }
- tybris 17y agoProbably 1px row/columns/divs. Does anyone know where to find an example? (of the Google Checkout logo)
- jnorthrop 17y agoJust do a search for something you'd like to buy like: http://www.google.com/search?q=computer http://www.google.com/search?q=computer and typically one of the sponsored links will have the icon.
- delano 17y agoThe Google logo on the results page is part of a larger image. They use background-position to offset the part that you actually see. http://www.google.ca/images/nav_logo4.png http://www.google.ca/images/nav_logo4.png For example, the value for the next arrow at the bottom of the page is: "background-position: -76px 0pt;"
- DTrejo 17y agoSome of the buttons on there don't look too great. I guess it is easier to notice when they isolated.
- aston 17y agoThe solution this article references was basically a table with 1x1 cells that had their background colors set via CSS classes. I was on the team with the guy who did the hack when I was an intern. That was about three years ago. At some between then and now, Google actually went back to using a real image for it, and now it looks like it's just a CSS sprite.
- deleted 17y ago[deleted]