Hi,
ich interessiere mich für ein frei verfügbares Template, welches auf der folgenden Internetseite verfügbar ist:
http://www.freietemplates.de/f…tes/template_14/index.php
Hierbei habe ich 2 geplante Modifizierungen, die ich aktuell bei Selbstversuchen nicht umgesetzt bekomme:
1.) Möchte ich die Höhe des oberen schwarzen Menüs vergrößern. Der Hintergrund ist, dass der 6. Menüpunkt einem "Live-Suchfeld" weichen soll, welches unter dem Suchfeld zusätzlich 2 Radio-Buttons beinhaltet. Aufgrund dessen, dass ich die Höhe des Menüs nicht vergrößert bekomme, sind die Radio-Buttons nicht mehr innerhalb des schwarzen Menüs sondern teilweise darunter.
2.) Soll das Live-Suchfeld unmittelbar unterhalb des Suchfeldes eine Liste der Ergebnisse ausgeben. Diese Liste soll auch den restlichen Webseiteninhalt überlagern. Derzeit ist es so, dass die Ergebnisse weiter links, unterhalb des Menüpunktes "Kontakt", dargestellt werden und die darunterliegenden Inhalte nach unten verschieben.
Derzeit habe ich das Template noch nicht groß auf mich angepasst sondern mein Code entspricht im Großen und Ganzen dem auf der verlinkten Internetseite. Nachfolgend mein HTML-Code, den ich angepasst habe:
<div id="header">
<a href="index.html" id="logo"><span class="blue">::</span>Titel<span class="blue">.xx</span></a>
</div>
<div id="topnav">
<ul>
<li><a href="index.html" >Startseite</a></li>
<li><a href="about.html" >Über uns</a></li>
<li><a href="tabellen.html" >Tabellen</a></li>
<li><a href="suche.html" >Suche</a></li>
<li><a href="kontakt.html" >Kontakt</a></li>
<form id="suchformular" action="search.php">
<input type="text" name="search" autocomplete="off" placeholder="Suchbegriff eingeben" size="18" style="float:right; margin-right:10px;"><br>
<div style="float:right; margin-right:10px;"><input type="radio" id="type" name="type" value="verein" style="float:right; margin-right:10px;">Verein</div>
<div style="float:right; margin-right:10px;"><input type="radio" id="type" name="type" value="spieler" style="float:right; margin-right:10px;" checked>Spieler</div>
</form>
<div id="results" style="float:right;width:160px;margin:0 10px 15px 0; background-color:#f0f0f0;"></div>
</ul>
</div>
Alles anzeigen
Kurz zur Erläuterung der Live-Suche: Das Ergebnis wird im PHP-Skript mittels:
ausgegeben.
Da ich in CSS leider nicht so fit bin und schon etliches durchprobiert habe, wäre ich sehr froh, wenn mir jemand mit dem ein oder anderen Hinweis weiterhelfen könnte
Besten Dank im Voraus!
Gruß Auxilius