F
Fishmasta
Guest
Hallo Leute,
einige werden mich inzwischen bereits kennen
Es geht um folgende Page: HIER KLICKEN (ja Ich konnte wieder in paar Fortschritte machen).
Hier der html-Code:
Hier die stylesheet.css:
und hier die reset.css (hab ich mir irgendwo geladen):
Die Navi bringt mich immer noch zur Verzweifelung.
Wie man sehen kann habe ich es nach einem sehr langen K(r)ampf geschafft den Hintergrund und die Trennbalken der Navi passend zu formatieren.
Nun bin ich schon seit über einer Stunde damit beschäftigt, den Text in die vertikale Mitte zu bekommen, aber egal was ich versuche, es funktioniert einfach nicht.
vertical align: erfolglos
margin: erfolglos
padding: erfolglos
Zur Zeit weiß ich einfach nicht mehr weiter.
Ich hoffe ihr könnt mir helfen!
THX!
einige werden mich inzwischen bereits kennen
Es geht um folgende Page: HIER KLICKEN (ja Ich konnte wieder in paar Fortschritte machen).
Hier der html-Code:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>...::: DS KRÄMER - maschinen und druckluftsysteme GmbH :::...</title>
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/stylesheet.css" />
</head>
<body>
<div align="center">
<ul id="header">
<li><img src="Bilder/header.jpg" alt="header" /></li>
</ul>
<ul id="navi">
<li><a href="#">Home</a></li>
<li class="trenner"></li>
<li><a href="#">Über uns</a></li>
<li class="trenner"></li>
<li><a href="#">Produkte</a></li>
<li class="trenner"></li>
<li><a href="#">Shop</a></li>
<li class="trenner"></li>
<li><a href="#">Aktionen</a></li>
<li class="trenner"></li>
<li><a href="#">Service</a></li>
<li class="trenner"></li>
<li><a href="#">Partner</a></li>
<li class="trenner"></li>
<li><a href="#">Kontakt</a></li>
<li class="trenner"></li>
<li><a href="#">AGB</a></li>
<li class="trenner"></li>
<li><a href="#">Impressum</a></li>
</ul>
<ul id="footer">
<li><img src="Bilder/footer_trenner.jpg" alt="footer_trennlinie" /></li>
<li class="text">DS KRÄMER KRAEMER maschinen und druckluftsysteme shop service atlas copco kompressoren beko kondendsataufbereitung hoerbiger pneumatische elemente cooper tools montagewerkzeuge biax schleiftechnik norclean staubsaugsysteme red rooster drucklufthebezüge drucklufthebezuege bosch druckluftmotoren aero go luftkissensysteme transportsysteme aero motive federzüge federzuege balancer mietkompressoren iso 9001:2008 airgroup köln pulheim brauweiler 50259 nrw nordrhein westfalen service notdienst 24/7 daimlerstraße daimlerstrasse 11 ferdinand krämer kraemer
</li>
</ul>
</div>
</body>
</html>
HTML:
* {
margin:0px;
padding:0px;
}
body {
background-image:url(Hintergrund.jpg);
background-repeat:no-repeat;
}
ul {
background-color:#FFFFFF;
width:1000px;
}
ul#header {
border:#000000;
border-style:solid;
border-width:1px;
border-bottom:hidden;
}
ul#navi {
background-image:url(navibilder/hintergrund.jpg);
padding-bottom:22px;
border:#000000;
border-style:solid;
border-width:1px;
}
ul#navi li {
display:inline;
font-size:18px;
font-family:Times New Roman;
font-weight:bold;
color:#FFFFFF;
padding-left:17px;
padding-right:17px;
}
ul#navi li a:link {
color:#FFFFFF;
text-decoration:none;
}
ul#navi li a:hover {
color:#00AEFF;
}
ul#navi li a:visited {
color:#FFFFFF
}
ul#navi li.trenner {
background-image:url(navibilder/trenner.jpg);
display:inline;
padding:0;
padding-left:2px;
padding-bottom:19px;
}
ul#footer {
border:#000000;
border-style:solid;
border-width:1px;
border-top:0;
}
ul#footer li.text {
font-family:Arial;
font-size:14px;
font-weight:bold;
color:#0F3F63;
text-align:left;
margin-left:15px;
margin-bottom:3px;
}
HTML:
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}Wie man sehen kann habe ich es nach einem sehr langen K(r)ampf geschafft den Hintergrund und die Trennbalken der Navi passend zu formatieren.
Nun bin ich schon seit über einer Stunde damit beschäftigt, den Text in die vertikale Mitte zu bekommen, aber egal was ich versuche, es funktioniert einfach nicht.
vertical align: erfolglos
margin: erfolglos
padding: erfolglos
Zur Zeit weiß ich einfach nicht mehr weiter.
Ich hoffe ihr könnt mir helfen!
THX!
