navi-link-"style"

[Lena]

hallo.
also ich hab im forum über mein thema nichts gefunden..
falls ich da falsch liege könnt ihr mich gern eines besseren belehren ^^..also zu meinem problem:
myblog layout.
man kann ja die navi ganz "eigen stylen"...d.h. also
das man das "aussehn" von den anderen links unterscheiden
kann..soo jetzta..wenn ich für die navi einfach einen
test-link nehme funktioniert der style meiner navi-links
super..nur sobald ich die richtigen links einfüge verwandeln
sich meine navi-links in ganz normale links und der
navi-css-code wird einfach nicht erkannt..
was ist da los??!! *g*
LG
Lena

[Cheatah]

Hi,

wenn ich für die navi einfach einen
test-link nehme funktioniert der style meiner navi-links
super..nur sobald ich die richtigen links einfüge verwandeln
sich meine navi-links in ganz normale links und der
navi-css-code wird einfach nicht erkannt..
was ist da los??!! *g*

Du hast nur unbesuchte Links formatierst, nicht jedoch besuchte.

So, meine PSI-Kräfte sind für die nächsten siebzehn Jahre verbraucht ... beim nächsten Mal musst Du eine Problembeschreibung abliefern.

Cheatah

[Lena]

doch.hab ich =)
LG
Lena

[Cheatah]

Hi,

doch.hab ich =)

schade, meine PSI-Kräfte sind trotzdem verbraucht. Ich fürchte also, Du musst doch eine Problembeschreibung abliefern.

Cheatah

[Lena]

ja und was soll ich sagen???!!!
ich hab alles gecodet...nur sobald ich die
"richtigen" links einfüge gehts nich mehr..wenn
ich die "richtigen" links dann wieder lösche
funktioniert's trotzdem nicht *hmmm*..
der test-link is zum z.b. zu google oda myblog..
LG
Lena

[Auge]

Hallo

ja und was soll ich sagen???!!!
ich hab alles gecodet...nur sobald ich die
"richtigen" links einfüge gehts nich mehr..wenn
ich die "richtigen" links dann wieder lösche
funktioniert's trotzdem nicht *hmmm*..
der test-link is zum z.b. zu google oda myblog..

Wir wollen den resultierenden HTML- und den CSS-Code sehen, sonst können wir nur im Trüben herumstochern.

*btw* Wenn es bei "myblog" um das Blogskript von mylittlehomepage.net gehen sollte, warum fragst du dann nicht zuerst im dortigen Forum nach? Wie gesagt, falls meine Vermutung zutreffen sollte.

Tschö, Auge

[Engin]

Hi,

ja und was soll ich sagen???!!!

Nichts, nur schreiben, z.b. ein bisschen Code deiner versuche, Cheatahs PSI kräfte hast
du ja schon auf dem Gewissen, zieh nicht noch mehr Leute in mitleidenschaft.

Grüße,
Engin
 GYRO

[Lena]

hey...
ich möcht ja nich dass noch mehr leutz zu schaden kommen..
hier ma meine beiden codes ^^:

A.navi:link, a.navi:visited, a.navi:active {
display: block;
color: #5D3A00;
font-family: tahoma;
font-size: 11px;
font-weight: bold;
text-align: left;
text-decoration: none;
text-transform: none;
line-height: 12px;
background-color: #ffffff;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-right: 0px solid #DCC194;
border-left: 10px solid #DCC194;
margin: 2px;
padding-left: 3px;
padding-bottom: 2px;
}

a.navi:hover {
display: block;
color: #DCC194;
font-family: tahoma;
font-size: 11px;
font-weight: bold;
text-align: left;
text-decoration: none;
text-transform: none;
line-height: 12px;
background-color: #ffffff;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-right: 0px solid #FFD898;
border-left: 10px solid #FFD898;
margin: 2px;
padding-left: 3px;
padding-bottom: 2px;
}

vllt könnt ihr damit ja was anfangen ^^

LG
Lena

[Engin]

Hi,

vllt könnt ihr damit ja was anfangen ^^

