16 replies [Last post]
sambkk
Offline
Regular
Last seen: 13 years 11 weeks ago
Timezone: GMT-5
Joined: 2006-04-15
Posts: 27
Points: 0

Hi all.
I am really hoping that someone can point me in the right direction with my problem.

I am doing a site that uses css and php.

I am trying to use a select box that gets its contents from the database.

when I made the page layout in css I styled the select box in the webpage as so:

[indent][/indent]


[indent][/indent]
Product Type
Product Type2

a div that holds the select box + the select box

in the css file I wrote this:

#tmphldr
{
float: left;
width: 160px;
height: 22px;
line-height: 22px;
border: 1px solid White;
background-color: #FFBFDC;
margin-top: 2px;
margin-left:15px;
margin-right: 5px;
text-align: center;
color: #ba2742;
}

and

.x {
width: 160px;
height: 18px;
margin-top: 1px;

border: 1px solid #ba2742;
font-size: 12px;
color: #ba2742;
}

now using these values gave me what I wanted with both mozilla and IE.

then I (my partner) added the php code to the webpage and the code for the select box looks like this now:




<?=DBDropDownListOnChange("select pk_id, line_name from line order by line_name", "line_name", "pk_id", "id", $line_id, "product.php","-- LINE Names --", "x")?>

Now the select box works fine, the data comes in as required, but in IE the surrounding div

has now expanded downwards, roughly doubling its size.

I cant figure how to make it look as it was supposed to.

Can anyone offer any advice?

Thanks

Sami

mod edit/ code tags added to form some semblance of meaning, please check the stickies and help info under the text box on how to format posted code, thanks.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 50 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Hi

Hi

You need to get a handle on how to insert code (use the button above the post section that looks like this < >).

Your post doesn't make much sense. Can you post a live url with the code in action (even if it is a html dump of the php output page) so we can see the problem live. It is much easier that way.

sambkk
Offline
Regular
Last seen: 13 years 11 weeks ago
Timezone: GMT-5
Joined: 2006-04-15
Posts: 27
Points: 0

thanks for the reply

Hi ClevaTreva,
thanks for the reply.

I was looking for the button to paste the code with properly, I just couldnt find it (it was like 3.30 am) so sorry about that.

Anyway here is the code. its not so pretty, I know, but for this project the only goal for the moment is to get it to work.

The problematic code is at the very bottom. Everything else is fine for now.

the .php page, the code for the select boxes in bold (there are 2):

? ob_start(); session_start(); $pass = false; if($_SESSION['user'] != null and isset($_SESSION['user'])){ $pass = true; } require_once("admin/config.php"); ?>

body {color:#fff;}

#wrapper {backgroundcolor:#ccc;}

.red {color:#c00;}

#info h1 {color: black; font-size:19em; text-align:center; font-family: georgia, "times new roman", serif;}

#ads {position:relative; z-index:10;}

.menu {display:none;}

#noniemenu {position:absolute;}

#noniemenu .holder ul {padding:0; margin:0;}

#noniemenu .holder ul li {list-style-type: none;}

#noniemenu .holder li {}

#noniemenu .holder li ul {display: none;}

#noniemenu .holder li:hover > ul#a3 {display:block; position:absolute; left:135px; margin-top:-20px; border:1px solid #000;}

#noniemenu .holder .bold {font-weight:bold;}

#noniemenu .holder {

color:#cccccc;

width:147px;

height:24px;

display:block;

overflow:hidden;

float:left;

border:1px solid #b9278b;

margin-right:1px;

font-size:10px;

}

#noniemenu .holder:hover {

height:auto;

}

#noniemenu a.outer, #noniemenu a.outer:visited {

color:#b92742;

width:147px;

line-height:24px;

display:block;

background:#FFBFDC;

text-align:center;

text-decoration:none;

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}

#noniemenu a.outer:hover {

background: #ba2742;

overflow:visible;

color: #fff;

}

#noniemenu div.open {display:none;}

#noniemenu a.inner, #noniemenu a.inner:visited {

