• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Whitespace

J

JAVAnnik

Neues Mitglied
Hallo zusammen,
ich bin absoluter Anfänger und habe eine einfache Frage:

Folgende Liste habe ich geschrieben. Die Links werden horizontal nebeneinander angezeigt. Zwischen Link 1 und 2 ist keine Lücke wie zwischen 2 und 3. Muss ich nun jeden Link in die gleiche Zeile schreiben oder gibt es beispielsweise in CSS eine Möglichkeit trotz eines Absatzes im Code keine Lücke folgen zu lassen?

HTML: 
<*ul>
<li><a id="menu_point" href="index.html" title="Button 1" >Button 1</a></li><li><a id="menu_point" href="index.html" title="Button 2" >Button 2</a></li>
<li><a id="menu_point" href="index.html" title="Button 3" >Button 3</a></li></ul>

Gruß und Danke schon mal JAVAnnik
 
Zuletzt bearbeitet:
Ja, CSS wäre die Lösung, da es ja um Gestaltung geht. Um dir genauere Tipps zu geben wäre aber ein Link zur betroffenen Seite sowie der von dir verwendete Browser interessant.

Moderation: Verschoben von HTML zu CSS.
 
Einen Link kann ich dir leider nicht geben, da ich lediglich versuche html, css usw. zu erlernen und meine Versuche nicht online stelle.
So sieht das auf meiner Testpage aus: Unbenannt.jpg
Als Brwoser benutze ich Chrome, habs im Internet Explorer auch ausprobiert, liefert aber das selbe Ergebnis.
 
naja viel is es ja nicht... das ist eigentlich alles was ich gemacht habe:

mein HTML-File:

HTML: 
<!DOCTYPE html>
   <html>
      <head>        
         <title>Test</title>        
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <link href="index.css" type="text/css" rel="stylesheet">
      </head>    
      <body>
          <table>
             <tr>
                <ul>
                   <li><a href="index.html" title="Button 1" >Button 1</a></li><li><a href="index.html" title="Button 2" >Button 2</a></li>
                    <li><a href="index.html" title="Button 3" >Button 3</a></li>
                </ul>
            </tr>
          </table>
      </body>
</html>

uns so sieht mein CSS aus:

Code: 
root {     
    display: block;
}


li
{
    list-style-type:none;
    margin:0px;
    padding:0px;
    display: inline;
}


a {
    color: black;
    text-decoration: none;
    font-family: Verdana;
    width: 200px;
    text-align: center;
    background-color: grey;
    margin: 0px;
    padding: 0px;
    border: 0px;
    display: inline-block;
}
 
Hallo JAVAnnik

Eine Tabelle in HTML wird so aufgebaut:
HTML: 
<table>
     <tr>
          <td>
          </td>
     </tr>
</table>

Bei dir fehlen jedoch die <td>. Füge diese hinzu und du kannst die gesamte Tabelle, bzw. deine <td>, mit CSS entsprechend formatieren.



Grüsse,
soulxheart
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben