hiho 
ich hab nen brett vorm kopf - mal wieder.
anghängte navi soll dargestellt werden. an sich kein problem wenn da nich die kleinen kästchen wären. oder mach ichs grad schwierigier als es ist? sonst wärs doch ganz simpel per tabelle für den balken und css für den text und evtl hover.
aber nu müßte ich doch über buttons nachdenken oder? und dann auch inne tabelle für den balken und die buttons piekgenau anpassen, damit nix übersteht? *knoten im kopf*
was habt ihr für vorschläge?
lg
ivonne
einfach eine Grafik fuer die Kaestchen erstellen und im css mit background-image arbeiten
Mit background-position kannst du auch die Position des Kaestchens aendern.
Du kannst auch generell den ganzen hintergrund als background-image erstellen, und koenntest somit auf background-position verzichten.
du könntest auch des bild mit text als hintergrund nehmen und dann
shapes über die menüfelder ziehen und diese dann verlinken
Probiers mal damit im HTML-Teil:
<ul style="list-style-type:square;">oder besser in der CSS-Datei bei der ul-Formatierung:
list-style-type:square;öhm... des sind.....
joa, also shapes sind entweder rechtecke oder kreise die du anhand
von koordinaten erstellen kannst und dann verlinken kannst.
allerdings nicht "sichtbar" also praktisch transparent...
Find ich aber für diesen Fall etwas unsinnig 
Da Suchmaschinen so nix zu lesen bekommen. Da finde ich eine Liste semantisch und taktisch am klügsten.
ja schon, war ja nur ne mögliche alternative...
einfach ums mal zu erwähnen...
eignen tut sich des nur bei wirklichen bildern ohne text...
Hi Ivonne,
warum das Rad neu erfinden?
Da waren schon viele kreative Köpfe am Werk und haben Browserübergreifende Lösungen erdacht.
http://css.maxdesign.com.au/listamatic/
Das hat nichts mit Ideenklau zu tun. Die Nutzung ist erwünscht, Anpassung an die eigene Website natürlich ein Muß.
Mfg yeti66 
Hi yeti,
danke für den Link mir ist klar, das ich auch abkucken kann, aber mein Ehrgeiz... *soifz*
Ich frickel erstmal so und wenn ich nicht weiterkomm, dann erlaub ich mir vielleicht einen kleinen Blick *g*
Setz die Squares doch als Background-images wieder ein und gib den Links dann ein wenig padding-left!
Ich glaub, ich versteh das nicht. 
Mal davon ab, das die Squares als Image sowieso son bißchen wischiwaschi aussehen würden oder?
Hi,
das die Squares als Images wieder eingesetzt wurden ist nachher nicht wischiwaschi, sondern nicht vom Original zu unterscheiden
machs doch so:
a {
background: transparent url(Bildurl zum Square) no-repeat;
background: position: 0px 50%;
padding-left: 6px;
}aber ich versteh nicht wieso bei dir die Squares verloren gehn, wenn du die Liste nebeneinander setzen lässt?
Versuchs mal nicht mit display: inline; sondern mit:
ul li {
display: block;
float: left;
}ich meine so oder so ähnlich müsste es funktionieren.
MfG
LizZard
Das list-style-type:square funktioniert tatsächlich nicht beim display: inline. Zumindest nicht im IE.
Soweit so gut
Sieht jetzt so aus:
padding: 3px 10px;
background: transparent url(square.gif) no-repeat;
padding-left: 8px;
background-position: left;Allerdings sind die noch nen Ticken zu hoch, das krieg ich nich hin irgendwie...
http://www.checkpoint-i.de (neu laden nich vergessen, weil komplett neue seiten)
Hi,
in der Background-position kannst du die Höhe noch pixelgenau angeben. Ich arbeite immer mit: background-position: 0px 50%;
Der erste Wert legt hierbei die horizontale, der zweite Weg die vertikale Einrückung von der linken oberen Ecke fest. Also wenn mit 0px 50% der Square noch zu hoch ist, passt du einfach den Vertikalen Wert an, auf 0px 60% beispielsweise.
MfG
LizZard
Habs umgestellt, danke für die Erklärung
Was mich total verunsichert: Ich hab nen neuen größeren Monitor und dementsprechend die Auflösung auf 1280x1024 und nu hab ich grad ma mit den Zoomfaktoren/Schriftgraden in den Browsern rumgespielt und mußte feststellen, das Scrollbalken erscheinen... Ich weiß, ich müßte wohl mit % Angaben arbeiten, aber kriegt man den optimalen % Wert denn nur durch fummeln raus oder gibs da son paar Faustregeln?
Hi Ivonne,
wenn Du mit festen größen (Breite, Schrift,Position) arbeitest hast Du es einmal einfacher mit der Positionierung insbesondere mit Grafiken, die flexibel mit % zwar skalieren, aber auch in der Qualität verlieren. Der Trend geht jetzt wieder in Richtung Retro-Grafik und Liquid-Layout http://www.csshilfe.de/2005/04/liquid…ch-erklaert.php.
Das Liquid-Layout hat den Vorteil, dass es sich den persönlichen Einstellungen im Browser anpasst. Das heißt zB.: die Schrift wird nicht breiter als der Buttonhintergrund, oder der Fließtext läuft über den Rahmenhintergrund nach unten ins bodenlose. Ältere User habe es mit den Augen und die Schrift zB. in Deiner Navi ist ihm zu klein, vergößert er die Schrift und 1-2-3 ist die Navileiste zu schmal in der Höhe und es wird unleserlich. Das Liquid-Layout kann man dann schon in einem Atemzug mit Barrierefreiheit nennen. Man schreibt (codet) ja nicht nur für sich.
Du arbeitest mit einer Mischung aus Tabellen und CSS. Was hältst Du davon Deine Seite pur mit CSS aufzubauen und Tabellen dafür zu benutzen wofür sie da sind http://de.selfhtml.org/html/allgemein…zweckentfremden.
Auch wenn ich mir damit ein paar Tabellenpuristen zum Feind mache. Die konsequente Umsetzung ist es allemal wert, da sie zukunftsorientiert ist.
Gruß yeti66