Bevor man jetzt deinen Code korrigiert und dir damit die Chance nimmt, das SELF
zu lernen, solltest du dir vielleicht nochmal das Kapitel
/html/verweise/definieren genauer anschauen.

Interessant für dich könnte der abschnitt
http://de.selfhtml.org/html/verweise/anzeige/a_href_css.htm sein.

Grüße,
Engin
 GYRO

[Lena]

hey,
'tschuldigung aber diese seite hat mir jetzt überhaupt
nicht weitergeholfen...was hat das denn mit
verweisungen zu tun???...ich blick nich
durch..sry...???
LG
Lena

[Engin]

Hi Lena,

'tschuldigung aber diese seite hat mir jetzt überhaupt
nicht weitergeholfen...was hat das denn mit
verweisungen zu tun???

Dein Post hat ausschliesslich mit verweisen zutun.

Ein bsp. aus deinem Code:

  

> A.navi:link, a.navi:visited, a.navi:active {}  
> a.navi:hover {}  

Augenmerk auf

  

> A.navi:link,  

vergleiche mit

  

> a.navi:visited, a.navi:active {}  

das grosse A. bei navi:link und die kleinen a. ~~~css

a.navi:visited, a.navi:active a.navi:hover

  
Code aus der verlinkten Seite:  
  
~~~css
  
a:link {}  
a:visited {}  
a:hover {}  
a:active {}  
a:focus {}  

Auch die reihenfolge der Eigenschaften a:link, a:visited, a:hover, a:active, a:focus,
können fehler verursachen.

Grüße,
Engin
 GYRO

[Gunnar Bittersmann]

Hello out there!

das grosse A. bei navi:link und die kleinen a.
a.navi:visited, a.navi:active a.navi:hover
könnten eine ursache für den fehler sein.

Nein. [CSS2 §4.1.3]

Auch die reihenfolge der Eigenschaften a:link, a:visited, a:hover, a:active, a:focus,
können fehler verursachen.

Nicht „Eigenschaften“, sondern „Selektoren“. [CSS2 §4.1.7, CSS2 §4.1.8]

Nicht „Fehler“, sondern anderes als das gewünschte Verhalten.

See ya up the road,
Gunnar

[MudGuard]

Hi,

das grosse A. bei navi:link und die kleinen a.
a.navi:visited, a.navi:active a.navi:hover
könnten eine ursache für den fehler sein.

Nein. [CSS2 §4.1.3]

Du begründest, daß die Groß-Klein-Schreibung nicht die Fehlerursache sein kann mit einem Abschnitt aus dem CSS-Standard *), in dem steht, daß die Groß-Klein-Schreibung relevant ist?

Zitat: "CSS-Stylesheets wird die Groß-/Kleinschreibung grundsätzlich nicht berücksichtigt, außer in Teilen, die nicht unter der Kontrolle von CSS stehen. [...] Beachten Sie insbesondere, dass für Elementnamen in HTML die Groß-/Kleinschreibung nicht berücksichtigt wird, in XML dagegen schon.

Da Lena bisher keinen (X)HTML-Code gezeigt hat, kann nicht ausgeschlossen werden, daß sie XHTML verwendet, womit die Großschreibung des A durchaus fehler-relevant wäre.

