saiyajin no gunshou (_tumblweed) wrote in component_help,
saiyajin no gunshou
_tumblweed
component_help

layout placement question

I have a new journal, blownuts, that I'm trying to place into a layout ordered by div layers so that the components and entries appear in sync with the background. My components are fine, but no matter what, my entries will not stay put. They keep moving relative to the screen size.

This is the div layer:
.bncontent {
position: absolute;
top: 310px;
left: 350px;
}

and these are my variations on coding for the layout:

function page_layout(Page p) {
 var string title = $p->title();
  """
  <html>
  <head>
    <link rel="stylesheet" href="$p.stylesheet_url" type="text/css"/>
    $p.head_content
    """; $p->print_custom_head(); """
    <title>$title</title>
  </head>
  """;
  
  """<body>
<img src="http://www.vsei.net/gunshou/ljblownuts/ljbnbanner.jpg">
<div class="bncomps">""";
    print_my_components($p);
"""</div>""";


"""<table style="border: 0px; margin: auto; padding: 0px; width:550px;"><tr><td>""";
"""<div class="bncontent">""";

  print_my_entries($p, $title);
"""</div>""";
    """</td></tr></table>""";

"""
  </body>
  </html>
  """;
}

that gets me what is currently happing: the components are sized right, but jump all over the screen based on resizing the browser window.

this:
function page_layout(Page p) {
 var string title = $p->title();
  """
  <html>
  <head>
    <link rel="stylesheet" href="$p.stylesheet_url" type="text/css"/>
    $p.head_content
    """; $p->print_custom_head(); """
    <title>$title</title>
  </head>
  """;
  
  """<body>
<img src="http://www.vsei.net/gunshou/ljblownuts/ljbnbanner.jpg">
<div class="bncomps">""";
    print_my_components($p);
"""</div>""";

"""<div class="bncontent">""";

  print_my_entries($p, $title);
"""</div>""";

"""
  </body>
  </html>
  """;
}

gives me components that stretch across the whole page.

and this:
function page_layout(Page p) {
 var string title = $p->title();
  """
  <html>
  <head>
    <link rel="stylesheet" href="$p.stylesheet_url" type="text/css"/>
    $p.head_content
    """; $p->print_custom_head(); """
    <title>$title</title>
  </head>
  """;
  
  """<body>
<img src="http://www.vsei.net/gunshou/ljblownuts/ljbnbanner.jpg">
<div class="bncomps">""";
    print_my_components($p);
"""</div>""";


"""<table style="position: absolute; border: 0px; margin: auto; padding: 0px; width:550px;"><tr><td>""";
"""<div class="bncontent">""";

  print_my_entries($p, $title);
"""</div>""";
    """</td></tr></table>""";

"""
  </body>
  </html>
  """;
}

puts them in the right place, but super-deforms them and makes them only about 200px wide. This is driving me up a wall! Please, somebody help?

And while I'm asking questions, I also can't for the life of me figure out how to make the text in my profile wrap around the icon. I know that's something basic, like an align tag somehow, but I can't get it to work for $p.journal.default_pic. I tried searching the comm, but I flipped back through a month of entries and couldn't find it. EDIT: 10:18pm EST: got that part. still stuck on the above mess.
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

  • 2 comments