Banner mit Links klappt nicht

[gini0_8]

Hallo zusammen.
Ich habe eine Seite mit php und einer style.css
Jetzt möchte ich unter meinen header ein banner einbringen welches drei links enthalten soll.
Diese Links sollen recht ausgerichtet sein.
aus irgendeinem Grund, wahrscheinlich sehe ich den Wald vor lauter Bäumenicht, kriege ich das nicht hin.
Ich hoffe ihr könnt mir helfen.
Das Banner ist ein banner.gif.

hier die style.css

Code: Alles auswählen

body {background-color: FFFFF; margin: 0px}
body, td, input, select, button {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000}
a {color: #000; text-decoration: underline}
img {border: 0px}
form {margin: 0px}
h1 {font-size: 21px; color: #069; font-weight: normal; margin: 0px; margin-bottom: 21px; padding: 0px}
h2 {font-size: 18px; color: #069; font-weight: normal; margin: 0px; margin-bottom: 5px; padding: 0px}

.error {color: #C00; background: url(images/icons/error.gif) no-repeat left center; margin: 0px; margin-bottom: 9px; padding: 8px; padding-left: 54px}
.info {color: #069; background: url(images/icons/info.gif) no-repeat left center; margin: 0px; margin-bottom: 21px; padding: 8px; padding-left: 38px; font-weight: bold; list-style-type: none}

.shleft {width: 8px; vertical-align: top}
.shright {width: 8px; vertical-align: top}
.main {vertical-align: top; text-align: left; background: url(images/layout/h.jpg); position:relative; margin:0 180px 0 210px; min-height:400px; height:auto !important; height:400px}
.content {padding: 16px; vertical-align: top}

.header {background-image: url(images/layout/header1.gif); margin: 10px; margin-left: auto; margin-right: auto; height: 225px}

HIER SOLLTE WOHL DAS BANNER STEHEN

.navbar {width: 180px; vertical-align: top; background-image: url(images/layout/bgbar.jpg); text-align: left}
.navbar_inner {min-height: 541px; padding-top: 65px}
.navbar ul {list-style-type: none; margin: 16px; margin-top: 0px; padding: 0px}
.navbar ul a {display: block; text-align: center; border-bottom: 1px solid #91BDD3; text-decoration: none}
.navbar ul a:hover {text-decoration: none; background-color: #4A92B7; color: #FFF}
.navbar ul ul {margin: 0px}
.navbar ul ul a {font-size: 11px; padding: 2px; padding-left: 17px}
................


Ich danke euch schon mal im voraus.

[sejuma]

Dein Problem kann man ohne HTML-Teil bzw. ohne Link zur Seite schlecht beurteilen.
Abstrakt würde ich sagen:
Wenn dein Banner drei Links sein sollen, dann verwende eine UL-Listen-Navigation und binde die jeweiligen bilder (oder Bildteile) entweder als image in den Link ein oder weise sie den Links als Hintergrundgrafik zu.
Vielleicht hilft dir das weiter: http://www.ohne-css.gehts-gar.net/0073.php
Den ID #navi müsstest du dann noch rechts floaten.

[gini0_8]

Gut, also ich habe es bis jetzt so hin gekriegt das die links "Startseite" "Impressum" und "AGB" auf der Seite an der richtigen postion angezeigt werden.
Allerdings ist das Banner.gif unter den Links und die links nicht in dem Banner.
Ich poste mal den css text und den html text

style.css

Code: Alles auswählen

.banner {background-image: url(images/layout/banner.gif); margin: 10px; margin-left: auto; margin-right: auto; height: 90px}
.banner ul {padding: 0; margin: 0; list-style: none}
.banner a {display: block; width: 10em}
.banner li {float: right}


header.php

Code: Alles auswählen

<div class="banner">
<ul>
<li><a href="<?php echo $url; ?>index.php">Startseite</a>
</ul>
<ul>
<li><a href="<?php echo $url; ?>index.php">Impressum</a>
</ul>
<ul>
<li><a href="<?php echo $url; ?>index.php">AGB</a>
</ul>
</div>


Wo liegt mein Fehler?????????????

[sejuma]

Nach wie vor bräuchte man einen Link.

Falsch ist folgendes:
Du hast li jeweils nicht geschlossen.
Ferner reicht einmal ul aus. in ul kommen dann die drei li's mit den Links rein.

[gini0_8]

Der Link ist www.tecmall.de

[sejuma]

Nimm den img-Tag ("Banner") aus dem ersten Link raus und weise die Grafik ul als Hintergrundgrafik zu; ggf. dann noch mit background-position positionieren.

Dann beseitige unbedingt noch die aktuellen Validierungsfehler. Dann kann man diese nämlich als mögliche Ursachen für Fehldarstellungen ausschließen.

[gini0_8]

OK, habs versucht.
Sorry wenn ich mich anstelle aber das ganze sieht dann so aus: http://www.tecmall.de

header.php

Code: Alles auswählen

<div class="banner">
<ul>
<li><a href="<?php echo $url; ?>page.php?id=2">AGB<img src="images/layout/banner.gif"></a></li>
<li><a href="<?php echo $url; ?>page.php?id=1">Impressum<img src="images/layout/banner.gif"></a></li>
<li><a href="<?php echo $url; ?>index.php">Startseite<img src="images/layout/banner.gif"></a></li>
</ul>
</div>


style.css

Code: Alles auswählen

.banner ul {padding: 0; margin: 0; list-style: none}
.banner a {display: block; width: 10em}
.banner li {float: right}


Das gif hab ich auch mal mit rein gepackt.

banner.gif (2.55 KiB) 384-mal betrachtet

[sejuma]

Du solltest die Seite erst einmal valide machen und diese Fehler beheben, denn sie können möglicherweise Ursache für das Problem sein: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.tecmall.de%2F

Wozu verwendest du denn die vielen Tabellen? Die sind weder nötig, noch angebracht und führen ebenfalls nur zu Problemen.