Back To Website Design Forum

tables and include files

  • olm75
  • Proficient
  • Proficient
  • No Avatar
  • Joined: Aug 07, 2005
  • Posts: 294
  • Status: Offline

Post November 29th, 2007, 3:45 pm

no im having trouble editing it im just trying to make a template for now of the photoshop design and the with a template i can just add editable regions and then include files and use for other pages....i also have programs like webassist now that adds forms into your pages and easier if your pages are templates, but im mostly having trouble with getting the footer to move or expand when the above divs are expanded. please help with advise thanks dude...im new to the css div world and trying to practice designing and implementing some sites now using divs and tables inside divs for now with css
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post November 29th, 2007, 3:45 pm

  • olm75
  • Proficient
  • Proficient
  • No Avatar
  • Joined: Aug 07, 2005
  • Posts: 294
  • Status: Offline

Post November 29th, 2007, 4:52 pm

im trying to make the footer move when the body or and div expands...
i know i need to change some of the css and get ride of some of the black spaces...but can anyone help

Code: [ Select ]
<html>
<head>
<title>index3</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Styles (index3.psd) -->
<style type="text/css">
<!--

#Table_01 {
    position:absolute;
    left:0px;
    top:0px;
    width:775px;
    height:735px;
}

#container {
    position:absolute;
    left:0px;
    top:0px;
    width:25px;
    height:667px;
}

#logo {
    position:absolute;
    left:25px;
    top:0px;
    width:175px;
    height:98px;
}

#container003 {
    position:absolute;
    left:200px;
    top:0px;
    width:254px;
    height:98px;
}

#topNav {
    position:absolute;
    left:454px;
    top:0px;
    width:297px;
    height:98px;
}

#container005 {
    position:absolute;
    left:751px;
    top:0px;
    width:24px;
    height:667px;
}

#index3-06 {
    position:absolute;
    left:25px;
    top:98px;
    width:725px;
    height:12px;
}

#container007 {
    position:absolute;
    left:750px;
    top:98px;
    width:1px;
    height:569px;
}

#header {
    position:absolute;
    left:25px;
    top:110px;
    width:550px;
    height:233px;
}

#search {
    position:absolute;
    left:575px;
    top:110px;
    width:175px;
    height:263px;
}

#navMenu {
    position:absolute;
    left:25px;
    top:343px;
    width:550px;
    height:30px;
}

#featuredHomes {
    position:absolute;
    left:25px;
    top:373px;
    width:174px;
    height:294px;
}

#index3-12 {
    position:absolute;
    left:199px;
    top:373px;
    width:376px;
    height:294px;
}

#index3-13 {
    position:absolute;
    left:575px;
    top:373px;
    width:175px;
    height:216px;
}

#container014 {
    position:absolute;
    left:575px;
    top:589px;
    width:175px;
    height:1px;
}

#index3-15 {
    position:absolute;
    left:575px;
    top:590px;
    width:175px;
    height:77px;
}

#footer {
    position:absolute;
    left:0px;
    top:667px;
    width:775px;
    height:68px;
}

-->
</style>
<!-- End ImageReady Styles -->
</head>
<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<!-- ImageReady Slices (index3.psd) -->
<div id="Table_01">
    <div id="container">
        <img src="templates/images/container.jpg" width="25" height="667" alt="">
    </div>
    <div id="logo"><img src="templates/images/logo.jpg" width="175" height="98" alt=""></div>
<div id="container003">
        <img src="templates/images/container-03.jpg" width="254" height="98" alt="">
    </div>
    <div id="topNav">
        <img src="templates/images/topNav.jpg" width="297" height="98" alt="">
    </div>
    <div id="container005">
        <img src="templates/images/container-05.jpg" width="24" height="667" alt="">
    </div>
    <div id="index3-06">
        <img src="templates/images/index3_06.jpg" width="725" height="12" alt="">
    </div>
    <div id="container007">
        <img src="templates/images/container-07.jpg" width="1" height="569" alt="">
    </div>
    <div id="header"><!-- TemplateBeginEditable name="header" --><img src="templates/images/header.jpg" width="550" height="233" alt=""><!-- TemplateEndEditable --></div>
