[html]/[css] cięcie, mały problem i ocena Opcje

[Lejto]

Pociąłem lay i poskładałem go w divach:

[HTML] pobierz, plaintext 
<div id="img1"></div>
            	<div id="img2">
                	<div id="img3"> 
                    </div> 
                </div>
                	<div id="img4">
                    <div id="img5">	 
                    </div> 
                        </div>
[HTML] pobierz, plaintext 

i css

[HTML] pobierz, plaintext 
#img1{
	background-image:url(../images/helltorrents_05.gif);
	width:700px;
	height:147px;
}
#img2{
	background-image: url(../images/helltorrents_07.gif) ;
	background-repeat:no-repeat;
	width:700px;
	height:113px;
}
#img3{
	background-image:url(../images/helltorrents_08.gif);
	width:323px;
	height:113px;
	float:right;
}
#img4{
	background-image:url(../images/helltorrents_102_01.gif);
	width:700px;
	height:101px;
		background-repeat:no-repeat;
 
}
#img5{
	background-image:url(../images/helltorrents_102_02.gif);
	height:101px;
	width:350px;
	float:right;	
}
[HTML] pobierz, plaintext 

chcę cię tylko spytać czy tak może być ?
teraz problem
na stronie musi być coś takiego:

pociąłem to na 9 obrazków, ale nie wiem teraz jak to powstawiać w divy bo nie zostawię tego w tabelce...
w tabelce tak to wygląda

[HTML] pobierz, plaintext 
<table id="Table_01" width="700 " height="185" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td rowspan="5">
			<img src="images/helltorrents_2_01.gif" width="15" height="185" alt=""></td>
		<td rowspan="5">
			<img src="images/helltorrents_2_02.gif" width="1" height="185" alt=""></td>
		<td>
			<img src="images/helltorrents_2_03.gif" width="463" height="15" alt=""></td>
		<td rowspan="5">
			<img src="images/helltorrents_2_04.gif" width="17" height="185" alt=""></td>
		<td rowspan="5">
			<img src="images/helltorrents_2_05.gif" width="151" height="185" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/helltorrents_2_06.gif" width="463" height="71" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/helltorrents_2_07.gif" width="463" height="15" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/helltorrents_2_08.gif" width="463" height="69" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/helltorrents_2_09.gif" width="463" height="15" alt=""></td>
	</tr>
</table>
[HTML] pobierz, plaintext 

Jakiś pomysł jak to w divy wstawić? Próbowałem już ale nic...

[Lion_87]

Ale to co tam mają być dwa banery jeden pod drugim otoczone belkami?

[Lejto]

tak

[Lion_87]

NO TO NP MOŻESZ
1: Możesz to dać w 9 DIV (o.O):

[HTML] pobierz, plaintext 
<div id="box"><---500px
  <div id="lewa_belka"></div><---16px
  <div id="box_in"><---468px
  <div id="belka1"></div>
    <div id="baner"></div>
    <div id="belka2"></div>
    <div id="baner2"></div>
    <div id="belka3"></div>
  </div>
  <div id="prawa_belka"></div><---16px </div>
[HTML] pobierz, plaintext 

2. Na 5 DIV:

[HTML] pobierz, plaintext 
<div id="box"><---500px
  <div id="up_belka"></div>
  <div id="baner"></div><--- wyrównanie do &#347;rodka a w background ta belki
  <div id="srodek_belka"></div>
  <div id="baner2"></div><--- wyrównanie do &#347;rodka a w background ta belki
  <div id="bottom_belka"></div>
</div>
[HTML] pobierz, plaintext 

2. Na 2 DIV(dzielisz tlo na dwie cześci):

[HTML] pobierz, plaintext 
<div id="baner"></div><--- wyrównanie do &#347;rodka, padding lub margin a w background 1 cze&#347;&#263;
  <div id="baner2"></div><--- wyrównanie do &#347;rodka, padding lub margin a w background 2 cze&#347;&#263;
[HTML] pobierz, plaintext 

Ten post edytował Lion_87 1.02.2009, 16:29:44