GFX-Sector - HTML, CSS

Wie slicet man das am besten?

Hoho,


ich meld mich auch mal wieder . Und zwar:

Wie slice ich am besten folgendes Design:



http://img4.imagebanana.com/view/kcovszzr/bla.jpg


Nikolaus war zwar schon, aber ich hoff ihr habt noch was im Sack für mich

This post has been edited 2 time(s), it was last edited by nevox: 13.12.2007 13:39.

schwer zu sagen ohne das Design zu sehen

Welche Überschneidungen?
Also kommt jetzt auch drauf an wie und wo du was einfügen willst, aber habs jetzt einfach mal grob skizziert (blaue Linien).

MfG - Shizmo

Attachment:

slice.gif (52.28 KB, 137 downloads)

So, ich habs jetzt einigermaßen hinbekommen. Aber ich weiß nicht genau, wie ich das mit dm float so lösen kann, das sich nichts überschneidet. Hier erstmal das aktuelle Bild:

http://www.shocks.newsit.es

Zum Problem
Der Content wird abgeschnitten, weil er von den Button umflossen wird.


CSS:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:

#left {
	float: left;
	width: 186px;
	}
.button {
	background-image: url(images/button.jpg);
	width: 186px;
	height: 124px;
	}
#content2 {
	background-image: url(images/contentbox.jpg);
	width: 600px;
	height: 48px;
	background-repeat: repeat-y;
	margin: auto;
	}

1:
2:
3:
4:
5:
6:
7:
8:

	<div id="content2">
		<div id="left">
		<div class="button"></div>
		<div class="button"></div>
		<div class="button"></div>
	</div> 

This post has been edited 1 time(s), it was last edited by nevox: 16.12.2007 13:13.

If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.

After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.

In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.

Sign up now and enjoy the advantages as a registered member.

(This website will be ad-free after a complete free sign up.)