*) bzw. aus einer Übersetzung einer veralteten Version davon (warum eigentlich die Übersetzung? Daß Du die Version 2.1 in Deutsch nicht zitierst, ist klar, weil's die immer noch nicht gibt, aber Fachsprache ist nun mal Englisch ...)

cu,
Andreas

[Gunnar Bittersmann]

Hello out there!

Da Lena bisher keinen (X)HTML-Code gezeigt hat, kann nicht ausgeschlossen werden, daß sie XHTML verwendet, womit die Großschreibung des A durchaus fehler-relevant wäre.

Nein; es sei denn, das XHTML würde auch als XML verarbeitet werden. Davon ist wohl nicht auszugehen.

warum eigentlich die Übersetzung?

Weil ich denke, dass diese für andere besser verständlich ist.

Wo es bedeutsame Unterschiede zwischen CSS 2.0 und 2.1 gibt, zitiere ich auch CSS 2.1 (welches BTW nun doch schon den Status 'CR' hat [W3C-NEWS]).

Und sollte mal es Unstimmigkeiten in der Übersetzung geben, mache ich auch darauf aufmerksam. [</archiv/2007/7/t156210/#m1016573>]

See ya up the road,
Gunnar

[wahsaga]

hi,

warum eigentlich die Übersetzung?

Weil ich denke, dass diese für andere besser verständlich ist.

Dazu tragen die kaputten Anker in dieser Übersetzung mit ihrem %0A am Ende, die im IE und Opera nicht angehopst werden können, aber vermutlich eher weniger bei.

gruß,
wahsaga

[Gunnar Bittersmann]

Hello out there!

die kaputten Anker in dieser Übersetzung mit ihrem %0A am Ende, die im IE und Opera nicht angehopst werden können

Oops, das war mir gar nicht bewusst.

Bloß gut, dass ich das Kapitel auch im Linktext angebe.

See ya up the road,
Gunnar

[Lena]

hey,
ich  möchte ja eure nette unterhaltung nicht stören, aber mit diesen beiträgen hat mir keiner weitergeholfen und sie haben auch absolut nichts mit meinem thema zu tun...sry..
das mit dem "a" is egal. ich habs ausprobiert und es funktioniert immer noch nicht =(..noch ne idee?
LG
Lena

[wahsaga]

hi,

es funktioniert immer noch nicht =(..noch ne idee?

Idee: Lies die Tipps für Fragende, und liefere dann endlich mal eine Problembeschreibung ab, die diese Bezeichnung auch wirklich verdient.

Inzwischen hast du uns zwar ein bisschen CSS-Code hingeworfen - aber auch der sagt noch so gut wie nichts aus, so lange nicht bekannt ist, auf welches HTML er angewandt werden soll.

gruß,
wahsaga

[Lena]

hey,
also ich hab deinen code mal ausprobiert...
wenn ich ihn ohne mein design ausprobiere
funktioniert er wunderbar..
doch sobald er in meinem lay-code drin
is funktioniert wieder nichts mehr...hmm..??
LG
Lena

[Patrick Andrieu]

Hallo Lena!

also ich hab deinen code mal ausprobiert...

wahsaga hat Dir keinen Code gepostet... sondern Jonathan ;)

wenn ich ihn ohne mein design ausprobiere
funktioniert er wunderbar..
doch sobald er in meinem lay-code drin
is funktioniert wieder nichts mehr...hmm..??

Dann hast Du etwas falsch gemacht! Du weißt, dass »funktioniert nicht« als Problembeschreibung nicht funktioniert? Zeig uns, _wie_ Du es gemacht hast. Nur sagen, _dass_ Du etwas gemacht hast, bringt keinen weiter, der Dir helfen will.

Viele Grüße aus Frankfurt/Main,
Patrick

[Lena]

hey,
ja ich weiß..es war auch auf jonathan bezogen ^^...
okee..
ich post ma meinen navi-code..
vllt is in dem ja was "falsches" drin ;)

<!-- //x Navi -->
<div align="center"style="solid; background:transparent;  border-collapse: collapse; border: 0px #000000 solid; width:93px; position:absolute;  left:120px; top:365px">
<a href="http://...">blabla</a>
<a href="http://...">blabla</a>
<a href="http://...">blabla</a>
<a href="http://...">blabla</a>
<a href="http://...">blabla</a>
<a href="http://...">blabla</a>
<a href="http://...">blabla</a>
<a href="http://...">blabla</a>
</div>

LG
Lena

[Jonathan]

Hallo,

<div align="center"style="solid; background:transparent;  border-collapse: collapse; border: 0px #000000 solid; width:93px; position:absolute;  left:120px; top:365px">
<a href="http://...">blabla</a>
<a href="http://...">blabla</a>
<a href="http://...">blabla</a>
<a href="http://...">blabla</a>
<a href="http://...">blabla</a>
<a href="http://...">blabla</a>
<a href="http://...">blabla</a>
<a href="http://...">blabla</a>
</div>

Und wo weist du da deinen <a>-Elementen die Klasse navi zu?

Im übrigen fehlt da ein Leerzeichen nach "center", "solid;" ist keine gültige CSS-Regel, align="center" ist veraltet und "border-collapse:collapse" dürfte auf <div>s normalerweise keine Auswirkung haben.

Jonathan

[Lena]

hey,
wie meinst du das?...mit dem zuweisen..
hab nämlich grad überhaupt keinen plan :/..

LG
Lena

[Jonathan]

Hallo,

wie meinst du das?...mit dem zuweisen..
hab nämlich grad überhaupt keinen plan :/..

Naja. Deine Webseite sollte halt statt <a href="http://...">blabla</a> folgendes ausgeben:

<a class="navi" href="http://...">blabla</a>

so wie es auch in meinem Beispiel war:

<a class="navi" href="http://test1.example.com">Bla</a>

Man beachte eben das »»class="navi"««.

Jonathan

[Lena]

hey..
eeendlich fehler gefundn ^^...daaaankee ...das war das
problem :)...jetzt blick ich des mit verweisen ^^..
vielen vielen dank :)
LG
Lena

