Discover Habbo's history
Treat yourself with a Secret Santa gift.... of a random Wiki page for you to start exploring Habbo's history!
Happy holidays!
Celebrate with us at Habbox on the hotel, on our Forum and right here!
Join Habbox!
One of us! One of us! Click here to see the roles you could take as part of the Habbox community!


Page 1 of 2 12 LastLast
Results 1 to 10 of 11

Thread: Html Help +rep

  1. #1
    Join Date
    Sep 2006
    Location
    On Earth
    Posts
    1,373
    Tokens
    0

    Latest Awards:

    Default Html Help +rep

    I'm using dreamweaver 8 (ive broken cs3 mucking about with some .dll's and carnt be bothered to fix it)

    and i was wondering how would i place text over my layout as when ever i do it moves it. Idiotic i know.

    also which is eaiser / better Coding each page indervidually or Making a template...

    or ill hire a coder... offering.... 150 (height pixel) by (600 width pixel) banner at thr bottom of the website..
    thanks

    mousey
    Last edited by mousey; 28-12-2007 at 04:16 PM.
    Posts merged by jesus
    where!

  2. #2
    Join Date
    Aug 2005
    Location
    London
    Posts
    9,773
    Tokens
    146

    Latest Awards:

    Default

    Just use a basic div and position it:
    <div id class="position:absolute; top:123px; left:123px;">Writing</div>
    Change the 123px to the correct amount

  3. #3
    Join Date
    Sep 2006
    Location
    On Earth
    Posts
    1,373
    Tokens
    0

    Latest Awards:

    Default

    ill see if it work's thanks :p

    so i inset my layout (split or unsplit)

    then add that exact text where i need text

    then image shouldnt move?
    Posts merged by jesus
    where!

  4. #4
    Join Date
    May 2006
    Posts
    1,797
    Tokens
    0

    Latest Awards:

    Default

    you need to set the image as a background though :S?
    Coming and going...
    Highers are getting the better of me

  5. #5
    Join Date
    Aug 2005
    Location
    London
    Posts
    9,773
    Tokens
    146

    Latest Awards:

    Default

    Just type that code anyway in between the <body and </body> tags , it'll create a 'layer' on top of all the other code and the typing will above the layout so none of the images should move , You can add height/width varible to the code to make it suite your layout better
    Quote Originally Posted by mousey View Post
    ill see if it work's thanks :p

    so i inset my layout (split or unsplit)

    then add that exact text where i need text

    then image shouldnt move?

  6. #6
    Join Date
    Sep 2006
    Location
    On Earth
    Posts
    1,373
    Tokens
    0

    Latest Awards:

    Default

    I have a background and the layout would this stil work?
    Posts merged by jesus
    where!

  7. #7
    Join Date
    Apr 2005
    Posts
    4,614
    Tokens
    90

    Latest Awards:

    Default

    Yes, the div will just go over the top/

  8. #8
    Join Date
    Sep 2006
    Location
    On Earth
    Posts
    1,373
    Tokens
    0

    Latest Awards:

    Default

    Ok im stuck,, i have no idea what to do ive done the background added my layout ontop

    but the DIV dosnt seem to be doing anything :s

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <div id class="position:absolute; top:380px; left:490px;"></div>
    <style type="text/css">
    <!--
    body {
    background-image: url(file:///C|/Users/Graphic/Documents/V...48e16ef655.png);
    }
    -->
    </style></head>
    <body>
    <div align="center"><img src="file:///C|/Users/Graphic/Documents/Viperbanners/Layout and splash page/Layout copy.png" width="750" height="650" align=</div>
    </div>
    </body>
    </html>

    what i have..
    Last edited by mousey; 28-12-2007 at 06:09 PM.
    Posts merged by jesus
    where!

  9. #9
    Join Date
    May 2006
    Posts
    1,797
    Tokens
    0

    Latest Awards:

    Default

    Try...

    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <div id class="position:absolute; top:380px; left:490px;"></div>
    <style type="text/css">
    <!--
    body {
    background-image: url(file:///C|/Users/Graphic/Documents/V...48e16ef655.png);
    }
    -->
    </style></head>
    <body>
    <div background="file:///C|/Users/Graphic/Documents/Viperbanners/Layout and splash page/Layout copy.png">What text you want over the top of image in here</div>
    </body>
    </html> 
    Coming and going...
    Highers are getting the better of me

  10. #10
    Join Date
    Dec 2007
    Posts
    412
    Tokens
    0

    Default

    position:absoloute = tisk tisk!

Page 1 of 2 12 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •