Vertical-align problem in css?

Hi everyone
This is my id selector code within the css file of my air app which i'm using in a div:
    border-color:black;
    border-style:solid;
    border-width:1px;
    height:100%;
    width:15%;
    float:left;
    vertical-align:baseline;
I have no idea why the verticle-align is not working as it would do in safari, which uses the same rendering as air??
Can anyone help with this PLEASE! It has been giving me serious heart ache!!!!! and can't find anything on it anywhere!!!!!
Thank you all in advance
IrishAIRMax

Here is a better description of my problem and also the solution finally!!!. I haven't tried the solution yet --- waiting for my thinkpad to crazy with the scrolling!
http://blog.jonschneider.com/2008/03/workaround-thinkpad-gets-into-always.html
Spoke to soon --- just had the scrolling problem and pressed the middle button the problem with the scrolling got resolved!
Message Edited by utharay on 02-08-2009 07:57 AM
Message Edited by utharay on 02-08-2009 07:58 AM

Similar Messages

CSS vertical-align problem

I cant figure out why the valign isnt working on my page..
http://www.v4.skiingbc.info/pages/skiarea2.php?Name=Test1212&TrailMaps=X&FS=√&LP=√
CSS Sheet:
http://v4.skiingbc.info/v4.css
I want all text to be middle aligned in the table cells... If
someone could take a look at the code that would be really
appreciated..
In Dreamweaver the text is middle aligned, it just doesnt
work in IE7

You have this on the page:
<td height="79"
<valign="top">
try changing it to thos:
<td height="79" valign="top">
you also have this:
<option selected="selected">Select Card
Type</option>
option selected>Search By Card Type
</option>
make it like this:
<option selected="selected">Select Card
Type</option>
Ken Ford
Adobe Community Expert
Fordwebs, LLC
http://www.fordwebs.com
"Monica101" <[email protected]> wrote in
message news:f0foos$n7u$[email protected]..
> I've got text in a table that won't align at the top:
>
> <td height="79"valign="top"><table width="150"
border="0" cellpadding="0"
> cellspacing="0" class="Side_Links">
>
> It looks fine in Dreamweaver, but displays verticaly in
the center of the
> table. I've been working in Dreamweaver for years and
never had this problem. I
> tried fixing it w/ css:
>
> vertical-align: top;
>
> This didn't work either.
>
> Page:
>
>
http://www.capitalinternet.com/~mycredit/template.php
>
> Thanks!
>
>

Table vertical alignment problem

Hi,
I wonder if someone can take a look at this page
www.fitnessworld.ca/corplist.html and tell me what needs to be
fixed to make the first column of words start at the top, aligned
with the column next to it.
If you have a solution, could you provide the right code in
the right place?
thanks
Text

The verticle alignment is set to "default". This means the
text starts at the middle and works up and down. If there is more
text in one colums than the other then this is the result. Set the
verticle alignment to Top for both and you're set. You can do it in
the properties inspecter.
Andy

What does vertical-align in CSS do?

Hi
I thought it meant that any text in the DIV would be, for
example, lined up down the bottom of the DIV if the vertical-align
was set to baseline. But that doesn't seem to be the case. So what
does vertical-align control in CSS?
Cheers
Shaun

celebritymusic wrote:
> Hi
>
> I thought it meant that any text in the DIV would be,
for example,
> lined up down the bottom of the DIV if the
vertical-align was set to
> baseline. But that doesn't seem to be the case. So what
does
> vertical-align control in CSS?
http://www.w3.org/TR/REC-CSS1#vertical-align
Thierry
Articles and Tutorials:
http://www.TJKDesign.com/go/?0
The perfect FAQ page:
http://www.TJKDesign.com/go/?9
CSS-P Templates:
http://www.TJKDesign.com/go/?1
CSS Tab Menu:
http://www.TJKDesign.com/go/?3

Tabbed panel widget vertical alignment

In IE9, Chrome and Mozilla I have a vertical alignment problem in all browsers with the labels of a tabbed panel widget when sub-element positioning is set to horizontally-centererd or horizontally-top aligned.
Also this tabbed panel in IE9 has a 50% opacity whereas in Chrome and Mozilla it is shown as expected.
Please press the horn icon on my website http://www.timberexpert.gr to see the problem.
I am frustrated! Please recommend a solution.

IE9
Mozilla
I have drawn a horizontal yellow line to show vertical alignment of tabbed legends

Can table cell vertical alignment be defined via CSS?

In a table cell (ie, "td") is there a way to define "valign" via CSS, instead of the table cell proper?
In other words, instead of...
<table>
<tr>
<td valign="top">
...is it possible to do :
<table>
<tr>
<td class="top">
...and somehow let the stylesheet define the vertical alignment?
I'm asking because none of the attribute presets in Dreamweaver CS4 seem to provide for vertical alignment. Everything else on God's green earth seems to be there, but table cell vertical alignment seems to be the ONLY thing CSS forgot about.

How about giving the class "top": text-align:center. Or even the tag "td" in your stylesheet. Does that help?
John

Basic questions about word spacing and vertical alignment with CSS

I'm sill very new to Dreamweaver and web page designing. I've
read the entire manual SC3, one book, and starting another but I
have almost 0 practice.
Q1. so far I haven't been able to produce the effect of the
Word Spacing property. I tried all kinds of tests and I don't know
in what scenario this effect will show. Can someone give me a
simple example that shows the effect of this CSS property.
Q2. Vertical Alignment: this works well with images inserted
into text but I also expected this to work with text against other
text. For example I typed TEST© and assigned a different SCC
style to the © so that I can make it smaller and put it up
with the Vertical Alignment property. Surprisingly this propery
didn't produce any effect. How is htis suppose to be done?