<div id="search">
        <img src="templates/images/search.jpg" width="175" height="263" alt="">
    </div>
    <div id="navMenu">
        <img src="templates/images/navMenu.jpg" width="550" height="30" alt="">
    </div>
    <div id="featuredHomes">
        <img src="templates/images/featuredHomes.jpg" width="174" height="294" alt="">
    </div>
    <div id="index3-12"><!-- TemplateBeginEditable name="body" --><img src="templates/images/index3_12.jpg" width="376" height="294" alt=""><!-- TemplateEndEditable --></div>
    <div id="index3-13"><!-- TemplateBeginEditable name="testimonials" --><img src="templates/images/index3_13.jpg" width="175" height="216" alt=""><!-- TemplateEndEditable --></div>
<div id="container014">
        <img src="templates/images/container-14.jpg" width="175" height="1" alt="">
    </div>
    <div id="index3-15">
        <img src="templates/images/index3_15.jpg" width="175" height="77" alt="">
    </div>
    <div id="footer">
        <img src="templates/images/footer.jpg" width="775" height="68" alt="">
    </div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>
  1. <html>
  2. <head>
  3. <title>index3</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. <!-- ImageReady Styles (index3.psd) -->
  6. <style type="text/css">
  7. <!--
  9. #Table_01 {
  10.     position:absolute;
  11.     left:0px;
  12.     top:0px;
  13.     width:775px;
  14.     height:735px;
  15. }
  17. #container {
  18.     position:absolute;
  19.     left:0px;
  20.     top:0px;
  21.     width:25px;
  22.     height:667px;
  23. }
  25. #logo {
  26.     position:absolute;
  27.     left:25px;
  28.     top:0px;
  29.     width:175px;
  30.     height:98px;
  31. }
  33. #container003 {
  34.     position:absolute;
  35.     left:200px;
  36.     top:0px;
  37.     width:254px;
  38.     height:98px;
  39. }
  41. #topNav {
  42.     position:absolute;
  43.     left:454px;
  44.     top:0px;
  45.     width:297px;
  46.     height:98px;
  47. }
  49. #container005 {
  50.     position:absolute;
  51.     left:751px;
  52.     top:0px;
  53.     width:24px;
  54.     height:667px;
  55. }
  57. #index3-06 {
  58.     position:absolute;
  59.     left:25px;
  60.     top:98px;
  61.     width:725px;
  62.     height:12px;
  63. }
  65. #container007 {
  66.     position:absolute;
  67.     left:750px;
  68.     top:98px;
  69.     width:1px;
  70.     height:569px;
  71. }
  73. #header {
  74.     position:absolute;
  75.     left:25px;
  76.     top:110px;
  77.     width:550px;
  78.     height:233px;
  79. }
  81. #search {
  82.     position:absolute;
  83.     left:575px;
  84.     top:110px;
  85.     width:175px;
  86.     height:263px;
  87. }
  89. #navMenu {
  90.     position:absolute;
  91.     left:25px;
  92.     top:343px;
  93.     width:550px;
  94.     height:30px;
  95. }
  97. #featuredHomes {
  98.     position:absolute;
  99.     left:25px;
  100.     top:373px;
  101.     width:174px;
  102.     height:294px;
  103. }
  105. #index3-12 {
  106.     position:absolute;
  107.     left:199px;
  108.     top:373px;
  109.     width:376px;
  110.     height:294px;
  111. }
  113. #index3-13 {
  114.     position:absolute;
  115.     left:575px;
  116.     top:373px;
  117.     width:175px;
  118.     height:216px;
  119. }
  121. #container014 {
  122.     position:absolute;
  123.     left:575px;
  124.     top:589px;
  125.     width:175px;
  126.     height:1px;
  127. }
  129. #index3-15 {
  130.     position:absolute;
  131.     left:575px;
  132.     top:590px;
  133.     width:175px;
  134.     height:77px;
  135. }
  137. #footer {
  138.     position:absolute;
  139.     left:0px;
  140.     top:667px;
  141.     width:775px;
  142.     height:68px;
  143. }
  145. -->
  146. </style>
  147. <!-- End ImageReady Styles -->
  148. </head>
  149. <body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
  150. <!-- ImageReady Slices (index3.psd) -->
  151. <div id="Table_01">
  152.     <div id="container">
  153.         <img src="templates/images/container.jpg" width="25" height="667" alt="">
  154.     </div>
  155.     <div id="logo"><img src="templates/images/logo.jpg" width="175" height="98" alt=""></div>
  156. <div id="container003">
  157.         <img src="templates/images/container-03.jpg" width="254" height="98" alt="">
  158.     </div>
  159.     <div id="topNav">
  160.         <img src="templates/images/topNav.jpg" width="297" height="98" alt="">
  161.     </div>
  162.     <div id="container005">
  163.         <img src="templates/images/container-05.jpg" width="24" height="667" alt="">
  164.     </div>
  165.     <div id="index3-06">
  166.         <img src="templates/images/index3_06.jpg" width="725" height="12" alt="">
  167.     </div>
  168.     <div id="container007">
  169.         <img src="templates/images/container-07.jpg" width="1" height="569" alt="">
  170.     </div>
  171.     <div id="header"><!-- TemplateBeginEditable name="header" --><img src="templates/images/header.jpg" width="550" height="233" alt=""><!-- TemplateEndEditable --></div>
  172. <div id="search">
  173.         <img src="templates/images/search.jpg" width="175" height="263" alt="">
  174.     </div>
  175.     <div id="navMenu">
  176.         <img src="templates/images/navMenu.jpg" width="550" height="30" alt="">
  177.     </div>
  178.     <div id="featuredHomes">
  179.         <img src="templates/images/featuredHomes.jpg" width="174" height="294" alt="">
  180.     </div>
  181.     <div id="index3-12"><!-- TemplateBeginEditable name="body" --><img src="templates/images/index3_12.jpg" width="376" height="294" alt=""><!-- TemplateEndEditable --></div>
  182.     <div id="index3-13"><!-- TemplateBeginEditable name="testimonials" --><img src="templates/images/index3_13.jpg" width="175" height="216" alt=""><!-- TemplateEndEditable --></div>
  183. <div id="container014">
  184.         <img src="templates/images/container-14.jpg" width="175" height="1" alt="">
  185.     </div>
  186.     <div id="index3-15">
  187.         <img src="templates/images/index3_15.jpg" width="175" height="77" alt="">
  188.     </div>
  189.     <div id="footer">
  190.         <img src="templates/images/footer.jpg" width="775" height="68" alt="">
  191.     </div>
  192. </div>
  193. <!-- End ImageReady Slices -->
  194. </body>
  195. </html>
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Joined: Oct 02, 2007
  • Posts: 575
  • Loc: Phoenix, AZ
  • Status: Offline

