Ergebnis 1 bis 2 von 2

Thema: Text neben div Menüleiste

  1. #1
    HTML Newbie
    Registriert seit
    23.06.2015
    Beiträge
    1
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Text neben div Menüleiste

    Hallo,
    könnt ihr mir vielleicht helfen wie man einen Text neben einer Div Tabelle macht, brauche das für den informatik unterricht in der 8.

    HTML:
    <html>
    <head>
    <link rel="stylesheet" href="Startseite.css" type="text/css">
    <meta name="author" content="Justus,Marco,Christopher">
    <meta name="description" content="Die 10 besten Videospiele">
    <meta name="language" content="GER">
    <title>JuMaCh</title>
    </head>
    <body>
    <div class="logo">
    <a href="/"><img id="logo" src="C:\Users\Justus\Downloads\logo.jpg" width="440" height="150"></a>
    </div>
    <div id="menu">
    <ul>
    <li>
    <h3><a href="#">Startseite</a></h3>
    </li>
    <li>
    <h3><a href="#">Game-Quiz</a></h3>
    <ul>
    <li><a href="#">1.</a></li>
    <li><a href="#">2.</a></li>
    <li><a href="#">3.</a></li>
    <li><a href="#">4.</a></li>
    <li><a href="#">5.</a></li>
    <li><a href="#">6.</a></li>
    <li><a href="#">7.</a></li>
    <li><a href="#">8.</a></li>
    <li><a href="#">9.</a></li>
    <li><a href="#">10.</a></li>
    </ul>
    </li>
    <li>
    <h3><a href="#">Top Games</a></h3>
    <ul>
    <li><a href="#">1.</a></li>
    <li><a href="#">2.</a></li>
    <li><a href="#">3.</a></li>
    <li><a href="#">4.</a></li>
    <li><a href="#">5.</a></li>
    <li><a href="#">6.</a></li>
    <li><a href="#">7.</a></li>
    <li><a href="#">8.</a></li>
    <li><a href="#">9.</a></li>
    <li><a href="#">10.</a></li>
    </ul>
    </li>
    <li>
    <h3><a href="#">Game-Tipps</a></h3>
    <ul>
    <li><a href="#">1.</a></li>
    <li><a href="#">2.</a></li>
    <li><a href="#">3.</a></li>
    <li><a href="#">4.</a></li>
    <li><a href="#">5.</a></li>
    <li><a href="#">6.</a></li>
    <li><a href="#">7.</a></li>
    <li><a href="#">8.</a></li>
    <li><a href="#">9.</a></li>
    <li><a href="#">10.</a></li>
    </ul>
    </li>
    <li>
    <h3><a href="#">Impressum</a></h3>
    </li>
    </ul>
    <div style="clear:none;">
    </div>
    </body>
    </html>

    CSS:
    body {
    background: white;
    }
    * {
    margin: 0;
    padding: 0;
    }
    #container {

    }
    #menu {
    float: right;
    width: 7.5%;
    height: 100%;
    padding: 0 20px;
    background: #003366;
    font-family: Verdana;
    font-size: 1em;
    line-height: 1.5;
    }
    #menu ul {
    float: right;
    width: 140px;
    list-style-type: none;
    }
    #menu h3 {
    font-size: 1em;
    text-align:center;
    color: #000;
    border: 1px solid #003366;
    background: #ff8000;
    }
    #menu a {
    text-decoration: none;
    display: block;
    border: 1px solid #ccc;
    text-align: center;
    background: #ff9224;
    color: #003366;
    }
    #menu a:hover {
    color: green;
    background: #003366;
    }
    #menu li {
    position: relative;
    }
    #menu ul ul {
    position: absolute;
    z-index: 2;
    display: none;
    }
    #menu ul li:hover ul {
    display: block;
    }
    * html #menu ul li{
    float: right;
    width: 100%;
    }
    *+ html #menu ul li {
    float: right;
    width: 100%
    }
    .logo {
    width:100%;
    height:15.7%;
    margin: auto;
    text-align: center;
    border:1px solid #003366;
    display:block;
    right: 25%;
    left: 25%;
    background: #003366;
    }
    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
    König(in)
    Registriert seit
    13.06.2012
    Beiträge
    1.151
    Danke
    14
    Bekam 63 mal "Danke" in 61 Postings

    Standard AW: Text neben div Menüleiste

    Man soll sich den Code jetzt selber in Dateien packen, oder wie?
    Gegen Mods kommt man nicht an, die haben immer Recht. Sind scheinbar nicht kritikfähig.

Ähnliche Themen

  1. Text neben Bild
    Von Mario Schiller im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 14.06.2010, 11:21
  2. Text neben Bild
    Von SteveO! im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 1
    Letzter Beitrag: 23.06.2009, 19:14
  3. Bild neben Text
    Von noob222 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 21.03.2007, 12:44
  4. text neben foto
    Von im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 03.08.2006, 14:30
  5. Text neben Bild
    Von WHN im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 07.04.2005, 22:55

Stichworte

Berechtigungen

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