So legen Sie die Höhe von in HTML oder CSS fest ⇐ CSS

[Anonymous]

Wie kann ich die Größe eines -Tags in CSS verringern? Ich kann es scheinbar nicht herausfinden. Ich habe den gesamten Code meines Projekts unten bereitgestellt. Mein Code hatte zwar PHP, aber ich habe es entfernt, weil es unnötig war. Hier ist ein JSFiddle, falls Sie den Code dort in der Vorschau anzeigen möchten.

HTML und CSS:

Code: Select all

#top-menu {
top: 0;
position: fixed;
}
nav {
position: relative;
/*float: left;*/
width: 100%;
background: #1E1E1E;
/*    display: table; */
margin: 0;
text-align: center;
height: 25px;
border: none;
border-width: 0;
margin: 0;
padding: 10px 10px;
}
nav ul ul {
display: none;
}
nav ul li:hover > ul {
display: block;
border: none;
border-width: 0;
}
nav ul {
background: #1E1E1E;
color: white;
padding: 10px 10px;
border-radius: 0;
list-style: none;
position: relative;
display: inline-table;
border-width: 0;
border: none;
}
nav ul:after {
content: "";
clear: both;
display: block;
}
nav ul li {
float: left;
border: none;
border-width: 0;
}
nav ul li:hover {
background: #1E1E1E;
background-color: orange;
color: white;
}
nav ul li:hover a {
color: #fff;
}
nav ul li a {
display: block;
height: 25px;
padding: 10px 10px;
color: #757575;
text-decoration: none;
border: none;
border-width: 0;
}
nav ul ul {
background: #1E1E1E;
color: white;
border-radius: 0px;
padding: 10px 10px;
position: absolute;
top: 50px;
border-width: 0;
margin-bottom: 0;
}
nav ul ul li {
float: none;
border-top: 1px solid #6b727c;
border-bottom: 1px solid #575f6a;
position: relative;
}
nav ul ul li a {
padding: 10px 10px;
color: #fff;
height: auto;
}
nav ul ul li a:hover {
background: #4b545f;
background-color: orange;
}
nav ul ul ul {
position: absolute;
left: 100%;
top: 0;
}
nav li#english a {
background: url(images/english.jpg) no-repeat;
background-position: center center;
}
nav li#english a:hover {
background: url(images/english.jpg) no-repeat;
background-position: center center;
background-color: orange;
}
nav li#english a.current {
background: url(images/english.jpg) no-repeat;
background-position: center center;
cursor: default;
}
/*--------------------------------------------*/

#menu {
background-color: #1E1E1E;
text-align: center;
padding-bottom: 0px;
}
body {
margin: 0px;
}
.clearfloat {
clear: both;
margin: 0;
padding: 0;
}
/*--------------------------------------------*/

#bottom {
float: left;
width: 100%;
background: #1E1E1E;
/*display: table; */
margin: 0;
text-align: center;
min-height: 25px;
height: 25px;
border-width: 0px;
margin-top: 0px;
padding-top: 0px;
bottom: 0px;
position: fixed;
}
#bottom ul ul {
display: none;
}
#bottom ul li:hover >  ul {
display: block;
}
#bottom ul {
background: #1E1E1E;
color: white;
padding: 0 0;
border-radius: 0;
list-style: none;
position: relative;
display: inline-table;
}
#bottom ul:after {
content: "";
clear: both;
display: block;
}
#bottom ul li {
float: left;
}
#bottom ul li:hover:nth-child(1) {
background: #1E1E1E;
color: #757575;
text-decoration: none;
}
#bottom ul li:hover:nth-child(2) {
background: #1E1E1E;
color: #757575;
text-decoration: none;
}
#bottom ul li:hover {
background: #1E1E1E;
color: white;
text-decoration: underline;
}
#bottom ul li:hover a {
color: #fff;
}
#bottom ul li a {
display: block;
padding: 25px 40px;
color: #757575;
text-decoration: none;
}
#bottom ul ul {
background: #1E1E1E;
color: white;
border-radius: 0px;
padding: 0;
position: absolute;
top: 100%;
width: auto;
}
#bottom ul ul li {
float: none;
border-top: 1px solid #6b727c;
border-bottom: 1px solid #575f6a;
position: relative;
}
#bottom ul ul li a {
padding: 15px 40px;
color: #fff;
}
#bottom ul ul li a:hover {
background: #4b545f;
}
#bottom ul ul ul {
position: absolute;
left: 100%;
top: 0;
}
/*--------------------------------------------*/

.bottommenuitem {
vertical-align: middle;
padding: 25px 40px;
color: #757575;
}

Code: Select all

Firma A/S


[*]





[url=Index.html]
[img]Tilbage.jpg[/img]
[/url]
[img]Top_10.jpg[/img]


[list]
[url=index.php]Velkommen[/url]

[*][url=index.php]Firma A/S[/url]

[url=index.php]Koncern oversigt[/url]

[url=index.php]Ejendomsselskaber[/url]

[*][url=index.php]Investeringsselskaber[/url]

[*][url=index.php]Øvrige selskaber[/url]

[*][url=index.php]Lukkede eller solgte selskaber[/url]

[/list]

[*][url=index.php]Jubilæum[/url]

[*][url=index.php]Årsrapport[/url]

[*][url=index.php]Galleri[/url]

[*][url=index.php]Kontaktoplysninger[/url]



[*][url=index.php]Privat[/url]

[*][url=index.php]Køb og salg[/url]

[*][url=index.php]In English[/url]









[list]
[*]Firma A/S
[*]phone No
[*][url=mailto:[email protected]][email protected][/url]

[/list]

Jede Hilfe ist willkommen, vielen Dank.