Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 13
  1. #1
    Junior Member WebMasterMiller's Avatar
    Join Date
    Apr 2005
    Posts
    12
    Member #
    9771
    I have been working on this site for a friend of mine. I realize that i am like fake coding some of it, but i centered the site on the page, and texted that i created a new layer for is staying absolute center on the page. Which means that whether the window is full sized or shrukened down that text stays in the same position.

    I dont really know what to do, and i am not really sure this is the right section to put this message in. However if anyone knows how to help me out here, i would greatly appreciate it, thanks.

  2.  

  3. #2
    Senior Member Trico's Avatar
    Join Date
    Feb 2004
    Location
    Nottingham, UK
    Posts
    894
    Member #
    5081
    Could you post a link/url or upload the necessary files in a .zip folder?

  4. #3
    Senior Member rosland's Avatar
    Join Date
    Jul 2003
    Location
    Norway
    Posts
    1,944
    Member #
    2096
    If you made that "layer" (which is DW name for a 'DIV'), then DW places it with absolute positioning (which is the only thing it knows how to do). That means it's not fluid, but will stay X-amount of pixels from a defined point (top left corner I think, might be wrong).

    If you show that page on a different solution than your work area, it will not be centered anymore. It will just be the same 255px or whatever, from the left side.
    S. Rosland

  5. #4
    Junior Member WebMasterMiller's Avatar
    Join Date
    Apr 2005
    Posts
    12
    Member #
    9771
    so i have used JPEG images to create boxes in dreamweaver, is there anyother way that you know to place text over it, without making the text part of the image (JPEG). I am not sure if that makes sense but i would appreciate the help, thanks.

  6. #5
    Senior Member rosland's Avatar
    Join Date
    Jul 2003
    Location
    Norway
    Posts
    1,944
    Member #
    2096
    Certainly!

    I'm not the best designer around here, so hopefully Trico, Brak or some other design/CSS experts can supply some better solutions. (CSS can accomplish almost anything imaginable if you master it (which I don't))

    You can take a look at your DW produced JPEG layer and have a look at the width/height values there. You can copy those to your next layer.
    If you delete the position:absolute; left:###px; top:###px; and just add an align="center" before style=".., your DIV will align center (regardless of resolution). However, if you want your layer to align relative to something else on your page, you have to use a relative positioning attribute.

    You can add layers on top of the image-layer, and give them different "Z" indexes. That is basically telling the browser which layer is on the bottom, which layer comes next, etc.

    With regard to positioning the next layers, there are a lot of options. Not beeing fully CSS qualified (I'm primarily into coding), I'll try to avoid cluttering up better solutions.

    If, as Trico pointed out, you provide a link to your pages so far, or (if not published yet) an attachment containing your code, then that will provide a better foundation for giving you advice, and pointing you in the right direction.

    Best of luck.
    S. Rosland

  7. #6
    Junior Member WebMasterMiller's Avatar
    Join Date
    Apr 2005
    Posts
    12
    Member #
    9771
    k, i am not sure all that i am suppose to send so i am sending the index of the site, if there is more i will send it.

  8. #7
    Senior Member rosland's Avatar
    Join Date
    Jul 2003
    Location
    Norway
    Posts
    1,944
    Member #
    2096
    As your previous post contained no attachments (or links), I encourage you to try again.

    Obviously, your index page is only interesting if that's where your problems reside.
    If it's on a different page, then "different page" is the one you should submit.

    If you have problems figuring out how to upload attachments, then just write the link to the trouble page in clear text.
    If it's still on the "drawing-board" (hasn't been published yet), then you obviously need to attach it. If you can't figure out how, then please say so, and we'll assist.
    S. Rosland

  9. #8
    Junior Member WebMasterMiller's Avatar
    Join Date
    Apr 2005
    Posts
    12
    Member #
    9771
    k, i tried sending all the files i have for this site, but it is not all working. The pics keep coming up as "X" marks, not sure why. So i sent the frontpage over for you can get the general idea of what my problem is.

    To give you a quick over view, the text is absolutly positioned (done naturally by Dreamweaver) and i need to find a way outside of layering it to put text over the JPEG images.

    I will continue to try and send the complete link over, hoping this helps some.

    Thanks for your help.

  10. #9
    Senior Member Trico's Avatar
    Join Date
    Feb 2004
    Location
    Nottingham, UK
    Posts
    894
    Member #
    5081
    I don't know how familiar you're with Dreamweaver, but you're going to need to get dirty with some of the code to make these changes.

    Instead of trying to layer all of your content on top of the layout, it would be easier to include them side by side. Take the highlighted line in the following example. To make space for the written content we need to clear that cell.

    Code:
    ...<!--DWLayoutTable-->
      <tr> 
        <td width="170" rowspan="2" valign="top"><img src="pics/wowupdate.jpg" width="171" height="500"></td>
         <td width="560" height="328" valign="top"><img src="pics/newsupdates2.jpg" width="560" height="328"></td>
        <td width="170" valign="top"><img src="pics/photooftheday.jpg" width="171" height="328"></td>
      </tr>...
    That's done by applying your image as a background and deleting the original image, essentialy you're just moving a few pieces over to the left, but this allows for other things to be placed on top. (see example below)

    Code:
    <td width="560" height="328" valign="top" background="pics/newsupdates2.jpg"> </td>
    At that point you delete all of Dreamweaver's absolute positioning and you cut & paste everything inside the <td></td> shown on the above example.

    Your final code will look like this:
    Code:
    ...<table width="901" height="563" border="0" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr> 
        <td width="170" rowspan="2" valign="top"><img src="pics/wowupdate.jpg" width="171" height="500"></td>
        <td width="560" height="328" valign="top" background="pics/newsupdates2.jpg"> 
          <div style="margin: 20px;"> 
            <p align="justify"><font face="Verdana, Arial, Helvetica, sans-serif">This 
              is the first post of the Mannoroth guild, THE ETERNAL AVATARS. The first 
              offical member is Malikra (level 41 Orc Warlock). <br>
              <br>
              A quick rundown of our guilds beginnings, our leadership cast hails 
              from the Warriors of Apocolypes. The other tenative leaders are; Rolande 
              (level 49 Tauren Shaman), Florey (level 43 Troll Hunter), and Wiseman 
              (level 23 Tauren Druid). </font></p>
            <p align="justify"><font face="Verdana, Arial, Helvetica, sans-serif">We 
              are currently accepting applications to join THE ETERNAL AVATARS. You 
              can either apply here or go to our forums, either way good luck.</font><br>
            </p>
            <hr>
            <div align="right"><font size="-3">Post made by Malikra, 26 April, 2005 
              13:02 </font> </div>
          </div></td>
        <td width="170" valign="top"><img src="pics/photooftheday.jpg" width="171" height="328"></td>
      </tr>
      <tr> 
        <td height="81">&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>...
    I've already done a version with this ammendment that you can download to see how it was done. You will need to apply the same technique for other instances of text.

    Trico

  11. #10
    Junior Member WebMasterMiller's Avatar
    Join Date
    Apr 2005
    Posts
    12
    Member #
    9771
    Thank you very much, it was getting me very frusterated, not being able to figure it out. Once again, thank you very much.


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 02:07 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com