[at]

Hallo.

eeendlich fehler gefundn ^^...daaaankee ...das war das
problem :)...jetzt blick ich des mit verweisen ^^..

Offenbar verstehst du nicht so recht, worum es bei deinen Schwierigkeiten ging, denn mit Verweisen haben die ursächlich wenig zu tun. Befasse dich besser zunächst mit Universalattributen.
MfG, at

[Jonathan]

Hallo,

das mit dem "a" is egal. ich habs ausprobiert und es funktioniert immer noch nicht =(..noch ne idee?

Naja, deine richtigen Links müssen sich ja irgendwie von den textlinks unterscheiden. Sonst gäbe es das Problem nicht. Poste doch mal HTML-Code.

Folgender Code funktioniert jedenfalls:

  
<html>  
  <head>  
    <title>Test</title>  
    <style>  
A.navi:link, a.navi:visited, a.navi:active {  
display: block;  
color: #5D3A00;  
font-family: tahoma;  
font-size: 11px;  
font-weight: bold;  
text-align: left;  
text-decoration: none;  
text-transform: none;  
line-height: 12px;  
background-color: #ffffff;  
border-top: 0px solid #000000;  
border-bottom: 0px solid #000000;  
border-right: 0px solid #DCC194;  
border-left: 10px solid #DCC194;  
margin: 2px;  
padding-left: 3px;  
padding-bottom: 2px;  
}  
  
a.navi:hover {  
display: block;  
color: #DCC194;  
font-family: tahoma;  
font-size: 11px;  
font-weight: bold;  
text-align: left;  
text-decoration: none;  
text-transform: none;  
line-height: 12px;  
background-color: #ffffff;  
border-top: 0px solid #000000;  
border-bottom: 0px solid #000000;  
border-right: 0px solid #FFD898;  
border-left: 10px solid #FFD898;  
margin: 2px;  
padding-left: 3px;  
padding-bottom: 2px;  
}  
</style>  
      </head>  
  <body>  
  
<a class="navi" href="http://test1.example.com">Bla</a>  
<a class="navi" href="http://test2.example.com">Bla</a>  
<a class="navi" href="http://test3.example.com">Bla</a>  
<a class="navi" href="http://test4.example.com">Bla</a>  
  </body>  
</html>  

Jonathan

[Engin]

Hi Gunnar,

Nicht „Eigenschaften“, sondern „Selektoren“. [CSS2 §4.1.7, CSS2 §4.1.8]

Ich kann mir dieses Wort einfach nicht merken.

Aber jetzt hab ich´s.   ;-)

Nicht „Fehler“, sondern anderes als das gewünschte Verhalten.

Jo. ;-)

Grüße,
Engin
 GYRO