kostenloser Webspace werbefrei: lima-city


Menü umändern das der strich weg ist ?

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    loma

    loma hat kostenlosen Webspace.

    Hey,

    ich habe da mal so ein kleines Problem und-zwar möchte ich das mein Menü im Bereich Statistik keine Striche unter einem Link macht aber in den anderen wie Login und Hauptmenü sollte es so bleiben.

    Mal ein Bild:
    http://s3.directupload.net/images/090831/ulpowniy.jpg

    Also wie man sieht ist unter der 0 ein strich dieser sollte da eigentlich nicht sein, diese striche sollten nur bei Hauptmenü und Login sein.

    Hier die Index.html
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>K-Bettel.de - Deine Bettelseite f&uuml;r Klammlose !</title>
    
    <style type="text/css">@import"style.css";</style>
    <link rel="stylesheet" href="blue.css" type="text/css" title="blue">
    <link rel="alternate stylesheet" type="text/css" href="red.css" title="red">
    <link rel="alternate stylesheet" type="text/css" href="green.css" title="green">
    <link rel="alternate stylesheet" type="text/css" href="pink.css" title="pink">
    <script type="text/javascript" src="styleswitcher.js"></script>
    
    </head>
    
    <body>
    
    <div id="container" class="clearfix">
    
    <div id="nav">
    <h4>Menu</h4>
    <ul>
    [drp_menue_haupt]
    </ul>
    
    
    
    
    <h4>Login</h4>
    [design_login1]
    
    
    <h4>statistik</h4>
    [drp_menue_stat]
    
    </div>
    <div id="rightside">
    
    <h1>K-Bettel - Deine Klammlose Bettelseite</h1>
    
    <div id="colourchange">
    <ul>
    
    </ul>
    </div>
    
    <h2>[drp_site_titel]</h2>
    
    [designrp_content]
    
    </div>
    
    </div>
    
    <div id="footer">
    <p>
    Layout created by <a href="http://www.caddoo.net" title="Portfolio of Matthew Caddoo">Matthew Caddoo</a> for <a href="http://www.zymic.com" title="Zymic template resource">Zymic Free Templates</a>
    </p>
    </div>
    
    </body>
    </html>        [designrp_htmlende]    <form action="?site=$site&do=login" method="POST" name="form_ulogin" >
    <table align="center">
    <tr><td><font face="Verdana" size="1">Nick:</td>
        <td> <input type="text" name="nick" value="[nick]" size="8"></td></tr>
    <tr><td><font face="Verdana" size="1">PW:</td>
        <td> <input type="password" name="pw" size="8"></td></tr>
    <tr><td></td>
        <td> <input type="submit" value="Login"></td></tr>
    </table>
    <center><font size="1" face="Verdana">[drp_login_a]
    <a href="?site=lost">Passwort vergessen?</a>
    </center>
    </form>



    Hier die Css:
    * {
    	margin: 0;
    	padding: 0;
    	}
    
    html, body {
    	height: 100%;
    	}
    
    body {
    	font-family: Geneva, Arial, Helvetica, sans-serif;
    	}
    	
    /* -------------------------------------------------------------------------- */
    
    #container {
    	width: 750px;
    	margin: 0 auto;
    	min-height: 100%;
    	background: url(images/containerbg.gif);
    	padding-bottom: 50px;
    	border-left: 5px solid #000000;
    	border-right: 5px solid #000000;
    	}
    
    /* -------------------------------------------------------------------------- */
    
    .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }
    
    .clearfix {
    display: inline;
    }  
    
        * html .clearfix {height: 1%;}
    	.clearfix {display: block;}
    
    /* -------------------------------------------------------------------------- */
    
    #nav {
    	width: 213px;
    	float: left;
    	}
    	
    h4 {
    	font-size: 12px;
    	height: 18px;
    	color: #FFF;
    	padding: 3px 0 0 10px;
    	}
    	
    #nav ul {
    	list-style-type: none;
    	margin-bottom: 15px;
    	}
    	
    #nav a {
    	display: block;
    	font-size: 10px;
    	font-weight: bold;
    	color: #000000;
    	text-decoration: none;
    	margin: 0 4px auto 4px;
    	padding-left: 5px;
    	border-bottom: 1px solid #CCC;
    	height: 12px;
    	padding-top: 7px;
    	}
    
    #nav a:hover {
    	background: #000000;
    	}
    	
    #ad a {
    	width: 200px;
    	margin: 5px auto;
    	padding: 0;
    	border-bottom : 0;
    	height: 400px;
    	}
    
    /* -------------------------------------------------------------------------- */
    
    #login input {
    	border: 1px solid #CCC;
    	font-size: 14px;
    	font-weight: bold;
    	font-style: italic;
    	color: #CCC;
    	width: 200px;
    	margin: 3px 6px;
    	text-align: center;
    	}
    	
    #login input#submit {
    	font-style: normal;
    	color: #999;
    	}
    	
    #login input#uname:focus, input#pword:focus {
    	border: 1px solid #000000;
    	font-style: normal;
    	color: #000000;
    	}
    
    #login fieldset {
    	border: 0;
    	}
    	
    #login legend {
    	display: none;
    	}
    	
    #login label {
    	display: none;
    	}
    	
    /* -------------------------------------------------------------------------- */
    
    #rightside {
    	float: right;
    	width: 532px;
    	}
    	
    /* -------------------------------------------------------------------------- */
    
    h1 {
    	height: 93px;
    	text-indent: -9999px;
    	border-bottom: 1px solid #000000;
    	}
    	
    /* -------------------------------------------------------------------------- */
    
    #colourchange {
    	height: 31px;
    	background: url(images/colourchangebg.gif);
    	text-align: right;
    	}
    	
    #colourchange ul {
    	list-style-type: none;
    	margin-right: 15px;
    	float: right;
    	margin-top: 5px;
    	}
    
    #colourchange li {
    	margin-right: 5px;
    	width: 20px;
    	height: 20px;
    	float: left;
    	}
    	
    #colourchange img {
    	border: 0;
    	}
    	
    #colourchange img:hover {
    	border: #000000;
    	}	
    	
    /* -------------------------------------------------------------------------- */
    
    h2 {
    	background: url(images/contenthead.gif);
    	height: 14px;
    	font-size: 12px;
    	border-top: 5px solid #5D5D5D;
    	padding: 3px 0 3px 10px;
    	color: #666;
    	}
    	
    /* -------------------------------------------------------------------------- */
    
    h3 {
    	font-size: 16px;
    	color: #666;
    	margin: 15px 7px;
    	border-bottom: 3px double #000000;
    	}
    	
    #rightside p, a {
    	font-size: 12px;
    	color: #999;
    	text-decoration: none;
    	margin-left: 20px;
    	margin-right: 10px;
    	}
    	
    #colourchange a {
    	margin-left: 0;
    	}
    	
    #rightside a {
    	margin: 0;
    	}
    	
    /* -------------------------------------------------------------------------- */
    
    #footer {
    	background: url(images/footer.gif);
    	width: 750px;
    	margin: 0 auto;
    	height: 25px;
    	margin-top: -25px;
    	text-align: right;
    	border-left: 5px solid #000000;
    	border-right: 5px solid #000000;
    	}
    	
    #footer p, a {
    	font-size: 12px;
    	color: #666;
    	margin-right: 100px;
    	padding-top: 4px;
    	}
    	
    #footer a {
    	margin: 0;
    	}


    Ich wäre euch soo sehr dankbar wenn ihr mir da helfen könntet ich bin schon am verzweifeln mit dem Css da ^^
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. e********t

    Welche Striche meinst du da genau? Ich habe es mir angeschaut, da sind 100te von Striche drinnen. Zeichne mal irgendwie ein, was es genau sein soll.
  4. Autor dieses Themas

    loma

    loma hat kostenlosen Webspace.

    europachat schrieb:
    Welche Striche meinst du da genau? Ich habe es mir angeschaut, da sind 100te von Striche drinnen. Zeichne mal irgendwie ein, was es genau sein soll.


    Hier ein Bild mit erklärung:
    http://s1.directupload.net/images/090831/6ppccm2z.jpg


    Nochmal vieleicht kann ich mich etwas besser ausdrücken.. Hier mal eine Vorschau: http://Loma.lima-city.de/Lose4

    Also wie man sieht gibts da ein Hauptmenü und unter jedem Link ist ja so ein strich, dieser wird automatisch eingefügt wenn man einen Link einfügt.. Dies soll auch so bleiben..

    Aber mein Problem ist das der Bereich Statistik wie man unten sieht auch solche Trennlinien macht sobald man einen Link einfügt, dies soll nicht so sein, da soll einfach nur der Text und dieser Link zusehen sein keine Trennlinie.

    Also so c.a:

    Hauptmenü:

    Lalala
    ___________
    LalLala
    __________
    LalAlala
    _________


    Statistik:
    Lalala
    lalala
    lalallalala
    lalallalskl
    lalala

    und nicht so wie es jezt ist:

    Statistik:
    Lalala
    lalala
    ____________
    lalallalala
    lalallalskl
    lalala


    Ich hoffe mal das man es jezt verstehen kann :D
  5. e********t

    Hallo, Also, 1 nach dem anderen: Der graue Strich unter der kleinen 1 muss entfernt werden? Gruß.
  6. Autor dieses Themas

    loma

    loma hat kostenlosen Webspace.

    europachat schrieb:
    Hallo, Also, 1 nach dem anderen: Der graue Strich unter der kleinen 1 muss entfernt werden? Gruß.


    Genau, sorry das ich das so umständlich erkläre.. :D
  7. mach dir in der css einfach zB
    a.noline {border-bottom:0px;}

    und dem link wo die linie nicht sein soll weist du die klasse noline dann zu; also
    <a href="blabla" class="noline">Da sollte kein strich sein</a>


    mfg
  8. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!