Suche auf lima-city
-
in: fensterbreite auslesen
geschrieben von pro45
Sieht doch schon recht gut aus !
was die standfestigkeit in der materie betrifft: das ich nie ein entsprechendes tutorial gemacht hab, muss ja nicht heissen, dass ich kein bisschen in der materie stehe...
Nun, das du nicht ganz aus der Welt bist hast du jetzt ja gezeigt
Die CSS solltest du wie folgt ändern:
.chromestyle ul{
border: 0;
width: 100%;
/*background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
background-color: #BF8E2E;
padding: 4px 0;
margin: 0;
text-align:center; /*set value to "left", "center", or "right"*/ /*----------so kannst du das <center></center> weglassen---------*/
}
/* feste Breite der Navigation */
.chromestyle ul li {
background-color: #BF8E2E;
display: inline-block;
width: 120px;
}
/* fügt Hover-Effekt für die ganze Zeile hinzu */
.chromestyle ul li:hover {
background-color: #F2DD60;
display: inline-block;
width: 120px;
}
CSS Anweisungen kannst du auch per "style="" " direkt an der Stelle einfügen wo es erforderlich ist, so auch in einer PHP, z.B: style ="$tdwidth; $tdheight;", sollte an anderer Stelle natürlich definiert sein.
PHP in einer .css auszuführen funktioniert nicht.
Was mir noch aufgefallen ist, ist das alle Links bei dir per onclick also mit JS funktionieren:
<a onclick="gotoELink('index.php?page=1&intro=0');" rel="dropmenu1" attr="#" >Home</a>
...warum nicht mit href atrtribut ?
<a href="index.php?page=1&intro=0" rel="dropmenu1">Home</a>
so klappts auch ohne JS und Suchmaschienen finden diese Seite auch !
Noch ein Tipp, in PHP sollte & maskiert werden, richtig ist => &
Viel Spass noch beim Basteln
mfg
-
in: fensterbreite auslesen
geschrieben von pro45
Von nix wird nix, ein wenig mit der Materie beschäftigen solltest du dich schon !
Die Listenelemente sind in der CSS Datei definiert, dort kannst du alles anpassen, am einfachsten wäre in deinem Fall für jede Schaltfläche eine Grafik zu erstellen und diese anstelle des Textes zu setzten, in der CSS steht eine Klasse namens .tab li , diese ist mit "display: inline;" ausgezeichnet, wenn du diese auf "display: inline-block;" setzt kannst du Breite und Höhe für die Listenelemente angeben, mit "display: inline;" richtet sich die Größe nach der Länge des Textes + die Angabe für Padding left und right.
Zum Thema JS aktiv oder nicht kann ich dir nur sagen das du das so wie du dir das vorstellst nicht erkennen kannst, du kannst lediglich auf deiner Seite ein "noscript tag" setzten der dem Besucher informiert das er kein JS aktiviert hat und dies doch biiteschön tun soll, z.B: <noscript> Unsere Website benötigt Javascript, dies ist bei Ihnen leider deaktiviert . . . bla bla . . . </noscript>, ob die User das letztendlich machen ist ne andere Frage.
Besser ist halt in diesem Fall eine Dummyseite einzurichten auf der alle Links die mit JS erscheinen würden anzubieten.
Thema lernen, guckst hier:
HTML: http://www.htmlbasis.de/inhalt.htm, hier gibts auch etwas JS
CSS: http://www.css4you.de
mfg -
in: fensterbreite auslesen
geschrieben von pro45
Warum so umständlich ?, außerdem, wie kommt man auf die Folgeseiten wenn JS deaktiviert ist ???, dass Tabellenkonstrukt bläht den Quelltext auch reichlich auf.
Warum nicht eine Kombination aus CSS und JS, so kannst du für den Fall das JS bei einigen deaktiviert ist eine Navigationsseite anlegen das auch diese Leute weiterkommen.
Schau mal hier: http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm , die Hauptnavigation funktioniert auch mit abgeschalteten JS und du kannst dies per CSS in jedem Punkt an deine Seite anpassen
Mfg