Post November 30th, 2007, 8:37 am

It's hard to really see what you're talking about without the images, but... are you saying you want the image you're using as the footer to expand when the page expands?

I wouldn't think your page would even be able to expand because you have everything set to fixed widths and absolute positioning.

This might help for starters. Change:
Code: [ Select ]
#Table_01 {
  position:absolute;
  left:0px;
  top:0px;
  width:775px;
  height:735px;
}
  1. #Table_01 {
  2.   position:absolute;
  3.   left:0px;
  4.   top:0px;
  5.   width:775px;
  6.   height:735px;
  7. }

to
Code: [ Select ]
#Table_01 {
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width:775px;
  height:735px;
}
  1. #Table_01 {
  2.   position:relative;
  3.   margin-left:auto;
  4.   margin-right:auto;
  5.   width:775px;
  6.   height:735px;
  7. }

That'll center your page.
phoenix web design
  • olm75
  • Proficient
  • Proficient
  • No Avatar
  • Joined: Aug 07, 2005
  • Posts: 294
  • Status: Offline

Post November 30th, 2007, 9:53 am

ok so how about the footer because right now to get that accomplished i am using a table within a div so when the body expands the footer will to...
and also sometime the page doesnt wanna scroll how can i fix this too...
like here:
http://www.getflap.com/userProperties_Update.php
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Joined: Oct 02, 2007
  • Posts: 575
  • Loc: Phoenix, AZ
  • Status: Offline

Post November 30th, 2007, 10:40 am

olm75 wrote:
ok so how about the footer because right now to get that accomplished i am using a table within a div so when the body expands the footer will to...
and also sometime the page doesnt wanna scroll how can i fix this too...
like here:
http://www.getflap.com/userProperties_Update.php

You should just be able to set the footer width to
Code: [ Select ]
width:100%;

