Menü umändern das der strich weg ist ?

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas

21:30, 31.8.2009

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 ^^

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage
~~e********t~~

21:57, 31.8.2009
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.
Autor dieses Themas
loma

loma hat kostenlosen Webspace.

23:15, 31.8.2009

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
~~e********t~~

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

loma hat kostenlosen Webspace.

0:32, 1.9.2009

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
syberpsace

syberpsace hat kostenlosen Webspace.
1:30, 1.9.2009
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
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

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city