Register

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

Results 1 to 4 of 4

Thread: CSS Problem

  1. #1
    Junior Member
    Join Date
    Jul 2008
    Posts
    27
    Member #
    17066
    Can somebody take a look at www.bkriegtech.net/?page=login and refer to my CSS pasted below, there are text boxes to the left of the labels that don't show up right. When I change the name of the CSS doc so it doesn't see it, it shows up right, obviously with the rest of the site looking like crap, but since the form shows up I know it's CSS:

    Code:
    html * { 
        margin: 0; 
        padding: 0; 
        border: 0;
    }
     
    body {
        margin: 0.5em 0em 2em 0em;
    
        font-size: 100%;
        font-family: "Lucida Grande", Verdana, Arial, sans-serif;
        line-height: 1.1em;
        text-align: center;
        
        background-color: #A5DDF8;
        background-image: url(../images/background.png);
        background-repeat: repeat-x;
    }
     
    #page { 
        width: 800px; 
        text-align: left;  
        margin-left: auto; 
        margin-right: auto;  
    } 
    
    
    /* header: */
    
    #header {
        position: relative; 
        width: 100%;
        height: 2.8em;
        color: #fff;
        vertical-align: middle;
        text-align: left;
    } 
    
    #header a:link, #header a:visited {
        color: #FFFFFF;
        text-decoration: none;
        font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
        font-weight: bold;
        font-size: 1.9em;
        letter-spacing: -0.1em !important;
        letter-spacing: -0.2em;
        line-height: 1.2em;
    }
    
    
    /* left column: */
    
    #left {
        width: 24%; 
        float: left; 
        position: relative; 
        font-size: 0.8em;
    }
    
    div#nav {
        background-color: #fff;
        width: 90%;   
        border-right: 0.18em solid #4284B5;
        border-bottom: 0.16em solid #4284B5;
    }
        
    #nav ul {
        list-style-type: none;
        padding: 0.5em 0em 0.9em 0em;
    }
    
    #nav ul li {
        padding: 0.2em 0em 0.2em 0.9em;
        margin-right: 0.3em;
    }
    
    #nav a:link, #nav a:visited {
        color: #2E668B;
    }
     
    #nav a:hover, #nav a:active {
        color: #000;
    }
    
    div.left_box {
        background-color: #fff;
        width: 90%;
        margin-top: 1em;
        border-right: 0.18em solid #4284B5;
        border-bottom: 0.16em solid #4284B5;
    
    }
    
    div.left_box h3, div#nav h3 {
        margin: 0em;
        padding: 0.2em 0em 0.2em 1em;
        font-size: 0.8em;
        color: #fff;
        border-top: 0.1em solid #65B6E3;   
        border-left: 0.1em solid #65B6E3;   
        background-color: #4284B5;
        text-transform: uppercase;
        font-family: Verdana, Arial, sans-serif;
    }
    
    div.left_box p {
        margin: 0em;
        padding: 1em 1em 1em 1em;
    }
    
    div.left_box a:link {
        color: #2E668B;
    }
        
    div.left_box a:visited {
        color: #254A65; 
    }
     
    div.left_box a:hover, div.left_box a:active {
        color: #000;
    }
    
    div.inner_box {
        border-right: 0.15em solid #7BA5C6;
        border-bottom: 0.15em solid #7BA5C6;
    }
    
    
    
    /* content column: */
    
    #content {
        float: right; 
        display: inline; 
        position: relative; 
        width: 550px; 
        font-size: 0.75em;
        background-color: #fff;
        border-right: 0.2em solid #4284B5;
        border-bottom: 0.2em solid #4284B5;
    }
    
    #content h1 {
        clear: both;
        margin: 0em 0em 0em 0em;
        padding: 0.5em 0em 0em 0.1em;
        font-size: 1.7em;
        font-family: "Trebuchet MS", Arial, sans-serif;
        color: #FF6300;
        border-bottom: 0.05em solid #FF9853;
        line-height: 1em;
    }
    
    #content p {
        margin: 0em 0em 0.5em 0em;
        padding: 0.35em;
    }
    
    #path {
        font-family: Verdana, Arial, sans-serif;
        margin: 0em 0em 0em 0em;
        padding: 0.4em 0.6em 0.4em 0.6em;
        font-size: 0.9em;
        color: #2F5E80;
        background-color: #D0E7F4;
        border-right: 0.23em solid #7BA5C6;
    }
    
    #content a:link {
        color: #2E668B;
    }
        
    #content a:visited {
        color: #255270; 
    }
     
    #content a:hover, #content a:active {
        color: #000;
    }
    
    #content acronym {
        border-bottom: 1px dotted #4284B5;
        cursor: help;
        margin: 0;
        padding: 0;
    }
    
    #main {
        padding: 0.5em 1.5em 1.5em 0.7em;
        border-bottom: 0.2em solid #7BA5C6;
        border-right: 0.2em solid #7BA5C6;
    }
    
    div.img_left, div.img_right {
        border-bottom: 0.09em solid #4284B5;
        border-right: 0.1em solid #4284B5;
    }
    
    div.img_left {
        float: left; 
        margin: 0.5em 0.8em 0em 0em;
    }
    
    div.img_right {
        float: right; 
        margin: 0.5em 0em 0em 0.8em;
    }
    
    div.img_left img, div.img_right img {
        display: block;
        border: 0.35em solid #7BA5C6;
        margin: 0;
        padding: 0;
    }
    
    
    br.clear {
        clear: both;
        display: none;
    }
    
    
    /* footer: */
    
    #footer { 
        margin: 0em;
        padding: 0em;
        font-size: 0.6em;
        clear: both;
        color: #027BC1;
        text-align: right;
    } 
    
    #footer p {
        margin: 0em;
        padding: 0.1em;
    }
    
    #footer a:link, #footer a:visited { 
        color: #027BC1;
    } 
    
    #footer a:hover, #footer a:active { 
        color: #000000;
    }

  2.  

  3. #2
    Senior Member
    Join Date
    May 2003
    Location
    UK
    Posts
    2,354
    Member #
    1326
    By not showing up right do you mean that you cannot see the textboxes? I am not sure why they do not have a border, but you could add the following css:

    Code:
    #content input
    {
       border: 1px solid black;
    }

  4. #3
    Junior Member
    Join Date
    Jul 2008
    Posts
    27
    Member #
    17066
    That worked but if you refer to http://www.bkriegtech.net/?page=contact you will see that the message box is still the same. (yes i know the boxes are out of alignment, I am working on it, Im using PHP includes so its difficult for some reason)

  5. #4
    Senior Member
    Join Date
    May 2003
    Location
    UK
    Posts
    2,354
    Member #
    1326
    The textarea is still the same because the textarea is not an input, it is a textarea, so do the same as above.

    Code:
    #content textarea
    {
       border: 1px solid black;
    }


Remove Ads

Posting Permissions

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