DevProTalk

Forumi IT profesionalaca
web development, web design, e-business, SEO


Idite nazad   DevProTalk > Web development i web aplikacije > (X)HTML, JavaScript, DHTML, XML, CSS
Želite da se reklamirate ekskluzivno na ovoj poziciji? Javite se

(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi

Odgovori
 
Alati teme Način prikaza
Staro 06. 08. 2006.   #1
ucenik
novi član
 
Datum učlanjenja: 19.04.2006
Poruke: 9
Hvala: 0
0 "Hvala" u 0 poruka
ucenik is on a distinguished road
Default mali (velliki) problem sa div tagovima

Nadam se da cu uspeti da objasnim problem.

Uradio sam graficki dizajn u Photoshopu, isekao i izvezao kao html. Onda u Dreamwieveru dopunjavao stranicu. Ubacivao sam tekst pomocu layer-a. I sada u tim div tagovima otkucam tekst i namestim ih tamo gde zelim da budu.

Kad sve to snimim i pregledam u 1024x768 u IE lepo izgleda, tekst je tamo gde je bio i u DW. E kad promenim rezoluciju npr na vecu tekst (layer) se pomeri i nije tamo gde treba, ode levo ili desno u odnosu na zeljeno mesto na strani.

Kako da podesim a da mi layer bude gde jeste u bilo kojoj rezoluciji.
Pitajte ako nesto nisam razumno napisao
ucenik je offline   Odgovorite uz citat
Staro 06. 08. 2006.   #2
Br@nkoR
banned
Professional
 
Avatar Br@nkoR
 
Datum učlanjenja: 04.06.2005
Poruke: 371
Hvala: 0
738 "Hvala" u 83 poruka
Br@nkoR će postati "faca" uskoroBr@nkoR će postati "faca" uskoroBr@nkoR će postati "faca" uskoroBr@nkoR će postati "faca" uskoroBr@nkoR će postati "faca" uskoroBr@nkoR će postati "faca" uskoroBr@nkoR će postati "faca" uskoro
Default

Postavi problematičan kôd.

Ali sve mi se čini da se radi o apsolutno pozicioniranom div-u. Otvori kôd i ručno postavi div elemente tamo gde želiš, nemoj se previše oslanjati na DW.
__________________
Don't look at me; I'm lost too.
“If you can't dazzle them with brilliance, baffle them with bul*s**t.”
Br@nkoR je offline   Odgovorite uz citat
Staro 06. 08. 2006.   #3
ucenik
novi član
 
Datum učlanjenja: 19.04.2006
Poruke: 9
Hvala: 0
0 "Hvala" u 0 poruka
ucenik is on a distinguished road
Default

OK evo koda.

<div id="Layer6" style="position:absolute; left:174px; top:258px; width:163px; height:458px; z-index:6; background-color: #95B380; layer-background-color: #95B380; border: 1px none #000000; padding: 6;">

Da li to znaci da u code modu treba da rucno podesavam za svaki layer posebno. To mi je mnogo posla postoji valjda neka opcija preko design moda u DW.
ucenik je offline   Odgovorite uz citat
Staro 07. 08. 2006.   #4
ivanhoe
Ivan Dilber
Sir Write-a-Lot
 
Avatar ivanhoe
 
Datum učlanjenja: 18.10.2005
Lokacija: Bgd
Poruke: 5.320
Hvala: 104
2.344 "Hvala" u 583 poruka
ivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svimaivanhoe je ime poznato svima
Pošaljite poruku preko Skype™ za ivanhoe
Default

pa problem je sto pozicioniras absolutno layere u odnosu na ekran, a verovatno ti je ostatak sadraja namesten da se pomera unaokolo (centriran ili tako nesto)

morao bi da nam das celu stranu da vidimo konkretno sta ti se pomera i zbog chega

uzgred pozicije layera u DW menjas tako sto ih prevuces misem gde zelis, on sam promeni kooordinate, ako si u stvari za to pitao?
__________________
Leadership is the art of getting people to want to do what you know must be done.

Poslednja izmena od ivanhoe : 07. 08. 2006. u 01:42.
ivanhoe je offline   Odgovorite uz citat
Staro 07. 08. 2006.   #5
ucenik
novi član
 
Datum učlanjenja: 19.04.2006
Poruke: 9
Hvala: 0
0 "Hvala" u 0 poruka
ucenik is on a distinguished road
Default

OK evo cele strane
HTML kôd:
<html>
<head>
<title>strana 1</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="800" border="0" align="center">
  <tr>
    <td> 
      <!-- ImageReady Slices (03.psd) -->
      <div id="Layer1" style="position:absolute; left:166px; top:275px; width:175px; height:429px; z-index:1; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000;">
        <p><font face="Myriad Pro Light Cond">Mixxx is een programma voor DJ's. 
          Het biedt verschillende functies die het leven van de DJ gemakkelijker 
          maken:o.a. beat esitmation, parallele displays en ondersteuning voor 
          een groot aantal DJ input controllers. [schermafbeeldingen] Homepage: 
          http://surfnet.dl.sourceforge.net</font></p>
        <p><font face="Myriad Pro Light Cond">/sourceforge/mixxx/mixxx-1.4.2-win.exe</font></p>
      </div>
      <div id="Layer2" style="position:absolute; left:385px; top:413px; width:432px; height:11px; z-index:2"> 
        <hr>
      </div> 
      <div id="Layer2" style="position:absolute; left:382px; top:568px; width:432px; height:11px; z-index:2"> 
        <hr>
      </div>
      <div id="Layer3" style="position:absolute; left:384px; top:310px; width:431px; height:87px; z-index:3"><font face="Myriad Pro Light Cond">Mixxx 
        is een programma voor DJ's. Het biedt verschillende functies die het leven 
        van de DJ gemakkelijker maken:o.a. beat esitmation, parallele displays 
        en ondersteuning voor een groot aantal DJ input controllers. [schermafbeeldingen] 
        Homepage: http://surfnet.dl.sourceforge.net/sourceforge/mixxx/mixxx-1.4.2-win.exe</font></div>
      <div id="Layer4" style="position:absolute; left:175px; top:228px; width:161px; height:24px; z-index:4; background-color: #999999; layer-background-color: #999999; border: 1px none #000000;"> 
        <div align="center"><font color="#FFFFFF" size="5" face="Myriad Pro Cond"> 
          V e s t i </font></div>
      </div>
      <div id="Layer5" style="position:absolute; left:384px; top:284px; width:299px; height:20px; z-index:5"><font color="#006600" face="Myriad Pro Light Cond">01.08.2006. 
        Stigao novi kamion</font></div>
      <div id="Layer3" style="position:absolute; left:384px; top:463px; width:431px; height:87px; z-index:3"><font face="Myriad Pro">Mixxx 
        is een programma voor DJ's. Het biedt verschillende functies die het leven 
        van de DJ gemakkelijker maken:o.a. beat esitmation, parallele displays 
        en ondersteuning voor een groot aantal DJ input controllers. [schermafbeeldingen] 
        Homepage: http://surfnet.dl.sourceforge.net/sourceforge/mixxx/mixxx-1.4.2-win.exe</font></div>
      <div id="Layer5" style="position:absolute; left:384px; top:437px; width:299px; height:20px; z-index:5"><font color="#006600" face="Myriad Pro Light Cond">01.08.2006. 
        Stigao novi kamion</font></div></td>
  </tr>
</table>
<table id="Table_01" width="776" height="778" border="0" cellpadding="0" cellspacing="0" align="center">
	<tr>
		<td colspan="2">
			<img src="images/03_01.jpg" width="49" height="54" alt=""></td>
		<td colspan="5">
			<img src="images/03_02.jpg" width="64" height="54" alt=""></td>
		<td colspan="5">
			<img src="images/03_03.jpg" width="70" height="54" alt=""></td>
		<td colspan="4" rowspan="2">
			<img src="images/03_04.jpg" width="65" height="64" alt=""></td>
		<td colspan="6">
			<img src="images/03_05.jpg" width="70" height="54" alt=""></td>
		<td colspan="4">
			<img src="images/03_06.jpg" width="61" height="54" alt=""></td>
		<td colspan="21">
			<img src="images/m3.jpg" width="345" height="54" alt=""></td>
		<td colspan="4" rowspan="5">
			<img src="images/03_08.jpg" width="51" height="102" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="54" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="4">
			<img src="images/03_09.jpg" width="49" height="48" alt=""></td>
		<td colspan="5" rowspan="5">
			<img src="images/03_10.jpg" width="64" height="51" alt=""></td>
		<td colspan="5" rowspan="5">
			<img src="images/03_11.jpg" width="70" height="51" alt=""></td>
		<td colspan="2">
			<img src="images/m2.jpg" width="15" height="10" alt=""></td>
		
    <td colspan="4" rowspan="2"> <img src="images/03_13.jpg" alt="" width="55" height="30" border="0" usemap="#Map"></td>
		
    <td colspan="4" rowspan="2"> <img src="images/03_14.jpg" alt="" width="61" height="30" border="0" usemap="#Map2"></td>
		
    <td colspan="2" rowspan="2"> <a href="#"
				onmouseover="window.status='about us';  return true;"
				onmouseout="window.status='';  return true;"> <img src="images/about-us.jpg" alt="about us" width="63" height="30" border="0" usemap="#Map3"></a></td>
		
    <td colspan="8" rowspan="2"> <a href="#"
				onmouseover="window.status='services';  return true;"
				onmouseout="window.status='';  return true;"> <img src="images/services.jpg" alt="services" width="57" height="30" border="0" usemap="#Map4"></a></td>
		
    <td colspan="4" rowspan="2"> <a href="#"
				onmouseover="window.status='products';  return true;"
				onmouseout="window.status='';  return true;"> <img src="images/products.jpg" alt="products" width="63" height="30" border="0" usemap="#Map5"></a></td>
		
    <td colspan="4" rowspan="3"> <a href="#"
				onmouseover="window.status='contacts';  return true;"
				onmouseout="window.status='';  return true;"> <img src="images/contacts.jpg" alt="contacts" width="78" height="39" border="0" usemap="#Map6"></a></td>
		
    <td colspan="3" rowspan="3"> <img src="images/03_19.jpg" alt="" width="84" height="39" border="0" usemap="#Map7"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="10" alt=""></td>
	</tr>
	<tr>
		<td colspan="6" rowspan="5">
			<img src="images/03_20.jpg" width="80" height="49" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="20" alt=""></td>
	</tr>
	<tr>
		<td colspan="8" rowspan="4">
			<img src="images/m2-22.jpg" width="116" height="29" alt=""></td>
		<td colspan="14" rowspan="2">
			<img src="images/03_22.jpg" width="183" height="18" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="9" alt=""></td>
	</tr>
	<tr>
		<td colspan="7">
			<img src="images/03_23.jpg" width="162" height="9" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="9" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="7">
			<img src="images/03_24.jpg" width="49" height="72" alt=""></td>
		<td colspan="21" rowspan="2">
			<img src="images/m4.jpg" width="345" height="11" alt=""></td>
		<td colspan="4" rowspan="9">
			<img src="images/03_26.jpg" width="51" height="101" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="3" alt=""></td>
	</tr>
	<tr>
		<td colspan="5" rowspan="6">
			<img src="images/03_27.jpg" width="64" height="69" alt=""></td>
		<td colspan="5" rowspan="6">
			<img src="images/03_28.jpg" width="70" height="69" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="8" alt=""></td>
	</tr>
	<tr>
		<td colspan="8" rowspan="5">
			<img src="images/03_29.jpg" width="110" height="61" alt=""></td>
		<td colspan="6" rowspan="5">
			<img src="images/03_30.jpg" width="86" height="61" alt=""></td>
		<td colspan="4" rowspan="4">
			<img src="images/03_31.jpg" width="77" height="57" alt=""></td>
		<td rowspan="11">
			<img src="images/m4-33.jpg" width="3" height="179" alt=""></td>
		
    <td colspan="9"> <img src="images/03_33.jpg" alt="" width="103" height="22" border="0" usemap="#Map8"></td>
		<td colspan="4" rowspan="3">
			<img src="images/03_34.jpg" width="78" height="43" alt=""></td>
		<td colspan="3" rowspan="2">
			<img src="images/03_35.jpg" width="84" height="41" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="22" alt=""></td>
	</tr>
	<tr>
		
    <td colspan="9" rowspan="2"> <img src="images/03_36.jpg" alt="" width="103" height="21" border="0" usemap="#Map9"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="19" alt=""></td>
	</tr>
	<tr>
		<td colspan="3" rowspan="9">
			<img src="images/m4-38.jpg" width="84" height="138" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="2" alt=""></td>
	</tr>
	<tr>
		
    <td colspan="9" rowspan="3"> <img src="images/03_38.jpg" alt="" width="103" height="22" border="0" usemap="#Map10"></td>
		<td colspan="4" rowspan="8">
			<img src="images/m4-40.jpg" width="78" height="136" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="14" alt=""></td>
	</tr>
	<tr>
		<td colspan="4" rowspan="7">
			<img src="images/m4-41.jpg" width="77" height="122" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="4" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="5">
			<img src="images/03_41.jpg" width="49" height="66" alt=""></td>
		<td colspan="5" rowspan="4">
			<img src="images/03_42.jpg" width="64" height="64" alt=""></td>
		<td colspan="5" rowspan="5">
			<img src="images/03_43.jpg" width="70" height="66" alt=""></td>
		<td colspan="8" rowspan="4">
			<img src="images/03_44.jpg" width="110" height="64" alt=""></td>
		<td colspan="6" rowspan="4">
			<img src="images/03_45.jpg" width="86" height="64" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="4" alt=""></td>
	</tr>
	<tr>
		
    <td colspan="9"> <img src="images/03_46.jpg" alt="" width="103" height="25" border="0" usemap="#Map11"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="25" alt=""></td>
	</tr>
	<tr>
		
    <td colspan="9"> <img src="images/03_47.jpg" alt="" width="103" height="21" border="0" usemap="#Map12"></td>
		<td colspan="4" rowspan="4">
			<img src="images/03_48.jpg" width="51" height="89" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="21" alt=""></td>
	</tr>
	<tr>
		<td colspan="9" rowspan="3">
			<img src="images/m4-50.jpg" width="103" height="68" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="14" alt=""></td>
	</tr>
	<tr>
		<td colspan="5" rowspan="2">
			<img src="images/m2-51.jpg" width="64" height="54" alt=""></td>
		<td colspan="7" rowspan="2">
			<img src="images/03_51.jpg" width="94" height="54" alt=""></td>
		<td colspan="7" rowspan="2">
			<img src="images/m2-53.jpg" width="102" height="54" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="2" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="images/03_53.jpg" width="49" height="52" alt=""></td>
		<td colspan="5">
			<img src="images/m2-55.jpg" width="70" height="52" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="52" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="4">
			<img src="images/03_55.jpg" width="49" height="65" alt=""></td>
		<td colspan="19" rowspan="2">
			<img src="images/wel1.jpg" width="265" height="48" alt=""></td>
		<td colspan="3" rowspan="16">
			<img src="images/ln1.jpg" width="32" height="315" alt=""></td>
		<td colspan="12" rowspan="3">
			<img src="images/ln2.jpg" width="153" height="54" alt=""></td>
		<td colspan="2" rowspan="3">
			<img src="images/se1.jpg" width="36" height="54" alt=""></td>
		<td colspan="8">
			<img src="images/se2.jpg" width="151" height="47" alt=""></td>
		<td rowspan="16">
			<img src="images/se3.jpg" width="38" height="315" alt=""></td>
		<td colspan="4" rowspan="5">
			<img src="images/03_62.jpg" width="51" height="85" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="47" alt=""></td>
	</tr>
	<tr>
		<td colspan="8" rowspan="8">
			<img src="images/03_63.jpg" width="151" height="100" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="8" rowspan="6">
			<img src="images/wel2.jpg" width="114" height="93" alt=""></td>
		<td colspan="11" rowspan="4">
			<img src="images/03_65.jpg" width="151" height="52" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="6" alt=""></td>
	</tr>
	<tr>
		<td colspan="13" rowspan="4">
			<img src="images/03_66.jpg" width="154" height="69" alt=""></td>
		<td rowspan="13">
			<img src="images/se1-68.jpg" width="35" height="261" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="11" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="4">
			<img src="images/03_68.jpg" width="49" height="76" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="20" alt=""></td>
	</tr>
	<tr>
		<td colspan="4" rowspan="5">
			<img src="images/03_69.jpg" width="51" height="91" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="15" alt=""></td>
	</tr>
	<tr>
		<td colspan="11" rowspan="2">
			<img src="images/03_70.jpg" width="151" height="41" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="23" alt=""></td>
	</tr>
	<tr>
		<td colspan="11" rowspan="6">
			<img src="images/03_71.jpg" width="149" height="78" alt=""></td>
		<td rowspan="8">
			<img src="images/03_72.jpg" width="4" height="178" alt=""></td>
		<td rowspan="9">
			<img src="images/se1-74.jpg" width="1" height="192" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="18" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="4">
			<img src="images/03_74.jpg" width="49" height="50" alt=""></td>
		<td colspan="19" rowspan="3">
			<img src="images/po1.jpg" width="265" height="46" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="6" alt=""></td>
	</tr>
	<tr>
		<td colspan="8" rowspan="3">
			<img src="images/su.jpg" width="151" height="44" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="29" alt=""></td>
	</tr>
	<tr>
		<td colspan="4" rowspan="4">
			<img src="images/03_77.jpg" width="51" height="86" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="11" alt=""></td>
	</tr>
	<tr>
		<td colspan="8" rowspan="5">
			<img src="images/po2.jpg" width="114" height="128" alt=""></td>
		<td colspan="11" rowspan="3">
			<img src="images/03_79.jpg" width="151" height="75" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="4" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="2">
			<img src="images/03_80.jpg" width="49" height="71" alt=""></td>
		<td colspan="8" rowspan="4">
			<img src="images/03_81.jpg" width="151" height="124" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="10" alt=""></td>
	</tr>
	<tr>
		<td colspan="11">
			<img src="images/03_82.jpg" width="149" height="61" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="61" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="3">
			<img src="images/03_83.jpg" width="49" height="57" alt=""></td>
		<td colspan="11" rowspan="2">
			<img src="images/03_84.jpg" width="151" height="53" alt=""></td>
		<td colspan="11">
			<img src="images/03_85.jpg" width="149" height="39" alt=""></td>
		<td colspan="4" rowspan="5">
			<img src="images/03_86.jpg" width="51" height="89" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="39" alt=""></td>
	</tr>
	<tr>
		<td colspan="12">
			<img src="images/ln3.jpg" width="153" height="14" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="14" alt=""></td>
	</tr>
	<tr>
		<td rowspan="5">
			<img src="images/dn1.jpg" width="17" height="73" alt=""></td>
		<td colspan="44" rowspan="2">
			<img src="images/dn2.gif" width="658" height="14" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="4" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="4">
			<img src="images/03_90.jpg" width="49" height="69" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="10" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/dn2-92.gif" width="1" height="22" alt=""></td>
		<td colspan="4">
			<img src="images/03_92.jpg" width="54" height="22" alt=""></td>
		<td colspan="3">
			<img src="images/03_93.jpg" width="47" height="22" alt=""></td>
		<td colspan="2">
			<img src="images/03_94.jpg" width="46" height="22" alt=""></td>
		<td colspan="4">
			<img src="images/03_95.jpg" width="38" height="22" alt=""></td>
		<td colspan="8">
			<img src="images/03_96.jpg" width="114" height="22" alt=""></td>
		<td colspan="7">
			<img src="images/03_97.jpg" width="114" height="22" alt=""></td>
		<td colspan="15">
			<img src="images/dn2-99.gif" width="244" height="22" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="22" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="2">
			<img src="images/dn1-100.jpg" width="14" height="37" alt=""></td>
		<td rowspan="2">
			<img src="images/03_100.jpg" width="1" height="37" alt=""></td>
		<td colspan="7" rowspan="2">
			<img src="images/03_101.jpg" width="133" height="37" alt=""></td>
		<td colspan="12" rowspan="2">
			<img src="images/03_102.jpg" width="152" height="37" alt=""></td>
		<td colspan="2">
			<img src="images/03_103.jpg" width="68" height="19" alt=""></td>
		<td colspan="6">
			<img src="images/03_104.jpg" width="52" height="19" alt=""></td>
		<td colspan="6">
			<img src="images/03_105.jpg" width="55" height="19" alt=""></td>
		<td colspan="4">
			<img src="images/03_106.jpg" width="75" height="19" alt=""></td>
		<td colspan="3">
			<img src="images/03_107.jpg" width="70" height="19" alt=""></td>
		<td colspan="4">
			<img src="images/03_108.jpg" width="48" height="19" alt=""></td>
		<td rowspan="2">
			<img src="images/m5.jpg" width="41" height="37" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="19" alt=""></td>
	</tr>
	<tr>
		<td colspan="8">
			<img src="images/03_110.jpg" width="120" height="18" alt=""></td>
		<td>
			<img src="images/03_111.jpg" width="3" height="18" alt=""></td>
		<td colspan="9">
			<img src="images/03_112.jpg" width="127" height="18" alt=""></td>
		<td colspan="4">
			<img src="images/03_113.jpg" width="108" height="18" alt=""></td>
		<td colspan="3">
			<img src="images/m5-115.jpg" width="10" height="18" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="18" alt=""></td>
	</tr>
	<tr>
		<td colspan="13">
			<img src="images/03_115.jpg" width="214" height="44" alt=""></td>
		<td colspan="12">
			<img src="images/03_116.jpg" width="152" height="44" alt=""></td>
		<td colspan="15">
			<img src="images/03_117.jpg" width="196" height="44" alt=""></td>
		<td colspan="11">
			<img src="images/03_118.jpg" width="213" height="44" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="44" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="images/03_119.jpg" width="43" height="34" alt=""></td>
		
    <td colspan="8" rowspan="2"> <img src="images/03_120.jpg" alt="" width="107" height="34" border="0" usemap="#Map13"></td>
		
    <td colspan="6" rowspan="2"> <img src="images/03_121.jpg" alt="" width="91" height="34" border="0" usemap="#Map14"></td>
		
    <td colspan="8" rowspan="2"> <img src="images/03_122.jpg" alt="" width="96" height="34" border="0" usemap="#Map15"></td>
		
    <td colspan="6"> <img src="images/03_123.jpg" alt="" width="115" height="24" border="0" usemap="#Map16"></td>
		
    <td colspan="12"> <img src="images/03_124.jpg" alt="" width="121" height="24" border="0" usemap="#Map17"></td>
		<td colspan="5">
			<img src="images/03_125.jpg" width="113" height="24" alt=""></td>
		<td colspan="5">
			<img src="images/03_126.jpg" width="89" height="24" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="24" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="images/03_127.jpg" width="29" height="10" alt=""></td>
		
    <td colspan="7" rowspan="2"> <img src="images/03_128.jpg" alt="" width="114" height="29" border="0" usemap="#Map18"></td>
		
    <td colspan="10" rowspan="2"> <img src="images/03_129.jpg" alt="" width="126" height="29" border="0" usemap="#Map19"></td>
		
    <td colspan="3" rowspan="2"> <img src="images/03_130.jpg" alt="" width="72" height="29" border="0" usemap="#Map20"></td>
		
    <td colspan="3" rowspan="2"> <img src="images/03_131.jpg" alt="" width="54" height="29" border="0" usemap="#Map21"></td>
		<td rowspan="2">
			<img src="images/03_132.jpg" width="1" height="29" alt=""></td>
		<td colspan="2" rowspan="2">
			<img src="images/03_133.jpg" width="42" height="29" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="10" alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="images/03_134.jpg" width="80" height="19" alt=""></td>
		
    <td colspan="9"> <img src="images/03_135.jpg" alt="" width="152" height="19" border="0" usemap="#Map22"></td>
		<td colspan="11">
			<img src="images/03_136.jpg" width="134" height="19" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="19" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="43" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="6" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="17" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="13" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="32" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="8" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="29" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="13" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="5" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="15" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="31" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="18" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="9" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="7" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="4" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="11" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="14" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="16" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="21" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="4" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="19" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="9" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="20" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="13" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="55" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="8" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="10" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="4" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="21" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="6" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="6" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="4" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="35" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="6" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="21" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="11" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="33" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="10" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="24" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="38" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="8" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="38" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="8" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="41" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
<!-- End ImageReady Slices -->

</body>
</html>
Znaci jos jednom problem je da kad promenim rezoluciju layer bezi u stranu.
Hvala

Poslednja izmena od nixa : 12. 08. 2006. u 05:11.
ucenik je offline   Odgovorite uz citat
Staro 07. 08. 2006.   #6
bluesman
Goran Pilipović
Sir Write-a-Lot
 
Avatar bluesman
 
Datum učlanjenja: 18.05.2005
Lokacija: Beograd
Poruke: 5.450
Hvala: 288
1.247 "Hvala" u 446 poruka
bluesman je osoba koju treba slušatibluesman je osoba koju treba slušatibluesman je osoba koju treba slušatibluesman je osoba koju treba slušatibluesman je osoba koju treba slušatibluesman je osoba koju treba slušatibluesman je osoba koju treba slušatibluesman je osoba koju treba slušatibluesman je osoba koju treba slušati
Pošaljite ICQ poruku za bluesman
Default

Molim te, sledeci put stavi tu stranu negde pa da ljudi pogledaju source, mnogo je bolje nego da postavis source ovde jer je necitko.
__________________
Goran Pilipović a.k.a. Ugly Fingers Bradley f.k.a. bluesman
I don't always know what I'm talking about but I know I'm right!
bluesman je offline   Odgovorite uz citat
Staro 07. 08. 2006.   #7
dee
Domagoj Horvat
Expert
 
Avatar dee
 
Datum učlanjenja: 24.07.2006
Lokacija: Zagreb
Poruke: 502
Hvala: 22
10 "Hvala" u 8 poruka
dee is on a distinguished road
Pošaljite ICQ poruku za dee
Default

tesko ce ovo bit, al ajde...

prije svega, prouci malo sta je to i kako radi relativno pozicioniranje a kako apsolutno. ovo ti je najbolje mjesto za to: http://www.w3.org/TR/CSS2/visuren.html


konkretno ->
postoji nesto sto se zove 'normal document flow', odnosno, to je nacin na koji browser cita i renderira elemente na stranici (tablice, DIVove, Pove itd itd). Elementi koji nisu pozicionirani nekom posebnom deklaracijom, naci ce se na mjestu na stranici redom kako ih browser pronalazi u kodu (ovo je pojednostavljeno receno, naravno). Medjutim, tako dobivene pozicije elemenata mogu se 'zaobici' odnosno izmijeniti. za to postoji vise nacina, a nas ovdje zanimaju dva:


- apsolutno pozicioniranje
- relativno pozicioniranje

apsolutno
kada elementu stavis atribut 'position:absolute;' onda browser to vidi kao da ne postoji u normalnom poretku elemenata vec je iz njega 'izvucen' i pozicioniran prema 'top|right|bottom|left' atributima. Pri tome, 'top|right|bottom|left' vrijednosti su odgovarajuce udaljenosti rubova tog elementa od elementa u kojem se on nalazi (odnosno, njegovog parent elementa). medjutim, da bi parent element mogao biti referenca za pozicioniranje, on sam mora biti nekako pozicioniran (relativno ili pozitivno).

relativno
pozicija relativno pozicioniranih elemenata izracunava se tako sto se prvo izracuna kao da su u normal flow-u, a na tako dobivenu poziciju dodaju se 'top|right|bottom|left' vrijednosti. drugim rijecima, 'top|right|bottom|left' u tom slucaju predstavljaju pomak u odnosu na normal flow.

razlika apsolutnog i relativnog pozicioniranja je i u ponasanju okolnih elemenata (siblings); kod apsolutnog, okolni elementi se ponasaju kao da apsolutno pozicionirani element ne postoji (drugim rijecima, ne ostaje 'rupa' na njegovom mjestu). kod relativnih, rupa ostaje.


u tvom konkretnom primjeru, radi se o slijedecem: npr. tvoj layer id="Layer1" je apsolutno pozicioniran sto znaci da ce njegove koordinate biti odredjene vrijednostima 'top|right|bottom|left' i to u odnosu na njegov parent element (odnosno onaj u kojem se on nalazi). u ovom slucaju, to je <td> odnosno celija tabele u koju si ga stavio. kako smo rekli, da bi neki parent element mogao biti referentan za pozicioniranje elemenata koje sadrzi, i on sam mora biti nekako pozicioniran. zato tom <td>-u jednostavno postavis atribut position:relative. dakle,

HTML kôd:
<td [b] style="position:relative;"[/b]> 
<!-- ImageReady Slices (03.psd) -->
<div id="Layer1" style="position:absolute; left:566px; top:275px; width:175px; height:429px; z-index:1; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000;">
<p><font face="Myriad Pro Light Cond">Mixxx is een programma voor DJ's. 
Het biedt verschillende functies die het leven van de DJ gemakkelijker 
maken.a. beat esitmation, parallele displays en ondersteuning voor 
een groot aantal DJ input controllers. [schermafbeeldingen] Homepage: 
http://surfnet.dl.sourceforge.net</font></p>
<p><font face="Myriad Pro Light Cond">/sourceforge/mixxx/mixxx-1.4.2-win.exe</font></p>
</div>
problem je bio u tome sto nijedan element nije mogao biti referentan za apsolutnu poziciju layera1 i zato je on bio pozicioniran u odnosu na cijeli ekran (body element) pa ti se i njegova pozicija mijenjala ovisno o velicini prozora.
kada si pak njegovom parent elementu stavio position:relative, tada on postaje referenca za pozicioniranje i layer1 se 'veze' uz taj TD i vise ne klizi ovisno o velicini prozora.

naravno, ovo nije nimalo lijepo rjesenje, ali dovoljno je da ilustrira kako ove stvari rade.
__________________
postoje ludosti bez kojih je nemoguce ljudsko dostojanstvo

Poslednja izmena od nixa : 12. 08. 2006. u 05:12.
dee je offline   Odgovorite uz citat
Staro 11. 08. 2006.   #8
ucenik
novi član
 
Datum učlanjenja: 19.04.2006
Poruke: 9
Hvala: 0
0 "Hvala" u 0 poruka
ucenik is on a distinguished road
Default

Ovo ja zovem objasnjenjem. Kad bolje razmislim apsolutno ima smisla. Hvala na iscrpnom odgovoru. Mada kod mene i dalje nece da radi. Pokusao sam sve cak i do toga da sam kopirao tvoj kod umesto mog dela od <td> do </div> i isti problem layeri mi beze kad promenim rezoluciju.
Da nisam jos negde napravio koju gresku a da to nisi video.

A jos jedno pitanje. Ako nemam celijju td kao u ovom slucaju sta ce mi onda biti parent odnosno referenca za relativno pozicioniranje.
ucenik je offline   Odgovorite uz citat
Staro 11. 08. 2006.   #9
dee
Domagoj Horvat
Expert
 
Avatar dee
 
Datum učlanjenja: 24.07.2006
Lokacija: Zagreb
Poruke: 502
Hvala: 22
10 "Hvala" u 8 poruka
dee is on a distinguished road
Pošaljite ICQ poruku za dee
Default

sto bi narod reko -> jebo objasnjenje ako stvar ne radi


u IE-u radi, vjerojatno ti gledas u mozilli pa ne radi. posto je tvoj container (odnosno parent) bas TD, ovaj link objasnjava zasto:

http://www.quirksmode.org/css/mozilla_table.html


Citat:
A jos jedno pitanje. Ako nemam celijju td kao u ovom slucaju sta ce mi onda biti parent odnosno referenca za relativno pozicioniranje.
ako nemas celiju, onda ce ti container za elemente biti neki DIV. Inace, pozicioniranje stvari na stranici pomocu tabela je prevazidjeno (ovo ne znaci da se ne treba i to naucit, naravno!). Uglavnom, najcesce se koristi pozicioniranje pomocu DIVova + CSSa. To je takozvani tableless design. Kod njega, svoj sajt gradis pomocu layera (DIV) kojima preko CSSa odredjujes gdje ce se i kako prikazivati. Takodjer, CSSom odredjujes kako ce se sadrzaj (ili drugi DIVovi) prikazivati unutar njih. Tesko je malo, naravno, da ti objasnim sve u bobu ovako u postu jer ima toga. Link koji sam ti gore dao (u prvom postu) ti je odlican start za ove stvari.

evo ti recimo jedan link gdje mozes na primjerima vidjet kako to izgleda bez tabela ->

http://www.maxdesign.com.au/presentation/page_layouts/
__________________
postoje ludosti bez kojih je nemoguce ljudsko dostojanstvo
dee je offline   Odgovorite uz citat
Odgovori


Alati teme
Način prikaza

Pravila pisanja
Možete ne započinjati nove teme
Možete ne slati odgovore
Možete ne slati priloge
Možete ne izmeniti svoje poruke
vB kôd je Uključen
Smajliji su Uključen
[IMG] kod je Uključen
HTML kôd je Isključen
Pogledajte forum

Slične teme
Tema Početna poruka teme Forum Odgovori Poslednja poruka
Mali problem sa Z-indexom u IE ljtruba (X)HTML, JavaScript, DHTML, XML, CSS 10 27. 08. 2010. 12:23
JS: Dohvatiti varijednost id atributa u anchors tagovima koji imaju class='selected'? mb_sa (X)HTML, JavaScript, DHTML, XML, CSS 5 28. 12. 2009. 01:14
mali problem mirko Sva početnička pitanja 8 14. 10. 2007. 15:18
Mali problem sa ie (neznam kako da opisem) cvele (X)HTML, JavaScript, DHTML, XML, CSS 4 29. 11. 2006. 18:59
Mali problem, popup Ilija Studen (X)HTML, JavaScript, DHTML, XML, CSS 3 19. 10. 2005. 17:20


Vreme je GMT +2. Trenutno vreme je 06:57.


Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.
Mišljenja, saveti, izjave, ponude ili druge informacije ili sadržaji nastali na Sajtu su vlasništvo onoga ko ih je kreirao, a ne DevProTalk.com, tako da ne morate da se oslanjate na njih.
Autori poruka su jedini odgovorni za ovakve sadržaje. DevProTalk.com ne garantuje tačnost, kompletnost ili upotrebnu vrednost informacija, stavova, saveta ili datih izjava. Ne postoje uslovi pod kojima bi mi bili odgovorni za štetu ili gubitak koji je posledica bilo čijeg oslanjanja na nepouzdane informacije, ili bilo kakve informacije nastale kroz komunikaciju između registrovanih članova.
Web sajt može sadržavati linkove na druge web sajtove na Internetu ili neke druge sadržaje. Ne kontrolišemo niti podržavamo te druge web sajtove, niti smo pregledali bilo kakve sadržaje na takvim sajtovima. Mi nećemo biti odgovorni za legalnost, tačnost ili prikladnost bilo kog sadržaja, oglasa, proizvoda, usluga ili informacije lociranim na ili distribuiranih kroz druge web sajtove, niti za bilo kakvu štetu nastalu kao posledica takvih informacija. DevProTalk.com drži i čuva druga prava vlasništva na web sajtu. Web sajt sadrže materijale zaštićene copyright-om, zaštitne znakove i druge informacije o pravu vlasništva ili softver. Članovi mogu poslatu informacije zaštićene pravima vlasništva njihovih nosilaca i ona ostaju zaštićena bez obzira da li su oni koji prenose te informacije to naveli ili ne. Osim informacija koje su u javnom vlasništvu ili za koje dobijete dozvolu, nemate pravo da kopirate, modifikujete ili na bilo koji način menjate, objavljujete, prenosite, distribuirate, izvršavate, prikazujete ili prodajte bilo koju informaciju zaštićenu pravima vlasništva. Slanjem informacija ili sadržaja na bilo koji deo DevProTalk.com, Vi automatski dozvoljavate i predstavljate garanciju da imate pravo da dozvolite DevProTalk.com ili članovima DevProTalk.com bespovratnu, kontinualnu, neograničenu, globalnu dozvolu da koriste, kopiraju, izvršavaju, prikazuju i distribuiraju takve informacije i sadržaje i da iz takvih sadžaja koriste bilo koji deo u bilo koje svrhe, kao i pravo i dozvolu da koriste gore navedene sadržaje. Svi zaštitni znakovi (trademarks), logotipi, oznake usluga, firme ili imena proizvoda koji se pominju na ovom web sajtu su vlasništvo kojim raspolažu njihovi vlasnici.