> This is some text. This is some text.
You forgot to wrap your text in <p> tags so the style
rule you created
doesn't apply.
Walt
"emil emil" <[email protected]> wrote in
message
news:[email protected]...
>
quote:
Originally posted by:
Newsgroup User
> i don't know about Q1. but for Q2. just delete what you
already have for
> the copyright symbol, and then insert the copyright
special character.
> there's a couple ways to do it: on the main menu at the
top of the
> window, go to Insert, then HTML, then Special
Characters, and select
> Copyright. or you can also find it in the Insert panel,
which is below
> the menu, under Text. ...
>
>
> Thanks courtney, but that was exactly the way I created
the © character
> and
> like in this text here it needs to be scaled down and
moved up
> independently
> from the surrounding text. Can someone please post a
simple code showing
> the
> effect of the vertical alignment of text in relation to
surrounding text.
>
>
>
quote:
Originally posted by:
Newsgroup User
> Q1
>
> <html>
> <head>
> <style type="text/css">
> p
> {
> word-spacing: 30px
> }
> </style>
> </head>
> <body>
>
> <p>
> This is some text. This is some text.
> </p>
>
> </body>
> </html>
>
>
> Thank you Ken, your code works but not the code
generated from
> Dreamweaver
> when I type in the Design View and assing CSS style to
the p tag. Does
> Dreamweaver have trouble generating properly working
HTML or I'm missing
> something here? Here is the code that Dreamweaver
generates and the word
> spacing doesn't work with it.
>
> <!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>
> <style type="text/css">
> 
> </style>
> </head>
>
> <body>
> This is some text. This is some text.
> </body>
> </html>
>
>
>

Vertically align the table with or with out css

How do I vertically align the table with or with out css?
See the page
http://happynick.com/pjcartthumbnails/pages/bio.html
This page is centered horizontally, but not
vertically.

http://www.apptools.com/examples/tableheight.php
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"happydreamweaver" <[email protected]> wrote
in message
news:fjuajb$dkb$[email protected]..
> How do I vertically align the table with or with out
css?
> See the page
http://happynick.com/pjcartthumbnails/pages/bio.html
> This page is centered horizontally, but not vertically.

Vertical Alignment issue in Safari

I have an issue in Safari displaying content of a table cell as if it's middle aligned and not vertically aligned. It works fine in IE and FF, but not in Safari.
I am using a basic CSS setting for the table cell with vertical-align=top. I have also put in in the td tag valign=top and still have the problem where the content is middle aligned and not top aligned.
Has anyone seen something like this and know what I can do to get it to work?

Do you have a sample or a screenshot that illustrates this?
Check out the Safari Developer's forum for more help; this is mainly used by people who are Users of Safari vs. Web Developers (who should know the difference between browsers).

Vertical Alignment Issue

I have a problem. I've browsed through existing solutions and
haven't found anything that works for me.
I am working on a site that has lots of nested tables. The
navigation bar and some other text are in a column on the left (in
a nested table) and the page content is in a table on the right (in
a nested table). However, the image and text in the left column
continue to migrate down whenever I add too much content in the
right column.
This happens only on page where the height of the content in
the right column exceeds the height of the content in the left.
ALL properties for all tables have the vertical alignment set
to "top" not to "default". Any help would be greatly appreciated. I
am attaching the code for my style.css file.
The page in question is located at
http://www.ssc.coop/science/news.html.
Thank you in advance ... Amy
Text

