zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Das Seiten menü rechts neben das logo bekommen?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.08.2017, 10:34
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.08.2017
Beiträge: 3
Saengerkrieg12 befindet sich auf einem aufstrebenden Ast
Beitrag 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 &Uuml;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)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.08.2017, 11:18
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.123
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo

logo sprichst du im CSS als Klasse an (.logo), weist ihm im HTML aber eine ID (id="logo") zu.

Gruss

MrMurphy
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.08.2017, 11:23
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.08.2017
Beiträge: 3
Saengerkrieg12 befindet sich auf einem aufstrebenden Ast
Standard

Danke für die antwort hat funktioniert aber wie bekomme ich das menü noch ein wenig herunter?
Mit Zitat antworten
  #4 (permalink)  
Alt 26.08.2017, 11:31
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.123
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

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)
Mit Zitat antworten
  #5 (permalink)  
Alt 26.08.2017, 11:51
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.08.2017
Beiträge: 3
Saengerkrieg12 befindet sich auf einem aufstrebenden Ast
Standard

danke für die hilfe von euch hat alles funktioniert
Mit Zitat antworten
Antwort

Stichwörter
css, html

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:16 Uhr.