display:block;

width:147px;

height:24px;

line-height:24px;

border-bottom:1px solid #000;

text-decoration:none;

color:#b92742;

background:#FFBFDC;

text-align:center;

}

#noniemenu a.second {font-weight:bold;}

#noniemenu a.inner:hover {

background: #ba2742;

color: #fff;

}

#wrapper {margin-top:-14px;}

#noniemenu {display:none;}

.menu {display:block; position:absolute;}

.menu a.outer, .menu a.outer:visited {

color:#ba2742;

width:147px;

height:24px;

display:block;

background:#FFBFDC;

border:1px solid #ba2742;

margin-right:1px;

text-align:center;

float:left;

text-decoration:none;

font-family: verdana, arial, sans-serif;

font-size:10px;

line-height:24px;

overflow:hidden;

}

.menu a.outer:hover {

background:#ba2742;

overflow:visible;

color: #fff;

}

.menu a.outer:hover table.first {

display:block;

background:#FFBFDC;

color:#ba2742;

border-collapse:collapse;

}

.menu a.inner, .menu a.inner:visited {

display:block;

width:145px;

height:24px;

border-bottom:1px solid #000;

text-decoration:none;

color:#ba2742;

font-family: verdana, arial, sans-serif;

font-size:10px;

text-align:center;

}

.menu a.inner:hover {

background:#ba2742;

color: #fff;

}

.menu a.outer table.first a.second {

height:18px;

line-height:18px;

overflow:hidden;

font-weight:bold;

}

.menu a.outer table.first a.second:hover {

position:relative;

overflow:visible;

}

.menu a.outer table.first a.second:hover table {

position:absolute;

top:-2px;

left:122px;

border-collapse:collapse;

background:#FFBFDC;

border:1px solid #000;

font-weight:normal

}

WWW.Cust.store.COM - ORDER BY PHONE: 123456789876

<?if($pass == false){?>

> LOGIN<?}?>



