Jump to content


css overlapping images problem


2 replies to this topic

#1 R3ViV3D

    Young Padawan

  • Members
  • Pip
  • 11 posts
  • Location:Netherlands

Posted 04 December 2005 - 04:24 PM

Hey,I have made a banner and i wanted to code it in css.: http://img177.images.../83/v2015hh.png
Now i want to have the black background as the background(duhh:P)
And i want the white buttons on top of it and put some text on it.
I really dont have a idea how to make it so you guys are my last hope:P

Thanx....

Edited by hellgate, 04 December 2005 - 04:24 PM.


#2 Indigo

    Official Alien

  • Members
  • PipPipPip
  • 617 posts
  • Gender:Male
  • Location:Trondheim, Norway
  • Interests:Computing in general, especially design and programming of all kinds.

Posted 05 December 2005 - 03:08 AM

Use CSS and Divs, thatīs the method I use. Hereīs an example:
The CSS:
#button {
position: absolute;
top: 40px;
left: 12px;
background-color: #ffffff;
}

HTML:
<div id="button">My button</div>

Thereīs some tutorials on this topic here at P2L too, check them out if you donīt understand my explanation

#3 Althanis

    Young Padawan

  • Members
  • Pip
  • 62 posts

Posted 05 December 2005 - 10:11 PM

You wont get rounded corners using just plain CSS, you'll get rectangular boxes.

Go to http://www.alistapart.com and search for "Sliding Doors of CSS". They have 2 articles there that show you how to do this. It's not very easy, but once you do it you'll be glad. You'll be able to edit the text very easily and the width will adjust accordingly, and it'll load faster.

Good luck with it.





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users