It looks like the page isn't scrolling in IE6.. if you just get rid of that "overflow:visible;" that you have in the body, that should fix it.
phoenix web design
  • olm75
  • Proficient
  • Proficient
  • No Avatar
  • Joined: Aug 07, 2005
  • Posts: 294
  • Status: Offline

Post November 30th, 2007, 3:58 pm

i want to make the footer move with the body when it extends downword...
here is my code all cleaned and filtered up i am trying to learn so here we go:
Code: [ Select ]
<html>
<head>
<!-- TemplateBeginEditable name="doctitle" -->
<title>index3</title>
<!-- TemplateEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Styles (index3.psd) -->
<style type="text/css">
<!--

#container {
    position:absolute;
    left:0px;
    top:0px;
    width:775px;
    height:735px;
}

#left_blank {
    position:absolute;
    left:0px;
    top:0px;
    width:25px;
    height:667px;
}

#logo {
    position:absolute;
    left:25px;
    top:0px;
    width:175px;
    height:98px;
}

#leftBlank {
    position:absolute;
    left:200px;
    top:0px;
    width:254px;
    height:98px;
}

#topNav {
    position:absolute;
    left:454px;
    top:0px;
    width:297px;
    height:98px;
}

#rightBlank {
    position:absolute;
    left:751px;
    top:0px;
    width:24px;
    height:667px;
}

#topLineDivider {
    position:absolute;
    left:25px;
    top:98px;
    width:725px;
    height:12px;
}

#header {
    position:absolute;
    left:25px;
    top:110px;
    width:550px;
    height:233px;
}

#search {
    position:absolute;
    left:575px;
    top:110px;
    width:175px;
    height:263px;
}

#navMenu {
    position:absolute;
    left:25px;
    top:343px;
    width:550px;
    height:30px;
}

#featuredHomes {
    position:absolute;
    left:25px;
    top:373px;
    width:174px;
    height:294px;
}

#body {
    position:absolute;
    left:199px;
    top:373px;
    width:376px;
    height:294px;
}

#testimonials {
    position:absolute;
    left:575px;
    top:373px;
    width:175px;
    height:216px;
}

#constantContact {
    position:absolute;
    left:575px;
    top:590px;
    width:175px;
    height:77px;
}

#footer {
    position:absolute;
    left:0px;
    top:667px;
    width:775px;
    height:68px;
}

-->
</style>
<!-- End ImageReady Styles -->
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>
<body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<!-- ImageReady Slices (index3.psd) -->
<div id="container">
 <div id="logo"><img src="images/logo.jpg" width="175" height="98" alt=""></div>
<div id="leftBlank"></div>
<div id="topNav">
 <?php require_once('../topNav.php'); ?>
</div>
 <div id="rightBlank"></div>
<div id="topLineDivider">
        <img src="images/index3_06.jpg" width="725" height="12" alt="">
    </div>
    <div id="header"><!-- TemplateBeginEditable name="header" --><img src="images/header.jpg" width="550" height="233" alt=""><!-- TemplateEndEditable --></div>
<div id="search"><!-- TemplateBeginEditable name="search" --><img src="images/search.jpg" width="175" height="263" alt=""><!-- TemplateEndEditable --></div>
<div id="navMenu">
        <img src="images/navMenu.jpg" width="550" height="30" alt="">
 </div>
    <div id="featuredHomes"><!-- TemplateBeginEditable name="featuredHomes" --><img src="images/featuredHomes.jpg" width="174" height="294" alt=""><!-- TemplateEndEditable --></div>
 <div id="body"><!-- TemplateBeginEditable name="body" --><img src="images/index3_12.jpg" width="376" height="294" alt=""><!-- TemplateEndEditable --></div>
    <div id="testimonials"><!-- TemplateBeginEditable name="testimonials" --><img src="images/index3_13.jpg" width="175" height="216" alt=""><!-- TemplateEndEditable --></div>

