Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 15

Thema: punkte bei <ul><li> ausblenden?

  1. #1
    Unregistriert
    Gast

    Standard punkte bei <ul><li> ausblenden?

    Ich versuche in meinen Navigationen die Punkte vor den einzelnen <li> Tags auszublenden, im Ie8 werden sie nicht angezeigt. für FF habe ich versucht sie mit list-style-typ: none; auszublenden... ohne erfolg.

    HTML-Code:
    <div id="leftboard">
    		<div class="boardin">
    			<ul id="navi_lb">
    				<li><a href="">Startseite</a></li>
    				<li><a href="">Startseite</a></li>
    				<li><a href="">Startseite</a></li>
    				<li><a href="">Startseite</a></li>
    				<li><a href="">Startseite</a></li>
    			</ul>
    		</div>
    		<div class="boardin">
    			<ul id="partner_lb">
    				<li><a href="">PARTNER</a></li>
    				<li><a href="">PARTNER</a></li>
    				<li><a href="">PARTNER</a></li>
    				<li><a href="">PARTNER</a></li>
    				<li><a href="">PARTNER</a></li>
    			</ul>
    		</div>
    		
    		
    	</div>

    HTML-Code:
    ul#navi_lb a, ul#navi_lb a:visited {
    width: 145px; 
    height: 25px;
    color: #000; 
    background-color: #fff;
    text-decoration: none; 
    display: block;  
    border-bottom: 1px solid #fff;  
    padding: 0.1em;
    }
    #navi_lb li {
    list-style-typ: none;
    } 
    ul#navi_lb a:hover {
    border-bottom: 1px solid #000; 
    text-align: right;
    }
    ul#partner_lb a, #partner_lb a:visited {
    position: relative;
    text-decoration: none; 
    text-align: center; 
    background-color: #9ab; 
    color: #fff; 
    display: block; 
    width: 145px; 
    border: 2px solid #fff;
    border-color: #def #678 #345 #cde;
    padding: 0.25em;
    margin: 0.5em auto;
    }
    #partner_lb li {
    list-style-typ: none;
    } 
    ul#partner_lb a:hover {
    top:2px;
    left:2px;
    color:#000;
    border-color:#345 #cde #def #678;
    }
    Kann ich die runden punkte irgendwie deaktivieren, ausblenden...?
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Prinz(essin) Avatar von -Bambino-
    Registriert seit
    21.12.2007
    Ort
    Berlin
    Beiträge
    865
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    4

    Standard AW: punkte bei <ul><li> ausblenden?

    Kannst du:

    PHP-Code:
    ul {
        list-
    style-typenone;

    wert.TeeeX.de
    Wie gut ist die technische Umsetztung deiner Website wirklich?
    Teste es!

  3. #3
    Unregistriert
    Gast

    Standard AW: punkte bei <ul><li> ausblenden?

    hab ich ja gemacht im Sinne..

    HTML-Code:
    #navi_lb li {
    list-style-typ: none;
    } 
    deine Methode klappt auch nicht, hab leider nichts zum hochladen

  4. #4
    Thonixx
    Gast

    Standard AW: punkte bei <ul><li> ausblenden?

    Die CSS Eigenschaft list-style-type musst du auf die Liste allgemein anwenden.
    Das heisst, selektiere mit CSS "ul" und wende dann das list-style-type an.

    Auf das li-Element dies anzuwenden bringt nichts.

    Siehe:
    http://www.css4you.de/list-style-type.html

  5. #5
    Unregistriert
    Gast

    Standard AW: punkte bei <ul><li> ausblenden?

    meinen sie so:

    HTML-Code:
    ul#navi_lb a, ul#navi_lb a:visited {
    width: 145px; 
    height: 25px;
    color: #000; 
    background-color: #fff;
    text-decoration: none; 
    display: block;  
    border-bottom: 1px solid #fff;  
    padding: 0.1em;
    list-style-typ: none;
    }
    ul#navi_lb a:hover {
    border-bottom: 1px solid #000; 
    text-align: right;
    }
    ul#partner_lb a, #partner_lb a:visited {
    position: relative;
    text-decoration: none; 
    text-align: center; 
    background-color: #9ab; 
    color: #fff; 
    display: block; 
    width: 145px; 
    border: 2px solid #fff;
    border-color: #def #678 #345 #cde;
    padding: 0.25em;
    margin: 0.5em auto;
    list-style-typ: none;
    }
    ul#partner_lb a:hover {
    top:2px;
    left:2px;
    color:#000;
    border-color:#345 #cde #def #678;
    }
    hatte ich auch versucht, und ja ich war auch auf der Seite die sie genannt haben

  6. #6
    Thonixx
    Gast

    Standard AW: punkte bei <ul><li> ausblenden?

    Nebenbei: Wir sagen uns hier alle "du"

    Zum Problem:
    Wir sollten mal den gesamten HTML Code sehen, damit wir eventuelle Fehler ausschliessen könnten.
    Wäre es dir möglich, die Seite schnell mal zu uppen?

    Kannst, wenn du nichts hast grad, auch hier uploaden:
    http://u.white-tiger.ch/

    Einfach unten auf "Upload" klicken.

  7. #7
    Unregistriert
    Gast

    Standard AW: punkte bei <ul><li> ausblenden?

    hi, danke. Ich habe es hochgeladen als winrar datei... danke für deine hilfe

  8. #8
    Thonixx
    Gast

    Standard AW: punkte bei <ul><li> ausblenden?

    Tut mir leid, ich öffne aus Prinzip keine WinRar Dateien, von anderen Usern.
    Ich meinte natürlich, dass du die Seite als HTML und natürlich auch das Stylesheet so uploaden sollst.

    Dann kann das auch jeder mit einem Klick online ansehen.
    Setz dann bitte auch den Link dafür.

  9. #9
    Unregistriert
    Gast

    Standard AW: punkte bei <ul><li> ausblenden?

    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
    <head>
        <title>Isi's Webpage | Startseite</title>
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        <link href="css.css" type="text/css" rel="stylesheet" />
        <link href="img/fav.ico" type="image/x-icon" rel="shortcut icon" />
        <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    </head>
    <body>
    <div id="rahmen">
    	<div id="head">
    		<div id="headwerbung">
    			<a href="http://clix.superclix.de/cgi-bin/eclix.cgi?id=azax&amp;pp=5442&amp;linknr=23977">1,00 Euro Startguthaben bei Questler.de</a>
    		</div>
    		<div id="headnavi">
    			<a href="">Info's</a>
    			<a href="">Kontakt</a>
    			<a href="">Impressum</a>
    		</div>
    	</div>
    	<div id="leftboard">
    		<div class="boardin">
    			<ul id="navi_lb">
    				<li><a href="">Startseite</a></li>
    				<li><a href="">Startseite</a></li>
    				<li><a href="">Startseite</a></li>
    				<li><a href="">Startseite</a></li>
    				<li><a href="">Startseite</a></li>
    			</ul>
    		</div>
    		<div class="boardin">
    			<ul id="partner_lb">
    				<li><a href="">PARTNER</a></li>
    				<li><a href="">PARTNER</a></li>
    				<li><a href="">PARTNER</a></li>
    				<li><a href="">PARTNER</a></li>
    				<li><a href="">PARTNER</a></li>
    			</ul>
    		</div>
    		
    		
    	</div>
    	<div id="content">
    		<div class="cont_in">
    			<h1>Welcome to Isi's Webpage</h1>
    
    			<p>Text Text Text text Blablablablablablanlanböa</p>
    		</div>
    	</div>
    	<div id="rightboard"></div>
    	<div id="footer">
    		<!-- 2009-<?php date('Y'); ?> -->
    		&copy;Isi's-Webpage_Gramic
    		<a href="">Xhtml</a>
    		<a href="">Css</a>
    	</div>
    </div>
    </body>
    </html>


    HTML-Code:
    * {margin: 0; padding: 0;}
    
    img {border: none;}
    
    body {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    font-family: consolas, arial;
    }
    a {color: #fff; text-decoration: none;}
    
    #rahmen {
    width: 950px;
    margin: auto;
    border-left: 5px solid #101010;
    border-right: 5px solid #101010;
    }
    #head {
    width: 950px;
    height: 140px;
    background-image: url(img/head.gif);
    background-repeat: no-repeat;
    position: relative;
    }
    #headwerbung {
    margin: 0 0 0 175px;
    position: absolute;
    z-index: 1;
    }
    #headwerbung a {
    /* FARBE Werbelink */ 
    color: #000;
    }
    #headnavi {
    margin: 19px 0 0 650px;
    position: absolute;
    z-index: 2;
    word-spacing: 19px;
    }
    #leftboard {
    width: 160px;
    height: 1000px;
    float: left;
    }
    
    ul#navi_lb a, ul#navi_lb a:visited {
    width: 145px; 
    height: 25px;
    color: #000; 
    background-color: #fff;
    text-decoration: none; 
    display: block;  
    border-bottom: 1px solid #fff;  
    padding: 0.1em;
    list-style-typ: none;
    }
    ul#navi_lb a:hover {
    border-bottom: 1px solid #000; 
    text-align: right;
    }
    ul#partner_lb a, #partner_lb a:visited {
    position: relative;
    text-decoration: none; 
    text-align: center; 
    background-color: #9ab; 
    color: #fff; 
    display: block; 
    width: 145px; 
    border: 2px solid #fff;
    border-color: #def #678 #345 #cde;
    padding: 0.25em;
    margin: 0.5em auto;
    list-style-typ: none;
    }
    ul#partner_lb a:hover {
    top:2px;
    left:2px;
    color:#000;
    border-color:#345 #cde #def #678;
    }
    /* Innenteil aller Spalten der Boards (LEFT u. RIGHT */
    .boardin {
    width: 145px;
    height: auto;
    margin: auto;
    }
    /* END.... */
    
    
    #content {
    width: 630px;
    float: left;
    background-color: #000;
    }
    #rightboard {
    width: 160px;
    float: left;
    }
    #footer {
    width: 942px;
    height: 20px;
    clear: both;
    color: #fff;
    background-color: #000;
    text-align: right;
    word-spacing: 23px;
    padding: 4px;
    }
    #footer a {
    color: #fff;
    }
    h1 {
    font-size: 20px;
    color: #fff;
    text-decoration: underline;
    text-align: center;
    }
    
    
    
    
    
    
    
    
    
    
    
    

  10. #10
    Thonixx
    Gast

    Standard AW: punkte bei <ul><li> ausblenden?

    -.-

    Mann sorry, aber so schwer ist das doch nicht.
    Du schreibst deinen Code von oben in eine .html Datei und lädst diese Datei auf meinen Server hoch.
    Danach noch die Stylesheet-Angaben in ein .css File und ebenfalls hochladen, okay???

Ähnliche Themen

  1. Biete eBesucher.de Punkte
    Von baumfred im Forum Job Forum - Jobs für Grafiker, Programmierer und Webmaster
    Antworten: 3
    Letzter Beitrag: 08.01.2009, 17:23
  2. Rollover für bestimmte Punkte (interaktive Landkarte)
    Von Basti_rsl2 im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 08.09.2006, 09:03
  3. Tabellen und Punkte
    Von ace.le im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 19.01.2005, 08:46
  4. Antworten: 5
    Letzter Beitrag: 29.06.2004, 00:41
  5. 30 Punkte zum Umgang mit EDVlern
    Von Carolyn im Forum Das Forum für Spiele, Fun & Jokes
    Antworten: 0
    Letzter Beitrag: 01.06.2003, 14:46

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •