Navigationsleiste als Grafik, Blix

PFstyle

Hi,

[Blockierte Grafik: http://phillippfrank.ph.funpic.de/files/website.bmp]

Ich würde gerne die Rot unterstrichenen Navi elemente passend zum header als Grafik machen. es muss auch keinen Mouseover effekt geben.
Zur Zeit werden die Elemente vom Browser generiert (!?!?! Wieß nicht ob das stimmt)

Um euch die seite anzusehen: http://phillippfrank.funpic.de

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Monika

ein durchgängiges Bild oder
viele kleine Bilder ?

lg

PFstyle

Ab betsen eine große.

Monika

Zitat von PFstyle

Ab betsen eine große.

ich glaube in der header.php steht drin

Code

<!-- navigation ................................. -->
<div id="navigation">




	<ul>


                 <li class="selected"><a href="http://www.e-phillipp.de/blog">Home</a></li>
                 <li class="unselected"><a href="http://phillippfrank.ph.funpic.de/lazyest-index.php">Fotos</a></li>
                 <li class="unselected"><a href="http://phillippfrank.ph.funpic.de/wall.php">G&auml;stebuch</a></li>


                <li><a href="http://www.e-phillipp.de/blog/?page_id=9">FLUG</a></li>
<li><a href="http://www.e-phillipp.de/blog/?page_id=14">SCHULE AUSTRALIEN</a></li>


	</ul>






</div><!-- /navigation -->

Alles anzeigen

dies sagt aus, dass diese Navigation mit dem
#navigation in der style.css gestylt wird.

dort musst Du das Hintergrundbild verlinken,

#navigation{background:url(images/deinbild.jpg;)}
aber nicht das vorhandene löschen

findest Du
#navigation in der style.css, wenn ja dann poste bitte was dort noch alles mit dem steht, weil da etliches geändert werden muss,
ich mag mirs aber nicht selber suchen (zugeb)

lg

PFstyle

PHP

/* navigation
--------------------------------------------------*/
#navigation {
  height:2.7em;
  line-height:2.7em;
}


#navigation ul {
  margin:0;
  padding:0;
}


#navigation li {
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
  border-right:1px solid;
  white-space:nowrap;
}


#navigation li a {
  display:block;
  padding:0 18px;
  font-size:0.8em;
  text-transform:uppercase;
  letter-spacing:1px;
}


* html #navigation a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */


#navigation form {
  float:right;
  height:100%;
  width:189px;
  padding:0 15px;
  border-left:1px solid;
  line-height:0;
}


#navigation form fieldset {
  /* centering the search form could've
  been done way more elegant but IEWin
  and Opera refused to follow the rules */
  margin-top:7px;
  border:0 solid; /* Opera */
}


* html #navigation form fieldset {margin-top:7px;}


#navigation #s {
  height:1.5em;
  width:140px;
  margin:0 5px 0 0;
  padding:0;
  border:1px solid;
  font-size:0.8em;
  vertical-align:middle;
}


#navigation #searchbutton {
  height:2em;
  width:auto;
  padding:0 1px;
  border:1px solid;
  font-size:9px;
  letter-spacing:1px;
  text-align:center;
  vertical-align:middle;
}

Alles anzeigen

Das ist die layout.css die style.css gibt es in dem sinne nicht wird nur auf die layout.css verwiesen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Navigationsleiste als Grafik, Blix

Jetzt mitmachen!