<div id="constantContact"><!-- TemplateBeginEditable name="constantContact" --><img src="images/index3_15.jpg" width="175" height="77" alt=""><!-- TemplateEndEditable --></div>
<div id="footer">
 <?php require_once('../footerNav.php'); ?>
    </div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>
  1. <html>
  2. <head>
  3. <!-- TemplateBeginEditable name="doctitle" -->
  4. <title>index3</title>
  5. <!-- TemplateEndEditable -->
  6. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  7. <!-- ImageReady Styles (index3.psd) -->
  8. <style type="text/css">
  9. <!--
  11. #container {
  12.     position:absolute;
  13.     left:0px;
  14.     top:0px;
  15.     width:775px;
  16.     height:735px;
  17. }
  19. #left_blank {
  20.     position:absolute;
  21.     left:0px;
  22.     top:0px;
  23.     width:25px;
  24.     height:667px;
  25. }
  27. #logo {
  28.     position:absolute;
  29.     left:25px;
  30.     top:0px;
  31.     width:175px;
  32.     height:98px;
  33. }
  35. #leftBlank {
  36.     position:absolute;
  37.     left:200px;
  38.     top:0px;
  39.     width:254px;
  40.     height:98px;
  41. }
  43. #topNav {
  44.     position:absolute;
  45.     left:454px;
  46.     top:0px;
  47.     width:297px;
  48.     height:98px;
  49. }
  51. #rightBlank {
  52.     position:absolute;
  53.     left:751px;
  54.     top:0px;
  55.     width:24px;
  56.     height:667px;
  57. }
  59. #topLineDivider {
  60.     position:absolute;
  61.     left:25px;
  62.     top:98px;
  63.     width:725px;
  64.     height:12px;
  65. }
  67. #header {
  68.     position:absolute;
  69.     left:25px;
  70.     top:110px;
  71.     width:550px;
  72.     height:233px;
  73. }
  75. #search {
  76.     position:absolute;
  77.     left:575px;
  78.     top:110px;
  79.     width:175px;
  80.     height:263px;
  81. }
  83. #navMenu {
  84.     position:absolute;
  85.     left:25px;
  86.     top:343px;
  87.     width:550px;
  88.     height:30px;
  89. }
  91. #featuredHomes {
  92.     position:absolute;
  93.     left:25px;
  94.     top:373px;
  95.     width:174px;
  96.     height:294px;
  97. }
  99. #body {
  100.     position:absolute;
  101.     left:199px;
  102.     top:373px;
  103.     width:376px;
  104.     height:294px;
  105. }
  107. #testimonials {
  108.     position:absolute;
  109.     left:575px;
  110.     top:373px;
  111.     width:175px;
  112.     height:216px;
  113. }
  115. #constantContact {
  116.     position:absolute;
  117.     left:575px;
  118.     top:590px;
  119.     width:175px;
  120.     height:77px;
  121. }
  123. #footer {
  124.     position:absolute;
  125.     left:0px;
  126.     top:667px;
  127.     width:775px;
  128.     height:68px;
  129. }
  131. -->
  132. </style>
  133. <!-- End ImageReady Styles -->
  134. <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
  135. </head>
  136. <body style="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
  137. <!-- ImageReady Slices (index3.psd) -->
  138. <div id="container">
  139.  <div id="logo"><img src="images/logo.jpg" width="175" height="98" alt=""></div>
  140. <div id="leftBlank"></div>
  141. <div id="topNav">
  142.  <?php require_once('../topNav.php'); ?>
  143. </div>
  144.  <div id="rightBlank"></div>
  145. <div id="topLineDivider">
  146.         <img src="images/index3_06.jpg" width="725" height="12" alt="">
  147.     </div>
  148.     <div id="header"><!-- TemplateBeginEditable name="header" --><img src="images/header.jpg" width="550" height="233" alt=""><!-- TemplateEndEditable --></div>
  149. <div id="search"><!-- TemplateBeginEditable name="search" --><img src="images/search.jpg" width="175" height="263" alt=""><!-- TemplateEndEditable --></div>
  150. <div id="navMenu">
  151.         <img src="images/navMenu.jpg" width="550" height="30" alt="">
  152.  </div>
  153.     <div id="featuredHomes"><!-- TemplateBeginEditable name="featuredHomes" --><img src="images/featuredHomes.jpg" width="174" height="294" alt=""><!-- TemplateEndEditable --></div>
  154.  <div id="body"><!-- TemplateBeginEditable name="body" --><img src="images/index3_12.jpg" width="376" height="294" alt=""><!-- TemplateEndEditable --></div>
  155.     <div id="testimonials"><!-- TemplateBeginEditable name="testimonials" --><img src="images/index3_13.jpg" width="175" height="216" alt=""><!-- TemplateEndEditable --></div>
  157. <div id="constantContact"><!-- TemplateBeginEditable name="constantContact" --><img src="images/index3_15.jpg" width="175" height="77" alt=""><!-- TemplateEndEditable --></div>
  158. <div id="footer">
  159.  <?php require_once('../footerNav.php'); ?>
  160.     </div>
  161. </div>
  162. <!-- End ImageReady Slices -->
  163. </body>
  164. </html>
  • olm75
  • Proficient
  • Proficient
  • No Avatar
  • Joined: Aug 07, 2005
  • Posts: 294
  • Status: Offline