<?
$array_category = array();
$sql = "select pk_id, cat_name from category order by cat_name";
$rs = mysql_query($sql) or die(errorexit(mysql_error()."
$sql",$conn));
while($row = mysql_fetch_array($rs)){
$key = $row['pk_id'];
$value = $row['cat_name'];
$array_category[] = array("$key","$value");
}
if($rs != null){
mysql_free_result($rs);
}
$count_category = 0;
$count_category = count($array_category);

?>



<?if($pass){?>
MY HISTORY
<?}else{?>
MY HISTORY
<?}?>
<?if($pass){?>
MY FAVOURITES
<?}else{?>
MY FAVOURITES
<?}?>
<?if($pass){?>
SHOPPING CART
<?}else{?>
SHOPPING CART
<?}?>
CONTACT US
<?if($pass){?>
CREATE AN ACCOUNT
<?}else{?>
CREATE AN ACCOUNT
<?}?>

<? $array_category = array(); $sql = "select pk_id, cat_name from category order by cat_name"; $rs = mysql_query($sql) or die(errorexit(mysql_error()."
$sql",$conn)); while($row = mysql_fetch_array($rs)){ $key = $row['pk_id']; $value = $row['cat_name']; $array_category[] = array("$key","$value"); } if($rs != null){ mysql_free_result($rs); } $count_category = 0; $count_category = count($array_category); ?>
    <?if($pass){?>
  • MY HISTORY
  • <?}else{?>
  • MY HISTORY
  • <?}?>
    <?if($pass){?>
  • MY FAVOURITES
  • <?}else{?>
  • MY FAVOURITES
  • <?}?>

    <?if($pass){?>

  • SHOPPING CART
  • <?}else{?>

  • SHOPPING CART
  • <?}?>

    • CONTACT US
      • <?if($pass == false){?>

      • CREATE AN ACCOUNT
      • <?}else{?>

      • CREATE AN ACCOUNT
      • <?}?>

        TradeShows

        TradeShows

        <?

        /* Pdouct of Week */

        $sql = "select * from product where pro_week=1";

        $rs = mysql_query($sql) or die(errorexit(mysql_error()."
        $sql",$conn));

        $w_ref = "";

        $w_name = "";

        $w_desc = "";

        $w_pic = "";

        while($row = mysql_fetch_array($rs)){

        $w_ref = $row['pro_ref'];

        $w_name = $row['pro_name'];

        $w_desc = $row['pro_desc'];

        $w_pic = $row['pro_imgs'];

        }

        if($rs != null){

        mysql_free_result($rs);

        }

        /* Product of Month */

        $sql = "select * from product where pro_month=1";

        $rs = mysql_query($sql) or die(errorexit(mysql_error()."
        $sql",$conn));

        $m_ref = "";

        $m_name = "";

        $m_desc = "";

        $m_pic = "";

        while($row = mysql_fetch_array($rs)){

        $m_ref = $row['pro_ref'];

        $m_name = $row['pro_name'];

        $m_desc = $row['pro_desc'];

        $m_pic = $row['pro_imgs'];

        }

        if($rs != null){

        mysql_free_result($rs);

        }

        ?>

         Product of the Month:

         <?=$m_ref?>

         <?=$m_name?>
         <?=$m_desc?>

        " alt="TradeShows" height="70" width="70" border="0">

         Pick of the Week:
         <?=$w_ref?>
         <?=$w_name?>
         <?=$w_desc?>

        " alt="TradeShows" height="70" width="70" border="0">

        Search products by:

        <?=DBDropDownListOnChange("select pk_id, line_name from line order by line_name", "line_name", "pk_id", "id", $line_id, "product.php","-- LINE Names --", "x")?>

        <?=DBDropDownListOnChange("select pk_id, protype_name from protype order by protype_name", "protype_name", "pk_id", "id", $protype_id, "product.php","-- Product Type --", "x")?>

        TradeShows

        Company Link 1 | Company Link 2 | Company Link 3 | Company Link 4

        copyright

        <?ob_end_flush();?>

        The select boxes list subcategories and the other product types for quick navigation, but the contents arent really the issue here at all, its ONLY the appearance.
        my friend knows php and did the code butbetween the two of us we cant seem to figure how to assign a proper class or how to get the code so that the select box (whic now looks like this)(the div its enclosed in is included as well :

        <?=DBDropDownListOnChange("select pk_id, protype_name from protype order by protype_name", "protype_name", "pk_id", "id", $protype_id, "product.php","-- Product Type --", "x")?>


        would behave like the select box I initailly made for the layout (the layout was what I gave my friend to add the code in), the original select box code looked like this:

        Product Type Product Type2

        that code worked fine, but as my friend added the php he had to alter the code to what you see in bold in the big batch of code.

        the css for the page is here:

        #logo
        {

        width: 900px;
        height: 20px; /* background-color: Blue; */
        /* padding-top: 0px; */

        margin-bottom: 5px;
        /* line-height: 20px; */
        text-align: left;
        /* border-bottom: 1px solid White; */
        color: White;
        }

        #sublogoleft{
        width: 525px;
        line-height: 22px;
        /* background-color: Black; */
        float: left;
        }

        #sublogologin{

        width: 290px;
        /* background-color: Aqua; */
        line-height: 16px;
        float: left;
        }

        #designline
        {
        margin-top: 3px;
        padding-left: 1px;
        padding-top: 3px;
        width: 900px;
        height: 30px;
        background-color: #cc6666;
        /* background-color: Black; */ /* padding-top: 0px; */
        line-height: 40px;
        margin-bottom: 1px;
        text-align: left; /* border-bottom: 1px solid White; */
        color: White;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        }

        #cline
        {
        margin-top: 3px;

        /* padding-top: 3px; */
        width: 900px;
        height: 100px;
        border-top: 1px solid White;

        /* padding-top: 0px; */
        /* line-height: 113px; */
        /* margin-bottom: 3px; */
        text-align: left;
        color: White;
        border-bottom: 1px solid White;
        margin-bottom: 3px;

        }

        #clleft{
        float: left;
        width: 600px;
        height: 100px;

        text-align: right;
        }

        #clright{
        float: left;
        width: 300px;
        height: 100px;
        text-align: right;

        }

        #collouter{
        padding-top: 5px;
        clear: all;
        width: 900px;
        height: 363px;
        background-color: #cc6666;
        }

        #collinner{
        padding-top: 5px;
        margin-left: 3px;
        width: 892px;
        height: 350px;
        background-color: #FFBFDC;
        border: 1px solid #ba2742;
        }

        #collage{
        padding-top: 20px;
        margin-left: 4px;
        width: 882px;
        height: 323px;
        background-color: White;
        border: 1px solid White;
        background-image: url(../imgs/TEMP.jpg);
        }

        #collspace{
        margin-top: 3px;

        width: 900px;
        height: 5px;
        border-top: 1px solid white;

        }

        #iconrow{

        width: 900px;
        height: 220px;

        text-align:center;
        }

        #iconrow1{

        width: 900px;
        height: 110px;

        }

        #iconrow2{

        width: 900px;
        height: 120px;
        text-align:center;

        }

        #monthimg{
        margin-top:10px;
        width: 70px;
        height: 70px;
        float: right;
        margin-right: 5px;
        border: 1px solid white;

        }

        #productbx2{
        float: right;
        width: 200px;
        height: 100px;
        text-align: left;
        margin-bottom: 5px;

        /* border-bottom: 1px solid White; */
        }
        #productbxrow2{
        width: 200px;
        height: 22px;
        text-align: left;

        }


        #tmphldr
        {
        float: left;
        width: 160px;
        height: 22px;
        line-height: 22px;
        border: 1px solid White;

        background-color: #FFBFDC;
        margin-top: 2px;
        margin-left:15px;
        margin-right: 5px;
        text-align: center;
        color: #ba2742;

        }

        #botrow
        { clear: all;
        margin-top: 3px;
        padding-left: 1px; /* padding-top: 3px; */
        width: 900px;
        height: 30px;

        margin-bottom: 3px;
        text-align: left;
        color: White;
        }

        #botrow2
        { float:left;
        margin-top: 3px;
        padding-left: 1px; /* padding-top: 3px; */
        width: 490px;
        height: 18px;
        line-height: 18px;
        /* border-bottom: 1px solid White; */
        /* background-color: Blue; padding-top: 0px; */
        margin-bottom: 3px;
        text-align: left;
        color: White;
        border-top: 1px solid White;
        }

        #botrow3
        { float:left;
        margin-top: 3px;
        padding-left: 1px; /* padding-top: 3px; */
        width: 407px;
        height: 18px;
        line-height: 18px;
        /* border-bottom: 1px solid White; */
        /* background-color: Blue; padding-top: 0px; */
        margin-bottom: 3px;
        text-align: right;
        color: White;
        border-top: 1px solid White;
        }

        /* classes */

        .sublogoright a{
        text-decoration: none;
        color: #FFBFDC;
        font-weight: 600;

        }

        .lbltx {
        font-weight: 600;
        color: #FFBFDC;
        }


        .x {
        width: 160px;
        height: 18px;
        margin-top: 1px;

        border: 1px solid #ba2742;
        font-size: 12px;
        color: #ba2742;
        }

        Again the code for the class (class="x") that was supposed to give the style is in bold.

        I hope that this post is a bit clearer than the previous.

        Anyway, in Mozilla the "select boxes" inside the "tmphldr" div tags
        are fine, but in internet explorer the "tmhldr" div's expand downwards, but the select boxes are fine.

        Anyidea how to get rid of that?

        Thanks

        Sami

        ClevaTreva
        ClevaTreva's picture
        Offline
        Guru
        A hilly place, UK
        Last seen: 1 year 50 weeks ago
        A hilly place, UK
        Joined: 2004-02-05
        Posts: 2902
        Points: 0

        Hi Sami Rather than give me

        Hi Sami

        Rather than give me the base php/html code, can you view it in FF so the php has been parsed and outputted as pure html, then view the source in FF and post that code, ta.

        sambkk
        Offline
        Regular
        Last seen: 13 years 11 weeks ago
        Timezone: GMT-5
        Joined: 2006-04-15
        Posts: 27
        Points: 0

        Hi Cleva

        Thanks for still hanging on...

        Unfortunately I am not sure at all what view in FF means but I am assuming that by "parsed..outputted.." refers to viewing the page code from the page that I view on my browser as I call the page in question right? (not even sure if I explained corectly what I meant..)

        Anyway, just for the off chance tat I did understand , here is the code:

        body {color:#fff;}

        #wrapper {backgroundcolor:#ccc;}

        .red {color:#c00;}

        #info h1 {color: black; font-size:19em; text-align:center; font-family: georgia, "times new roman", serif;}

        #ads {position:relative; z-index:10;}

        .menu {display:none;}

        #noniemenu {position:absolute;}

        #noniemenu .holder ul {padding:0; margin:0;}

        #noniemenu .holder ul li {list-style-type: none;}

        #noniemenu .holder li {}

        #noniemenu .holder li ul {display: none;}

        #noniemenu .holder li:hover > ul#a3 {display:block; position:absolute; left:135px; margin-top:-20px; border:1px solid #000;}

        #noniemenu .holder .bold {font-weight:bold;}

        #noniemenu .holder {

        color:#cccccc;

        width:147px;

        height:24px;

        display:block;

        overflow:hidden;

        float:left;

        border:1px solid #b9278b;

        margin-right:1px;

        font-size:10px;

        }

        #noniemenu .holder:hover {

        height:auto;

        }

        #noniemenu a.outer, #noniemenu a.outer:visited {

        color:#b92742;

        width:147px;

        line-height:24px;

        display:block;

        background:#FFBFDC;

        text-align:center;

        text-decoration:none;

        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

        }

        #noniemenu a.outer:hover {

        background: #ba2742;

        overflow:visible;

        color: #fff;

        }

        #noniemenu div.open {display:none;}

        #noniemenu a.inner, #noniemenu a.inner:visited {

        display:block;

        width:147px;

        height:24px;

        line-height:24px;

        border-bottom:1px solid #000;

        text-decoration:none;

        color:#b92742;

        background:#FFBFDC;

        text-align:center;

        }

        #noniemenu a.second {font-weight:bold;}

        #noniemenu a.inner:hover {

        background: #ba2742;

        color: #fff;

        }

        #wrapper {margin-top:-14px;}

        #noniemenu {display:none;}

        .menu {display:block; position:absolute;}

        .menu a.outer, .menu a.outer:visited {

        color:#ba2742;

        width:147px;

        height:24px;

        display:block;

        background:#FFBFDC;

        border:1px solid #ba2742;

        margin-right:1px;

        text-align:center;

        float:left;

        text-decoration:none;

        font-family: verdana, arial, sans-serif;

        font-size:10px;

        line-height:24px;

        overflow:hidden;

        }

        .menu a.outer:hover {

        background:#ba2742;

        overflow:visible;

        color: #fff;

        }

        .menu a.outer:hover table.first {

        display:block;

        background:#FFBFDC;

        color:#ba2742;

        border-collapse:collapse;

        }

        .menu a.inner, .menu a.inner:visited {

        display:block;

        width:145px;

        height:24px;

        border-bottom:1px solid #000;

        text-decoration:none;

        color:#ba2742;

        font-family: verdana, arial, sans-serif;

        font-size:10px;

        text-align:center;

        }

        .menu a.inner:hover {

        background:#ba2742;

        color: #fff;

        }

        .menu a.outer table.first a.second {

        height:18px;

        line-height:18px;

        overflow:hidden;

        font-weight:bold;

        }

        .menu a.outer table.first a.second:hover {

        position:relative;

        overflow:visible;

        }

        .menu a.outer table.first a.second:hover table {

        position:absolute;

        top:-2px;

        left:122px;

        border-collapse:collapse;

        background:#FFBFDC;

        border:1px solid #000;

        font-weight:normal

        }

        WWW.Cust.store.COM - ORDER BY PHONE: 123456789876

        > LOGIN





        MY HISTORY
        MY FAVOURITES
        SHOPPING CART
        CONTACT US
        CREATE AN ACCOUNT

        • CATALOG
        • TestCat1 >
          • TestLineA
          • TestLineB
        • TestCat2 >
          • TestLineA
          • TestLineB
          • TestLineC
          • TestLineD
          • TestLineE
        • TestCat3 >
          • TestLineA
          • TestLineB
          • TestLineC
          • TestLineD
          • TestLineE
          • TestLineF
          • TestLineG
          • TestLineI
          • TestLineJ
          • TestLineK
          • TestLineL
          • TestLineM
          • TestLineN
          • TestLineO
          • TestLineP
          • TestLineQ
          • TestlLineH
        • MY HISTORY
        • MY FAVOURITES


        • SHOPPING CART

          • CONTACT US

            • CREATE AN ACCOUNT

            • TradeShows

              TradeShows

               Product of the Month:

               

               
               

              TradeShows

               Pick of the Week:
               1000-1A2
               VGlass C1 L1 Des2
               

              TradeShows

              Search products by:

              -- LINE Names --TestLineATestLineATestLineATestLineBTestLineBTestLineBTestLineCTestLineCTestLineDTestLineDTestLineETestLineETestLineFTestLineGTestLineITestLineJTestLineKTestLineLTestLineMTestLineNTestLineOTestLinePTestLineQTestlLineH

              -- Product Type --bowlcreamerjumboPlate

              TradeShows

              Company Link 1 | Company Link 2 | Company Link 3 | Company Link 4

              copyright

              So I hope that helps

              thanks

              Sami

              ClevaTreva
              ClevaTreva's picture
              Offline
              Guru
              A hilly place, UK
              Last seen: 1 year 50 weeks ago
              A hilly place, UK
              Joined: 2004-02-05
              Posts: 2902
              Points: 0

              Hi Sami FF is shorthand for

              Hi Sami

              FF is shorthand for Firefox

              The code you posted calls an external stylesheet and uses images. I doubt whther I can get a true feel for the look unless I see a live url over the internet. As you appear to have a server, why not upload it and post the link?

              However, you have used the name "id" for both select boxes. You cannot do this. Your doctype appears incomplete. You have a style attribute for the wrapper called backgroundcolor, this is wrong (it should be background-color). Just use background instead though.

              In fact, I am not sure you can use the name id because it may be a reserved word.

              Your doctype works, but is not complete, it should be:

              Validating the code shows a further 20 errors, which you need to fix.

              I suggest you get the code validated, then upload a finsihed page to your web server, then post the link.

              sambkk
              Offline
              Regular
              Last seen: 13 years 11 weeks ago
              Timezone: GMT-5
              Joined: 2006-04-15
              Posts: 27
              Points: 0

              Hi valid advice thanks the

              Hi
              valid advice thanks

              the link is here:
              http://www.kissthatfrog.com/kissthatfrog2/

              validating will show a load of errors, which I will correct one by one later
              I am using the same div a few times and so on.

              I will look into the issues you mentioned specifically.

              thanks

              Sami

              sambkk
              Offline
              Regular
              Last seen: 13 years 11 weeks ago
              Timezone: GMT-5
              Joined: 2006-04-15
              Posts: 27
              Points: 0

              the css on the actual page

              the css on the actual page is just for a dreop down menu all the rest is on that extnal sheet the contents of which I posted.
              if you have a look at the link,
              the problem is visible only in IE.

              in the bottom righthand side part of the page, where it says "search"

              thanks

              Sami

              wolfcry911
              wolfcry911's picture
              Offline
              Guru
              MA, USA
              Last seen: 6 years 33 weeks ago
              MA, USA
              Timezone: GMT-5
              Joined: 2004-09-01
              Posts: 3224
              Points: 237

              Sami,

              Sami,
              you need to correct the validation errors now, not later. ClevaTreva is giving you very sound advice. How is a browser to know how to render the page with all the errors? ClevaT also gave you the correct doctype to use. You must use a complete and correct doctype to put IE into standards mode, otherwise it's in quirks mode and anything goes. You'll need a title in the head section to correct you're first validation error.

              edit: fixed CT's name - now it looks as though I cross posted Wink

              Hugo
              Hugo's picture
              Offline
              Moderator
              London
              Last seen: 5 years 41 weeks ago
              London
              Joined: 2004-06-06
              Posts: 15668
              Points: 2806

              Sami the link to the page re

              Sami the link to the page re pleat with markup errors and a quirks mode DTD (please switch that to a 'Strict' definition with or without system identifier) is absolutely pointless.

              Valadating is not something that may be left to the last thing , it is not an incidental consideration for the sake of neatness, it is a means of checking whether your code is Correct. Incorrect code can and will be interpreted in different ways by different browsers as they struggle to guess at what was intended, this is of course 'Bad' and not what you want added to which your Quirks mode invoking DTD will also bring it's own problems with the browsers ability to understand and work with CSS properties.

              You must attend to the errors as a matter of urgency especially as it has already been highlighted that you are re-using ID names (which is not allowed) and one of those IDs is the one you mention as causing your problems,fix that and you may find things start to fall into place, even so it will mean that we can then offer meaningful help which is not possible at the moment - over and above that which has been given so far.

              Hugo.

              edit/ *sigh* how comes I never see the other posts or am I really that slow? What wolfie said anyway.

              Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
              ----------------------------------------------------------------
              Please post ALL your code - both CSS & HTML - in [code] tags
              Please validate and ensure you have included a full Doctype before posting.
              Why validate? Read Me

              sambkk
              Offline
              Regular
              Last seen: 13 years 11 weeks ago
              Timezone: GMT-5
              Joined: 2006-04-15
              Posts: 27
              Points: 0

              Thank you guys.

              Thanks to Cleva, Hugo and WolfCry.
              You guys have a point. As we are talking about validation thenI should add that you have a VALID point.
              Anyway I tought about complaining lie some insubordinate young apprentice in the movies because I do agree with you guys, validation is something very important, but as I have a deadline , I had my own plan, which I tought would be just as good.

              I was going to do it it quietly with some time as soon as everything else was up and running smoothly.

              But I need your valid advice. Not just now but in the future as well. You have my respect and I am grateful for your help and advice. Not solely on this forum I might have to add, but it is gentlemen (and ladies?) such as yourselves that have helped the likes of myself countles times over in saving a about a million man years of trial and error coding with your advice and guidance. So I'll be damned before I stop listening.

              So therefore I have begun the validation process,even tough I didnt want to get into it just yet. And as proof to my helpers,for anyone interested to see the page now returns just under 10 erros.

              Unfortunately the main menu of the page does not agree with the doc type, so it too will have to be reworked. Some extra work for which I dont really have time for right now but in the end its all for the better. Who needs code that doesnt validate right? And I will be leaqning in the process as well. So I will be reworking it so that it will in the end validate. So just between us, screw the deadline.

              But as I am going to have my hands full with fixing not only this page, but the others too of course, I am still no closer to my goal, which was to remove the extra spacing that appears magically.

              I plead that the elders do not abandon me and see if they can find any reason as to why
              my select boxes are misbehaving.

              Thanks

              SAMi

              Wax on , Wax off ...

              Hugo
              Hugo's picture
              Offline
              Moderator
              London
              Last seen: 5 years 41 weeks ago
              London
              Joined: 2004-06-06
              Posts: 15668
              Points: 2806

              Validate your work as you go

              Validate your work as you go then you will not find so many errors, deal with them as you go along. Again validating is not for the sake of things it is important and never to be left to the last thing , that just has no basis in logic whatsoever.

              To the problem it looks as though you have some margins at work from somewhere try #tmphldrre form {margin:0;}

              Wolfcry that confused me , thought I was going round the bend, thinking to myself that I was sure I posted after yours, soa edit and the comment gets shifted down :? bit odd! but I'll remember so when I get x-posted just nip in and edit the post Smile

              Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
              ----------------------------------------------------------------
              Please post ALL your code - both CSS & HTML - in [code] tags
              Please validate and ensure you have included a full Doctype before posting.
              Why validate? Read Me

              gary.turner
              gary.turner's picture
              Offline
              Moderator
              Dallas
              Last seen: 21 hours 41 min ago
              Dallas
              Timezone: GMT-5
              Joined: 2004-06-25
              Posts: 9772
              Points: 3854

              Hi Sami, I'm reminded of

              Hi Sami,

              I'm reminded of the old saw, "if you have time to fix it, you had time to do it right the first time".

              I've been at this a while, and make few syntax errors, but there are plenty of typos that have the same effect. I make it a habit to keep a terminal window open next to my editor. As I type, every section is saved, and I go to the xterm to run tidy against the document. This serves to pretty print the document (making sure nesting indentions are consistent, breaking out element attributes and indenting them), and fixing the errors it can while notifying me of others. (Tidy can be set to format reported errors and warnings in a way that can be easily parsed by Emacs)

              In Windows, open the command or DOS window. Run doskey so you can easily repeat commands. CD to the directory you're editing in. In the DOS window, type

              <path to tidy>\tidy.exe <filename.html> | more
              Run it, read the errors and warnings, and correct them in your editor. Once you gain confidence in yourself and in tidy, run it this way
              <path to tidy>\tidy.exe -m <filename.html>
              Tidy will save the corrected file to itself. Go back to the editor, and refresh the buffer.

              The process is too simple not to do it often, and there is no slowdown, as your fingers need never leave the keyboard. In a Linux GUI and Emacs, it goes like this:

              1. <ctl>-x <ctl>-s (save the file)
              2. <alt>-<tab> (switch to the xterm)
              3. <up arrow> <enter> (runs the previous command)
              4. <alt>-<tab> (back to editor)
              5. Hit any printable key, eg.spacebar (triggers warning that file has been changed)
              6. Hit r (the option that refreshes the buffer from disc)
              Some nights I do that sequence in my sleep. Smile

              cheers,

              gary

              If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

              sambkk
              Offline
              Regular
              Last seen: 13 years 11 weeks ago
              Timezone: GMT-5
              Joined: 2006-04-15
              Posts: 27
              Points: 0

              Hi guys

              Thanks again for all the advice,
              and I am glad to say special thanks to Hugo, as that little cide snippet he suggested worked!!
              You guys have been very helpful and I wish you all the best.
              thanks again

              sami

              thepineapplehead
              thepineapplehead's picture
              Offline
              Guru
              Last seen: 31 weeks 16 hours ago
              Joined: 2004-06-30
              Posts: 9668
              Points: 801

              Can we consider this problem

              Can we consider this problem solved now, or is there anything else on this project you need a hand with?

              Verschwindende wrote:
              • CSS doesn't make pies

              sambkk
              Offline
              Regular
              Last seen: 13 years 11 weeks ago
              Timezone: GMT-5
              Joined: 2006-04-15
              Posts: 27
              Points: 0

              Hi pineapple. sorry, yes my

              Hi pineapple.
              sorry, yes my problem did get solved, thanks for all the help.
              I will need to work on making sure all the pages validate etc.. but I should be able to do all of that by myself.
              Thanks again,

              Sami

              thepineapplehead
              thepineapplehead's picture
              Offline
              Guru
              Last seen: 31 weeks 16 hours ago
              Joined: 2004-06-30
              Posts: 9668
              Points: 801

              Superb, glad you got it

              Superb, glad you got it sorted Smile

              Verschwindende wrote:
              • CSS doesn't make pies