|
|||
Das Seiten menü rechts neben das logo bekommen?
ich habe folgendes problem ich will das menü (horizontal) rechts neben das logo bekommen.
HTML-Code:
tml> <head> <title>wAVE-Gaming Store Übersicht</title> <link type="text/css" rel="stylesheet" href="css/menu.css" media="screen,projection"/> </head> <body bgcolor="#292929"> <header> <a class="logo" href="https://wave-gaming.net/store/"><img src="res/logo.png" title="Logo" alt="Logo" style="width:325px; height:152px;margin-right:15px;" /></a> <nav> <ul class="menu"> <li><a href="skins.html">Skins</a></li> <li><a href="knifes.html">Knifes</a></li> <li><a href="sprays.html">Sprays</a></li> <li><a href="trails.html">Trails</a></li> <li><a href="tags.html">Tags</a></li> </ul> </nav> </header> <main> <ul> <p><font color="#808080">Start</font></p> </ul> </main> </body> </html> Code:
.menu { height: 58px; width 20px } .menu li { background: -moz-linear-gradient(#292929, #252525); background: -ms-linear-gradient(#292929, #252525); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #252525)); background: -webkit-linear-gradient(#292929, #252525); background: -o-linear-gradient(#292929, #252525); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#252525')"; background: linear-gradient(#292929, #252525); border-bottom: 2px solid #181818; border-top: 2px solid #303030; min-width: 160px; } .menu > li { display: block; float: left; } .menu > li:first-child { border-radius: 5px 0 0; } .menu a { border-left: 3px solid rgba(0, 0, 0, 0); color: #808080; display: block; font-family: 'Lucida Console'; font-size: 18px; line-height: 54px; padding: 0 25px; text-decoration: none; text-transform: uppercase; } .menu li:hover { background-color: #1c1c1c; background: -moz-linear-gradient(#1c1c1c, #1b1b1b); background: -ms-linear-gradient(#1c1c1c, #1b1b1b); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1c1c1c), color-stop(100%, #1b1b1b)); background: -webkit-linear-gradient(#1c1c1c, #1b1b1b); background: -o-linear-gradient(#1c1c1c, #1b1b1b); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#1b1b1b'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#1b1b1b')"; background: linear-gradient(#1c1c1c, #1b1b1b); border-bottom: 2px solid #222222; border-top: 2px solid #1B1B1B; } .menu li:hover > a { border-radius: 5px 0 0 0; border-left: 3px solid #C4302B; color: #C4302B; } .logo { margin:28px 10px 0 0; float:left; } Mit freundlichen Grüßen Saengerkrieg12 Geändert von Saengerkrieg12 (26.08.2017 um 11:27 Uhr) |
Sponsored Links |
|
|||
Hallo
Wenn das Logo und die Navigation auf eine Höhe sollen kannst du das margin-top von logo (aktuell 28px) passend verkleinern. Gruss MrMurphy Geändert von MrMurphy (26.08.2017 um 11:35 Uhr) |
Stichwörter |
css, html |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Bücher zu verkaufen | Rupper | Offtopic | 2 | 08.07.2011 14:18 |
IE - Bug beim Menü - Float | rockpianist | CSS | 4 | 08.05.2009 13:40 |
Rechts neben menü text und grafik einfügen | Sebbo | (X)HTML | 1 | 10.02.2009 17:11 |
Umbruch in einem LI bei horizontalem Menü | M4rco | CSS | 12 | 13.10.2006 12:26 |
Externer Link bei CSS menü | brenman | (X)HTML | 4 | 06.04.2005 19:26 |