Post November 30th, 2007, 4:00 pm

i also wanna put the css in its own file do i just copy and paste it in a css file and include and were do i put it....
excuse me for asking alot but i learn pretty fast...
  • olm75
  • Proficient
  • Proficient
  • No Avatar
  • Joined: Aug 07, 2005
  • Posts: 294
  • Status: Offline

Post November 30th, 2007, 4:13 pm

an the cenering doesnt work in IE...
  • olm75
  • Proficient
  • Proficient
  • No Avatar
  • Joined: Aug 07, 2005
  • Posts: 294
  • Status: Offline

Post November 30th, 2007, 4:25 pm

se im trying to prevent this: http://www.getflap.com/templates/home.dwt.php
from happening
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Oct 30, 2007
  • Posts: 2008
  • Loc: Belgrade, Serbia
  • Status: Offline

Post December 1st, 2007, 3:24 am

copy the css into its own file and call it styles.css or something, and take it out of the HTML. Then link it into your document like this: (the following line goes into the <head> of your HTML).

Code: [ Select ]
<link href="styles.css" rel="stylesheet" type="text/css" />
Eagles may soar in the sky but weasels don't get sucked into jet engines.

celandine designblog
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Joined: Oct 02, 2007
  • Posts: 575
  • Loc: Phoenix, AZ
  • Status: Offline

Post December 1st, 2007, 7:56 am

olm75 wrote:
i want to make the footer move with the body when it extends downword...

To get the footer to always be underneath the rest of the divs, you would need to take it out from inside the container div and put it at the bottom. Then put "clear:both;" in the CSS for the footer.

Part of the problem you're having I think is that Imageready gave you all the code as absolutely positioned with fixed sizes. Try experimenting with removing the "position:absolute;" from your divs to see what effect it has.

Here is a great article about positioning with CSS. It helped me out a ton when I was learning this stuff.
phoenix web design
  • olm75
  • Proficient
  • Proficient
  • No Avatar
  • Joined: Aug 07, 2005
  • Posts: 294
  • Status: Offline

Post December 1st, 2007, 10:48 am

so what you are saying is that i shouldnt use photoshop to do this huh
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • User avatar
  • Joined: Oct 02, 2007
  • Posts: 575
  • Loc: Phoenix, AZ
  • Status: Offline

Post December 2nd, 2007, 8:59 am

olm75 wrote:
so what you are saying is that i shouldnt use photoshop to do this huh

No, I'm not saying that at all. Photoshop and Imageready are powerful software, and can be great tools to help with building a web page.

All I'm saying is that if you just take whatever code Imageready gives you, you're always gonna have issues trying to get it to do exactly what you want. With a little knowledge of CSS positioning and the box model, though, you could make a few quick changes to the Imageready code and have complete control.
phoenix web design
  • olm75
  • Proficient
  • Proficient
  • No Avatar
  • Joined: Aug 07, 2005
  • Posts: 294
  • Status: Offline

Post December 2nd, 2007, 11:28 am

do u have any tutorials that may assist me because this is very frustrating working with divs layers...
  • celandine
  • Mastermind
  • Mastermind
  • User avatar
  • Joined: Oct 30, 2007
  • Posts: 2008
  • Loc: Belgrade, Serbia
  • Status: Offline

Post December 3rd, 2007, 3:01 am

http://www.w3schools.com/css/default.asp
Eagles may soar in the sky but weasels don't get sucked into jet engines.

celandine designblog
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post December 3rd, 2007, 3:01 am

1, 2, 3, 4

Post Information

  • Total Posts in this topic: 46 posts
  • Users browsing this forum: No registered users and 69 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.