Yes. I stand corrected. Thanks Murray.
valign="top" is the correct HTML syntax. valign:top is some
invalid hybrid
of HTML & CSS. Regardless, it can't/won't/doesn't work.
Walt
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
> Actually valign:top is nothing. But it's certainly
invalid!
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.dreamweavermx-templates.com
- Template Triage!
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
> ==================
>
>
> "Walt F. Schaefer" <[email protected]> wrote
in message
> news:[email protected]...
>>> valign: top;
>>
>> This is invalid CSS. It is HTML. Yu can't use HTML
code in CSS. Change it
>> to vertical-align: top;
>>
>> Walt
>>
>> "AGrover" <[email protected]> wrote
in message
>> news:[email protected]...
>>>I have a problem. I've browsed through existing
solutions and haven't
>>>found
>>> anything that works for me.
>>>
>>> I am working on a site that has lots of nested
tables. The navigation
>>> bar and
>>> some other text are in a column on the left (in
a nested table) and the
>>> page
>>> content is in a table on the right (in a nested
table). However, the
>>> image and
>>> text in the left column continue to migrate down
whenever I add too much
>>> content in the right column.
>>>
>>> This happens only on page where the height of
the content in the right
>>> column
>>> exceeds the height of the content in the left.
>>>
>>> ALL properties for all tables have the vertical
alignment set to "top"
>>> not to
>>> "default". Any help would be greatly
appreciated. I am attaching the
>>> code for
>>> my style.css file.
>>>
>>> The page in question is located at
>>>
http://www.ssc.coop/science/news.html.
>>>
>>> Thank you in advance ... Amy
>>>
>>>
Text
>>>
>>> td {text-align: left;
>>> valign: top;
>>> font-family:tahoma;
>>> font-size:10px;
>>> color:#919191;
>>> line-height:13px;}
>>>
>>> a {text-decoration:underline;
>>> color:#298EAA;}
>>>
>>> body { margin:0px;padding:0px;}
>>>
>>> ul {margin:0; padding:0; list-style:none}
>>> li {background:url(images/a.gif) center left
no-repeat; margin:0 0 0
>>> 0px;
>>> padding:0 0 0 10px; line-height:16px }
>>> li a { color:#54A5BB}
>>>
>>> .usa span { color:#298EAA}
>>> .copy { color:#BABABA}
>>> .copy a { color:#BABABA; text-decoration:none}
>>> .copy a:hover {text-decoration:underline}
>>> .education { color:#757575}
>>> .team span { color:#54A5BB}
>>> .privacy a { color:#54A5BB}
>>>
>>> .white {color:#ffffff; text-decoration:none}
>>> .arrow_right { margin-right:6px;}
>>>
>>> .form { width:205px;
>>> height:29px;
>>> font-family:tahoma;
>>> font-size:10px;
>>> border-style: solid;
>>> border-width: 1px;
>>> border-color:#9E9E9E;
>>> background-color:#ffffff;
>>> color:#919191;
>>> margin-left:0px;
>>> margin-right:0px;
>>> padding-top:8px;
>>> padding-left:8px;}
>>>
>>> .textarea { width:190px;
>>> height:119px;
>>> font-family:tahoma;
>>> font-size:10px;
>>> border-style: solid;
>>> border-width: 1px;
>>> border-color:#9E9E9E;
>>> background-color:#ffffff;
>>> color:#919191;
>>> margin-left:0px;
>>> margin-right:0px;
>>> padding-top:8px;
>>> padding-left:8px;}
>>>
>>> a:hover{text-decoration:none;}
>>> .a:hover{text-decoration:underline;}
>>>
>>
>>
>
>

Ul.hmb ul alignment problem ie7 and lower only

So to my knowledge the menu on my site works correctly in all other browsers except ie7 and lower. As a last resort I have turned to conditional style sheets for ie7 and previous versions to take care of this problem. Here's a link to my site: http://geekpowwow.com
My style sheets are large and probably a little disorganized so i'll post the relevant rules here. I'll post one ul and if you guys have any thoughts on how to solve this problem please let me know. (I have removed a#li and div.menubaralign from the ie7 css)
<ul id="hardware">
                         <div class="menubaralign">
                              <li><a id="li" href="http://geekpowwow.com/cables/">Cables</a></li>
                              <li><a id="li" href="http://geekpowwow.com/burners/">CD/DVD Burners</a></li>
                              <li><a id="li" href="http://geekpowwow.com/computeraccessories/">Computer Acc.</a></li>
                              <li><a id="li" href="http://geekpowwow.com/computercases/">Computer Cases</a></li>
                              <li><a id="li" href="http://geekpowwow.com/coolingdevices/">Cooling Devices</a></li>
                              <li><a id="li" href="http://geekpowwow.com/processors/">CPU's / Processors</a></li>
                              <li ><a id="li" href="http://geekpowwow.com/harddrives/">Hard Drives</a></li>
                              <li ><a id="li" href="http://geekpowwow.com/headsets/">Headsets</a></li>
                              <li ><a id="li" href="http://geekpowwow.com/keyboards/">Keyboards</a></li>
                              <li ><a id="li" href="http://geekpowwow.com/memory/">Memory</a></li>
                              </div>
                              <div class="menubaralign">
                              <li><a id="li" href="http://geekpowwow.com/mice/">Mice</a></li>
                              <li><a id="li" href="http://geekpowwow.com/monitors/">Monitors</a></li>
                              <li><a id="li" href="http://geekpowwow.com/motherboards/">Motherboards</a></li>
                              <li><a id="li" href="http://geekpowwow.com/powersupplies/">Power Supplies</a></li>
                              <li ><a id="li" href="http://geekpowwow.com/servers/">Servers</a></li>
                              <li ><a id="li" href="http://geekpowwow.com/soundcards/">Sound Cards</a></li>
                              <li ><a id="li" href="http://geekpowwow.com/speakers/">Speakers</a></li>
                              <li ><a id="li" href="http://geekpowwow.com/ssd/">SSD's</a></li>
                              <li ><a id="li" href="http://geekpowwow.com/videocards/">Video Cards</a></li>
                              <li ><a id="li" href="http://geekpowwow.com/webcams/">Web Cams</a></li>
                              </div>
                         </ul>
ul.MenuBarHorizontal ul
     padding: 0;
     list-style-type: none;
     font-size: 100%;
     z-index: 1020;
     cursor: default;
     width: 26em;
     padding-left:1em;
     padding-right:1em;
     padding-bottom:1em;
     background-color:#c7c9cd;
     border:hidden;
ul.MenuBarHorizontal ul li
     margin:0;
     marin:0;
     width: 12em;
     height: 40px;
     border:0;
As you would expect from the code here the drop down is left aligned directly below the menu bar li. Any ideas about why margin-left:-8em won't center, or even move the list from the current position?

HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="iso-8859-1">
<title>Geek PoWWow - </title>
<link href="style.css" rel="stylesheet">
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet">
<link href="myMenu.css" rel="stylesheet">
<script src="SpryAssets/SpryMenuBar.js"></script>
</head>
<body>
<div id="nav-bar">
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a id="home" class="MenuBarItemSubmenu" href="http://geekpowwow.com/"><span>home</span></a></li>
    <li><a id="hardware" class="MenuBarItemSubmenu" href="#"><span>hardware</span></a>
      <ul class="rows2">
        <li><a href="http://geekpowwow.com/cables/">Cables</a></li>
        <li><a href="http://geekpowwow.com/burners/">CD/DVD Burners</a></li>
        <li><a href="http://geekpowwow.com/computeraccessories/">Computer Acc.</a></li>
        <li><a href="http://geekpowwow.com/computercases/">Computer Cases</a></li>
        <li><a href="http://geekpowwow.com/coolingdevices/">Cooling Devices</a></li>
        <li><a href="http://geekpowwow.com/processors/">CPU's / Processors</a></li>
        <li><a href="http://geekpowwow.com/harddrives/">Hard Drives</a></li>
        <li><a href="http://geekpowwow.com/headsets/">Headsets</a></li>
        <li><a href="http://geekpowwow.com/keyboards/">Keyboards</a></li>
        <li><a href="http://geekpowwow.com/memory/">Memory</a></li>
        <li><a href="http://geekpowwow.com/mice/">Mice</a></li>
        <li><a href="http://geekpowwow.com/monitors/">Monitors</a></li>
        <li><a href="http://geekpowwow.com/motherboards/">Motherboards</a></li>
        <li><a href="http://geekpowwow.com/powersupplies/">Power Supplies</a></li>
        <li><a href="http://geekpowwow.com/servers/">Servers</a></li>
        <li><a href="http://geekpowwow.com/soundcards/">Sound Cards</a></li>
        <li><a href="http://geekpowwow.com/speakers/">Speakers</a></li>
        <li><a href="http://geekpowwow.com/ssd/">SSD's</a></li>
        <li><a href="http://geekpowwow.com/videocards/">Video Cards</a></li>
        <li><a href="http://geekpowwow.com/webcams/">Web Cams</a></li>
      </ul>
    </li>
    <li><a id="pcs" class="MenuBarItemSubmenu" href="#"><span>pcs</span></a>
      <ul>
        <li><a href="http://geekpowwow.com/desktops/">Desktops</a></li>
        <li><a href="http://geekpowwow.com/laptopaccessories/">Laptop Acc.</a></li>
        <li><a href="http://geekpowwow.com/laptops-notebooks/">Laptops / Notebooks</a></li>
        <li><a href="http://geekpowwow.com/netbooks/">Netbooks</a></li>
        <li><a href="http://geekpowwow.com/tablets/">Tablets</a></li>
      </ul>
    </li>
    <li><a id="gaming" class="MenuBarItemSubmenu" href="#"><span>gaming</span></a>
      <ul>
        <li><a href="http://geekpowwow.com/nintendo3ds/">Nintendo 3DS</a></li>
        <li><a href="http://geekpowwow.com/nintendods/">Nintendo DS</a></li>
        <li><a href="http://geekpowwow.com/nintendowii/">Nintendo Wii</a></li>
        <li><a href="http://geekpowwow.com/pcgames/">PC</a></li>
        <li><a href="http://geekpowwow.com/playstation3/">Playstation 3</a></li>
        <li><a href="http://geekpowwow.com/sonypsp/">Sony PSP</a></li>
        <li><a href="http://geekpowwow.com/xbox360/">XBOX 360</a></li>
      </ul>
    </li>
    <li><a id="software" class="MenuBarItemSubmenu" href="#"><span>software</span></a>
      <ul class="rows2">
        <li><a href="http://geekpowwow.com/windows/">Windows</a></li>
        <li><a href="http://geekpowwow.com/mac/">Mac</a></li>
        <li><a href="http://geekpowwow.com/linux/">Linux</a></li>
        <li><a href="http://geekpowwow.com/academicsoftware/">Academic Software</a></li>
        <li><a href="http://geekpowwow.com/audioeditingsoftware/">Audio Editing Software</a></li>
        <li><a href="http://geekpowwow.com/businesssoftware/">Business Software</a></li>
        <li><a href="http://geekpowwow.com/communicationsoftware/">Communication Software</a></li>
        <li><a href="http://geekpowwow.com/freeware/">Freeware</a></li>
        <li><a href="http://geekpowwow.com/graphicssoftware/">Graphics Software</a></li>
        <li><a href="http://geekpowwow.com/languagesoftware/">Language Software</a></li>
        <li><a href="http://geekpowwow.com/multimediasoftware/">Multimedia Software</a></li>
        <li><a href="http://geekpowwow.com/simulationsoftware/">Simulation Software</a></li>
        <li><a href="http://geekpowwow.com/videoeditingsoftware/">Video Editing Software</a></li>
        <li><a href="http://geekpowwow.com/webbrowsers/">Web Browsers</a></li>
      </ul>
    </li>
    <li><a id="electronics" class="MenuBarItemSubmenu" href="#"><span>electronics</span></a>
      <ul class="rows2">
        <li><a href="http://geekpowwow.com/apple/">Apple</a></li>
        <li><a href="http://geekpowwow.com/blu-rayplayers/">Blu-Ray Players</a></li>
        <li><a href="http://geekpowwow.com/camcorderaccessories/">Camcorder Acc.</a></li>
        <li><a href="http://geekpowwow.com/camcorders/">Camcorders</a></li>
        <li><a href="http://geekpowwow.com/carelectronics/">Car Electronics</a></li>
        <li><a href="http://geekpowwow.com/cellphones/">Cell Phones</a></li>
        <li><a href="http://geekpowwow.com/digitalcameraaccessories/">Digital Camera Acc.</a></li>
        <li><a href="http://geekpowwow.com/digitalcameras/">Digital Cameras</a></li>
        <li><a href="http://geekpowwow.com/dvr/">Digital Video Recorders</a></li>
        <li><a href="http://geekpowwow.com/dvdplayers/">DVD Players</a></li>
        <li><a href="http://geekpowwow.com/dvdrecorders/">DVD Recorders</a></li>
        <li><a href="http://geekpowwow.com/e-bookreaders/">E-Book Readers</a></li>
        <li><a href="http://geekpowwow.com/gps/">GPS</a></li>
        <li><a href="http://geekpowwow.com/homeaudiospeakers/">Home Audio Speakers</a></li>
        <li><a href="http://geekpowwow.com/projectors/">Projectors</a></li>
        <li><a href="http://geekpowwow.com/telephones-voip/">Telephones / VoIP</a></li>
        <li><a href="http://geekpowwow.com/televisions/">Televisions</a></li>
        <li><a href="http://geekpowwow.com/universalremotes/">Universal Remotes</a></li>
      </ul>
    </li>
    <li><a id="forums" class="MenuBarItemSubmenu" href="http://geekpowwow.com/under-construction/"><span></span></a></li>
</ul>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../../../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../../../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
styles.css
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
html {
    font: 100% Verdana, Geneva, sans-serif;
    overflow-y: scroll;
body {
    background: #0053de url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/header.jpg) no-repeat center top;
#nav-bar {
    background: url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/navbar.gif) repeat-x;
    height: 85px;
    margin-top: 195px;
myMenu.css
/* CSS Document */
ul.MenuBarHorizontal {
    width: 1120px;
    margin: auto;
    font-size: 0.9em;
ul.MenuBarHorizontal li {
    margin: 6px 3px 0 0;
    width: 157px;
ul.MenuBarHorizontal a {
    height: 70px;
ul.MenuBarHorizontal a span {
    visibility: hidden;
ul.MenuBarHorizontal ul {
    padding: 0 10px 10px 10px;
    width: 192px;
    background: #CCC;
ul.MenuBarHorizontal ul.rows2 {
    padding: 0 10px 10px 10px;
    width: 384px;
    background: #CCC;
ul.MenuBarHorizontal ul li {
    margin: 0;
    width: 192px;
ul.MenuBarHorizontal ul a {
    background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/li_blank.gif) no-repeat;
    height: 24px;
ul.MenuBarHorizontal a#home {
    background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/home_button.gi f) no-repeat;
ul.MenuBarHorizontal a#home:hover, ul.MenuBarHorizontal a#home:focus,
ul.MenuBarHorizontal a#home.MenuBarItemHover, ul.MenuBarHorizontal a#home.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a#home.MenuBarSubmenuVisible {
    background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/home_button_ho ver.gif) no-repeat;
ul.MenuBarHorizontal a#hardware {
    background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/hardware_butto n.gif) no-repeat;
ul.MenuBarHorizontal a#hardware:hover, ul.MenuBarHorizontal a#hardware:focus,
ul.MenuBarHorizontal a#hardware.MenuBarItemHover, ul.MenuBarHorizontal a#hardware.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a#hardware.MenuBarSubmenuVisible {
    background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/hardware_butto n_hover.gif) no-repeat;
ul.MenuBarHorizontal a#pcs {
    background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/pcs_button.gif) no-repeat;
ul.MenuBarHorizontal a#pcs:hover, ul.MenuBarHorizontal a#pcs:focus,
ul.MenuBarHorizontal a#pcs.MenuBarItemHover, ul.MenuBarHorizontal a#pcs.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a#pcs.MenuBarSubmenuVisible {
    background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/pcs_button_hov er.gif) no-repeat;
ul.MenuBarHorizontal a#gaming {
    background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/gaming_button. gif) no-repeat;
ul.MenuBarHorizontal a#gaming:hover, ul.MenuBarHorizontal a#gaming:focus,
ul.MenuBarHorizontal a#gaming.MenuBarItemHover, ul.MenuBarHorizontal a#gaming.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a#gaming.MenuBarSubmenuVisible {
    background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/gaming_button_ hover.gif) no-repeat;
ul.MenuBarHorizontal a#software {
    background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/software_butto n.gif) no-repeat;
ul.MenuBarHorizontal a#software:hover, ul.MenuBarHorizontal a#software:focus,
ul.MenuBarHorizontal a#software.MenuBarItemHover, ul.MenuBarHorizontal a#software.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a#software.MenuBarSubmenuVisible {
    background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/Software_butto n_hover.gif) no-repeat;
ul.MenuBarHorizontal a#electronics {
    background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/Electronics%20 _button.gif) no-repeat;
ul.MenuBarHorizontal a#electronics:hover, ul.MenuBarHorizontal a#electronics:focus,
ul.MenuBarHorizontal a#electronics.MenuBarItemHover, ul.MenuBarHorizontal a#electronics.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a#electronics.MenuBarSubmenuVisible {
    background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/Electronics%20 _button_hover.gif) no-repeat;
ul.MenuBarHorizontal a#forums {
    background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/forums_button. gif) no-repeat;
ul.MenuBarHorizontal a#forums:hover, ul.MenuBarHorizontal a#forums:focus,
ul.MenuBarHorizontal a#forums.MenuBarItemHover, ul.MenuBarHorizontal a#forums.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a#forums.MenuBarSubmenuVisible {
    background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/forums%20_butt on_hover.gif) no-repeat;
ul.MenuBarHorizontal a#li:hover, ul.MenuBarHorizontal a#li:focus,
ul.MenuBarHorizontal a#li.MenuBarItemHover, ul.MenuBarHorizontal a#li.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a#li.MenuBarSubmenuVisible {
    background:url(http://geekpowwow.com/wp-content/themes/Geek%20PowWow/images/Spry%20Buttons/li_blank_hover .gif) no-repeat;
@media screen, projection {
    ul.MenuBarHorizontal li.MenuBarItemIE     {
        background: transparent;
Using original SpryMenuBar.js and SpryMenuBarHorizontal.css
Gramps

Bullet point alignment problem

Hi I am having a problem with the alignment when I use bullet points?
the body of the text is aligned so it does not exceed the screen width. But once I enter bullet points it exceeds the right hand side alignment. How do I make the alignment remain the same?
i.e.
blah blah blah blah blah blah
blah blah blah blah blah blah
blah blah blah blah blah blah
blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah blah blah blah blah blah blah Blah
blah blah blah blah blah blah blah blah blah blah blah blah
blah blah blah blah blah blah
blah blah blah blah blah blah
blah blah blah blah blah blah
blah blah blah blah blah blah
I have written codes as
    
</div>
<div id="content">
<p> </p>

<p><strong>What is BioprimeTM – and why do you need it?</strong><br />
BioprimeTM   is a simple, inexpensive soil conditioner which allows farmers to change the nature of soil biology. It is a way to weed out the bad bugs and give the good bugs a boost. The outcome is better soil health, better plant production and better root disease management.
<p><br />
<strong>BioprimeTM</strong>
<ul>
    <li>is made in Perth. </li>
    <li>is backed by trial data from work done in WA.</li>
    <li>does not cost a fortune (per liter and per hectare it is probably the cheapest input you will use this season).</li>
    <li>does not require a leap of faith to use, nor any rocket science to understand what it is and why it works.</li>
</ul>
<p>BioprimeTM was originally developed about 15 years ago for vegetable producers as a way to control root disease. In those days you couldn’t actually prove what was going on, but growers kept buying it because it did what it was intended to do – it stopped root disease.<br />

Below is the complete page code including a doctype, the <head> and <body> tags.
<!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" />
<link href="../CSS/Bio_CSS.css" rel="stylesheet" type="text/css" media="all" />
<script src="../Scripts/swfobject_modified.js" type="text/javascript"></script>
<title>Welomce to Bioscience</title>
<style type="text/css">
body {height:100%;
max-height:100%;
overflow:hidden;
padding:0;
margin:0;
border:0;
#content {
overflow:auto;
position:absolute;
z-index:3;
top:150px;
bottom:20px;
left:270px;
right:0;
background-color: #FFFFCC;
color: #000;
font-size:14px;
* html #content {
top:0;
left:0;
right:0;
bottom:0;
height:100%;
max-height:100%;
width:100%;
overflow:auto;
position:absolute;
z-index:3;
border-top:150px solid #fff;
border-bottom:25px solid #fff;
border-left:270px solid #fff;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-style: normal;
line-height: 25px;
#head {
position:absolute;
margin:0;
top:-2px;
left:-2px;
display:block;
width:100%;
height:150px;
background-position:0 0;
background-repeat:no-repeat;
font-size:4em;
z-index:5;
overflow:hidden;
color:#000;
background-color: #9acc99;
#foot {
position:absolute;
margin:0;
bottom:-3px;
left:2px;
display:block;
width:100%;
height:25px;
font-size:1em;
z-index:5;
overflow:hidden;
color:#fff;
background-color: #66CC99;
text-align: center;
font-family: Verdana, Geneva, sans-serif;
visibility: visible;
#content p {
color: #000;
text-align:justify;
line-height:1.5;
font-family:Verdana, Geneva, sans-serif;
font-size:1em;
padding-top: 0px;
padding-right:40px;
padding-bottom:0px;
padding-left:40px;
width:950px;
#content h1 {
color: #663300;
padding: 0px;
text-indent: 30px;
#content h2 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000;
text-indent: 30px;
#content h3 {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
color: #000;
text-indent: 50px;
* html #left {
position:absolute;
left:0;
top:150px;
bottom:25px;
width:270px;
height: 100%;
#left {
position:absolute;
left:0px;
top:149px;
bottom:20px;
width:270px;
font-size:1em;
z-index:4;
overflow:auto;
background-repeat:no-repeat;
background-color: #9acc99;
color: #663300;
text-align: left;
vertical-align: middle;
background-image: url(../Assets/Side_Background7.jpg);
font-family: Andalus, "Palatino Linotype", "Times New Roman";
#left h2 {
text-indent: 15px;
#left h3 {
text-indent: 30px;
#left ul{
margin:0;
padding:0;
list-style:none;
#left a {
colour#663300;
#left li a:link,#left li a:visited{
padding:0 0;
display:block;
text-decoration:none;
font:Andalus, Georgia, "Times New Roman";
color:#FFFFFF;
#left li a:hover {
background:#306726;
color:#FFF;
#left li a.current,#left li a.current:hover,#left li a.current:active {
color:#663300;
background:#ffffcc;
cursor:default;
* html #left li a.current,#left li a.current:hover,#left li a.current:active,#left li a.current:visited {
color:#663300;
background:#ffffcc;
cursor:default;
#content ul {
margin: 0;
padding: 0 0 12px 55px;
#content li {
margin: 0 0 5px 0;
padding: 0;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
</style>
</head>
<body>
<div id="head"><img src="../Assets/BioLogo.jpg" width="300" height="150" align="left">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="980" height="150" id="FlashID">
    <param name="movie" value="../Assets/Bio_980x150_Banner.swf">
    <param name="quality" value="high">
    <param name="wmode" value="opaque">
    <param name="swfversion" value="6.0.65.0">
    
    <param name="expressinstall" value="../Scripts/expressInstall.swf">
    
    
    <object data="../Assets/Bio_980x150_Banner.swf" type="application/x-shockwave-flash" width="980" height="150">
      
      <param name="quality" value="high">
      <param name="wmode" value="opaque">
      <param name="swfversion" value="6.0.65.0">
      <param name="expressinstall" value="../Scripts/expressInstall.swf">
      
      <div>
        <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.g if" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
      </div>
      
    </object>
    
</object>
</div>
<div id="foot">©2010 Bioscience Pty Ltd, 488 Nicholson Road Forrestdale, WA, 6112, Ph: (08) 9397 2446, Fax: (08) 9397 2447, Email: <a href="mailto:[email protected] ">[email protected] </a></div>
<div id="left">
<ul>
<li>
<h2>
<a href="../index.html">Home</a>
<a href="../Enviro/enviro_acid.html">Environmental</a>
<a href="../Water/water.html">Water</a>
<a href="soil.html" class="current">Soil</a>
</h2>
</li>
<li>
<h3>
<a href="soil_diversity.html">Soil Biodiversity</a>
<a href="soil_microbial.html">Soil Microbial Ecology</a>
<a href="soil_bioprime.html">Bioprime<sup>TM</sup></a>
<a href="soil_orderform.html">Order Form</a>
</h3>
</li>
<li>
<h2>
<a href="../Geotech/geotech.html">Geotechnical</a>
<a href="../Horti/horti.html">Horticultural</a>
<a href="../Analyt/analyt.html">Analytical</a>
<a href="../Research/research.html">Research </a>
<a href="../Products/products.html">Products</a>
</h2>
</li>
</ul>
</div>
<div id="content">
<p> </p>
<p><strong>What is Bioprime<sup>TM</sup> – and why do you need it?</strong><br />
Bioprime<sup>TM</sup>   is a simple, inexpensive soil conditioner which allows farmers to change the nature of soil biology. It is a way to weed out the bad bugs and give the good bugs a boost. The outcome is better soil health, better plant production and better root disease management.<br />
<br><strong>Bioprime<sup>TM</sup></strong></p>
<ul>
<li>is made in Perth. </li>
<li>is backed by trial data from work done in WA.</li>
<li>does not cost a fortune (per liter and per hectare it is probably the cheapest input you will use this season).</li>
<li>does not require a leap of faith to use, nor any rocket science to understand what it is and why it works.</li>
</ul>
<p>Bioprime<sup>TM</sup> was originally developed about 15 years ago for vegetable producers as a way to control root disease. In those days you couldn’t actually prove what was going on, but growers kept buying it because it did what it was intended to do – it stopped root disease.<br />
In the last 10 years there have been many advances in understanding what microbes are in soil, and what they are doing. This has largely come about because of the so-called DNA revolution. By using this DNA technology, we can now see exactly what changes occur in soil microbiology when Bioprime<sup>TM</sup> is applied. <br />
<br> <strong>How is it made ?</strong> <strong></strong><br />
Bioprime<sup>TM</sup> is made by fermentation of molasses using baker’s yeast. This sounds really simple, but there are a number of factors involved to make it work. <br />
The amount of oxygen in the fermentation determines how much alcohol, acid or CO2 is made from the sugar in molasses. Bioprime<sup>TM</sup> is made with the amount of air carefully controlled in order to make a maximum amount of both alcohols and acids. These then condense to form esters.   Bioprime<sup>TM</sup> is full of esters.<br />
With Bioprime<sup>TM</sup> we want lots of yeast, so nutrients are added to make the yeast grow quickly. At the end of the process we have a lot of biomass, because just like in Vegemite, yeast biomass contains a lot of protein and vitamins.<br />
The fermentation which makes Bioprime<sup>TM</sup> doesn’t stop completely, it slows down as it becomes pickled in its own acids. We then arrest the process by bursting the yeast cells, making a stable, long-life product. <br />
<br><strong>How does it work ?</strong><br />
Looking at soil microbiology using DNA shows it is very complex. There are tens of thousands of different species in each gram of soil. There is no point in looking at any single species, for they all seem to come and go with changing seasons and conditions.<br />
Instead we look at the major groups and the diversity within each group. We look at 5 major groups:</p>
<ul>
<li>Proteobacteria:   These are simple, fast growing bacteria (formerly called gram negatives), can dominate anaerobic (no oxygen) environments, live off simple organic matter – they generally don’t do your soil much good.</li>
<li>Fermicutes: More complex, also fast growing (formerly called gram positives), some are important pathogens, can be anaerobic or aerobic, also don’t do soil much good.</li>
<li>Archea: These are tough and ancient life forms, slow growing, but live in extreme environments (hot, salty, acidic etc). Their importance in soil was only realised with DNA methods. They build up to significant numbers in cultivated soil.</li>
<li>Actinobacteria: These are quite complex bacteria which are involved in soil carbon dynamics. They are slow growing but feisty, as they are the chemical warfare specialists in soil. (Most of the antibiotics and drugs we use come from this group). When there are plenty present, root pathogens are suppressed.</li>
<li>Fungi: These are more complex than bacteria, and fall into two groups, the lower fungi are mainly moulds, and the higher fungi, the Dikarya are the mushrooms and the mycorrhyza.</li>
</ul>
<p>The more diverse a soil’s microbial population, the healthier it is. All the above five groups should be present, but because the Actinobacteria and Fungi are beneficial to plant growth, high diversity in these groups is particularly important.<br />
When Bioprime<sup>TM</sup> is added to soil, the Actinobacteria and Dikarya get a boost because they get a dose of vitamins. The proteobacteria get suppressed, firstly because the way they communicate with each other, a process called quorum sensing, is interrupted. Secondly, they can’t grow s easily on the complex esters, but higher bacteria and fungi can.<br />
When we look at the way group diversity changes, we see short term and longer term impacts. In the short term, anaerobic bacteria are quickly suppressed. Then we see Dikarya and Actinobacteria start to build up numbers.<br />
These changes mean the best time to use Bioprime<sup>TM</sup> is when you sow your crop, then again once it is established – at the two to four leaf stage. <br />
In moist soil, grains take a few days to imbibe water and start to germinate. During this time, the presence of proteobacteria can be harmful, as they can feed on the exudates produced by a germinating seed and make a local anaerobic zone in wet soil, slowing down emergence. On the other hand, you want Dikarya active, for within this group are the mycorrhyzal fungi which colonize roots and help plant phosphorous uptake. There is plenty of competition in soil, so the quicker they can colonise the root, the more likely they will persist.<br />
There are a number of important pathogenic organisms which lurk in soil, and they often go unnoticed until stress hits the plant. An important control against pathogens is the Actinobacteria which feed on the pathogens. They also antagonise the simple bacteria which mineralise nitrogen.<br />
So Bioprime<sup>TM</sup> does quite a lot of things, all of which are good for the ability of soil to support healthy plant growth.<br />
<br><strong>How much to use ?</strong><br />
The optimal application rate depends on two important factors, pH and soil organic matter.<br />
Bioprime<sup>TM</sup> works best at a soil pH of 7 – and this is the point of optimal plant nutrient availability. We always advise to lime soil to get it to pH 7 – because we now we realise this is also the point of maximum microbial diversity. <br />
At a pH of 7, you only need to apply 3 liters per hectare at each application to get a maximal response. If the pH is lower, you get a better response by applying more – 5 liters per hectare at pH 4.5 – 5.5, and 4 liters per hectare at pH 5.5 – 6.5.<br />
The amount of organic matter in soil also influences the best application rate, but in a complex way. At low soil organic matter (under 0.5% organic carbon), a low rate works well (but adjusted for pH). If your soil carbon is between 0.5 – 1.5%, it takes a bit more for maximal impact because there is more background microbes living off that carbon, so you apply about 50% more. But if your soil carbon is very good (say 1.5 – 2.5%), you can drop the rate back again. If organic carbon is above 2.5% - you are blessed, and you soil is likely to already be very healthy and it is unlikely Bioprime<sup>TM</sup> will give you a further benefit. The following table summarises the best application rate.</p>
<p align="center">
<table border="4" cellpadding="2" cellspacing="2" width="50%">
<tr>
<td>Application Rates</td>
<td colspan="3">Organic Carbon   </td>
</tr>
<tr>
<td>pH Range</td>
<td>0 - 0.5%</td>
<td>0.5 - 1.5%</td>
<td>1.5 - 2.5%</td>
</tr>
<tr>
<td>4.5 - 5.5</td>
<td>5 L/ha</td>
<td>7.5 L/ha</td>
<td>5 L/ha</td>
</tr>
<tr>
<td>5.5 - 6.5</td>
<td>4 L/ha</td>
<td>6 L/ha</td>
<td>4 L/ha</td>
</tr>
<tr>
<td>6.5 - 7.5</td>
<td>3 L/ha</td>
<td>4.5 L/ha</td>
<td>3 L/ha</td>
</tr>
</table>
<p align="left">
<p><strong>How to apply Bioprime<sup>TM</sup> </strong><br />
If you have a liquid system on your drill rig, it is best to apply Bioprime<sup>TM</sup> as a spray into the drill row after the press wheel. Simply dilute the volume you need in sufficient water to get even spread.<br />
Application with a boom spray just before seeding is an acceptable alternative. Again, simply dilute Bioprime<sup>TM</sup> with water to get even spread.<br />
Once your crop is up and established, the second application can be with a boom spray. Bioprime<sup>TM</sup> is acidic and completely water soluble, so it is compatible with most chemicals (but check first with a jar test).<br />
<br><strong>Bad Start ?</strong><br />
Sometimes the seasons are unkind – sow dry and no rain comes, or too much rain comes and paddocks waterlog. Bioprime<sup>TM</sup> opens an opportunity window for about 3 weeks. If you dry sow and it hasn’t rained in the first three weeks, it is probably worth another application once it rains. Likewise if things get too wet and the crop starts to get stressed and yellow, another application of Bioprime<sup>TM</sup> will help it get back on its feet.<br />
<br><strong>Seeing Bioprime<sup>TM</sup> at work</strong><br />
We always encourage you to sow a bit of your crop without Bioprime<sup>TM</sup> so you can see it at work. You should see earlier emergence, and once the crop is established, compare the root structure between treated and untreated areas. If you believe root structure is important, you will be impressed.<br />
If you want to get into detail, Bioscience provides an assay of soil microbial diversity which is a world first. Send us a 50 g sample of soil (sampled properly from the top 150 mm, and put into a refrigerator and send it to us on ice). We extract the DNA, then measure how many types of microbes are present in significant numbers in each of the 5 major groups. From this we can derive a biodiversity index and a health index. If you are interested in soil biology and soil health, this leading-edge assay can show you how your soil changes from year to year, guiding you with information on what treatments work and what doesn’t.<br />
<br><strong>Is there anything else like Bioprime<sup>TM</sup> ?</strong><br />
There are a number of products which come and go which make claims about improving soil health. They never come with a technical description of what they are, and they never come with field trial data. Usually there are lots of testimonials from someone in Utah or New Delhi, and there are pictures of a guy holding big onions in one hand and small onions in the other.<br />
We take notice when farmers start talking positively about getting a good response from a product, so we go out and buy some and pull it apart in our lab. There are only two we have found which are somewhat similar. TM21, made by Best in Canada is fermented molasses, but it is lot thinner, and poorly stabilised – smells a bit putrid compared to Bioprime<sup>TM</sup> . Vitazyme is made in the USA, but it is fermented corn syrup rather than molasses, but for some odd reason they add vitamin D to it (even though there is no known function for Vitamin D in anything other than higher vertebrates!<br />
But the huge difference is the price. <br />
<br><strong>What does</strong> <strong>Bioprime<sup>TM</sup> Cost and How Do I Get It ?</strong><br />
Getting Bioprime<sup>TM</sup> is easy. You buy it online direct from the manufacturer. It is only sold in 1000L IBC’s for $2 per liter (FOB). <br />
If you have your own IBC’s, drop them off and we will fill them up. If you don’t, you will have to pay $150 for a serviceable second hand one.</p>
<p align="justify"> </p>
<br>
</div>
<script type="text/javascript">

</script>
</body>
</html>

Problem with CSS in ADF 11g application

Hi,
I have added a CSS code for my login page(login.html), The issue i am facing is When ever i am opening the page the complete CSS is not coming for each time one CSS component is coming that's means if there are 4 CSS components as shown below i need to login and logout the page 4times. 5th time i am getting the complete page.
.ESPS_login_body{
background-color:#eef1f8;
margin:0px;
padding:0px;
}.ESPS_login_body *{
margin:0px;
padding:0px;
font-family: Tahoma, Verdana, sans-serif;
.ESPS_login_top_bar{
background-image: url(../skin_images/login_top_bar.png);
background-repeat: repeat-x;
background-position: left top;
height:30px;
I am running the application on firefox3.5.3 version.
Please suggest me
Thanks,

Hi,
Thanks for your quick reply.
MY CSS File:
.ESPS_login_body{
background-color:#eef1f8;
margin:0px;
padding:0px;
}.ESPS_login_body *{
margin:0px;
padding:0px;
font-family: Tahoma, Verdana, sans-serif;
.ESPS_login_top_bar{
background-image: url(../skin_images/login_top_bar.png);
background-repeat: repeat-x;
background-position: left top;
height:30px;
.ESPS_login_bottom_bar{
background-image: url(../skin_images/login_bottom_bar.png);
background-repeat: repeat-x;
background-position: left top;
height:46px;
color:#eeeeee;
text-align:center;
padding-top:9px;
font-size:small;
.ESPS_login_bg{
background-image: url(../skin_images/login_bg_gradient.png);
background-repeat: repeat-x;
background-position: left top;
background-color:#6882cc;
height:594px;
overflow:hidden;
.ESPS_login_content{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../skin_images/login_bg_main.png) no-repeat scroll center top;
color:#4269b6;
height:594px;
overflow:hidden;
.ESPS_login_content_left{
height:594px;
.ESPS_login_content_main{
height:594px;
width:650px;
margin:0px auto;
padding:20px;
.ESPS_login_content_main h1{
margin-top:230px;
margin-left:125px;
color:#4269b6;
.ESPS_login_content_main > h1{
margin-top:210px;
div.ESPS_login_from{
margin-top:20px;
margin-left:245px;
.ESPS_login_input{
background:transparent url( '../skin_images/login_input.png' ) no-repeat scroll center top;
border:none;
margin:0px;
padding-top:4px;
padding-left:7px;
width: 193px;
height: 25px;
.ESPS_login_submit{
display:-moz-inline-box;
display:inline-block;
cursor:pointer;
border:none;
font-size:0;
line-height:0;
text-decoration:none;
font-style:normal;
vertical-align:middle;
background: transparent url("../skin_images/login_go_button_i.png") no-repeat top left;
border: none;
width: 48px;
height: 25px;
margin:0px;
margin-bottom:17px;
div > a.ESPS_login_submit{
margin-bottom:0px;
.ESPS_login_submit:hover{
background: transparent url("../skin_images/login_go_button_highlighted_i.png") no-repeat top left;
.ESPS_login_submit:active{
background: transparent url("../skin_images/login_go_button_pressed_i.png") no-repeat top left;
label.ESPS_label{
display:-moz-inline-box;
display:inline-block;
font-weight:bold;
padding-bottom:8px;
width:110px;
margin-bottom:2px;
div > label.ESPS_label{
padding-bottom:3px;
margin-bottom:2px;
Login Page:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>ESPS Login</title>
<link href="/skins/css/mySkin.css" rel="stylesheet" type="text/css"></link>
</head>
<body class="ESPS_login_body">
<div class="ESPS_login_top_bar">
</div>
<div class="ESPS_login_bg">
<div class="ESPS_login_content">
<div class="ESPS_login_content_main">
<h1>External </h1>
<form name="ESPS_login_form" method="POST" action="j_security_check">
<div class="ESPS_login_from">
<label class="ESPS_label">User Name:</label><input type="text" name="j_username" class="ESPS_login_input" onclick="this.value='';"/>
<label class="ESPS_label">Password: </label><input type="password" name="j_password" class="ESPS_login_input" onclick="this.value='';"/>
<a id="submit" href="#" class="ESPS_login_submit" onclick="document.ESPS_login_form.submit(); return false;">
<span> </span></a>
</div>
</form>
</div>
</div>
</div>
<div class="ESPS_login_bottom_bar">©Copyright 2009, DISH Network L.L.C., all rights reserved.
</div>
</body>
</html>
Please help me

How can I vertically align items that are in different regions

Hello,
I am a novice developer in APEX. I am creating a page which has 4 regions on it. Right now it looks like the following:
----region 1----------------------
label: field label4: field
-----region 2--- region 3--
label: field label45: field
-----region 4---------------------
label:field [one-item-worth-of-space. next item aligned to right of item below]long_label: field
label: field label: field
I am trying to vertically align the items in these regions, in such a way that all the colons are vertically aligned.
I am having a particular alignment problem in region 4, column 2 (item are bold). Both label:field, and long_label:field in region 4 have the same vertical/horizontal alignment option as the rest of the region (right for label, left for field). For some reason, there is one item space between these two items. This space is removed if I switch the two fields.
I would really appreciate any help trying to understand
- how to remove the one-item-equivalent space between two items in region 4
- how to vertically align all these fields in different regions on one page.
I tried to create the original scenario in bold, but the post would not allow space formatting. I apologise if it is difficult to understand
Thank you in advance for your time.
RHaq

This is not the APEX forum. Post your question in this forum:
Oracle Application Express (APEX)

How do I vertically align paragraphs in a page?

I am new to Pages, and I've run across a problem that is really aggravating because it should not be rocket science... but it seems to be, at least for me.
I need to center the text on the page so there is equal white space above and below it.
In Word, you select File --> Page Setup --> Layout --> Vertical Alignment and choose "Center." Done.
How do you do this Pages? I've scoured the manual and online help and can find nothing on this.
Thanks in advance!

Note that the Vertical Alignment does not apply to the Text Layer of a Word Processing document, just to the text in objects that accept text within the shape. For your application you would probably want to add a text box, centered on your page, to hold the text that you want to center.
Regards,
Jerry
Message was edited by: Jerrold Green1

Vertical-align problem in css?

Similar Messages

Maybe you are looking for