• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Probleme mit CSS... Text wie Link an falscher Stelle

A

Apoplexy

New member
Hallo,
ich versuche gerade meine ganze Page neu aufzubauen, und anstatt mit Tabellen nun alles in einer externen CSS festzulegen.
Ich muß direkt sagen, das ich das jetzt erst am lernen bin, während ich die Page neu aufbaue.

Also im IE sieht alles bestens aus ;-)
Nun habe ich mir dieselbe Seite im Mozilla Firefox angeschaut und den Fehler jetzt bekomme ich aber nicht weg! Der ganze Text springt, sobald ich mit der Maus drüberfahre (wohl weil die Schriftgröße der Links größer ist, als diese Schriftgröße. Aber alle Links bzw. alle Befehle sind geschlossen!

Wenn ich irgendwas direkt unterhalb der Meta Tags tippe, erscheint schon dies auf der Page als Link! Das muß ja irgendein Fehler drin sein, -aber ich finde ihn nicht.

Ich hab die betreffende Seite nun mal bei tripod hochgeladen. Hauptsache man kann es nun testen.
Die URL lauetet: http://mitglied.lycos.de/fress465en/
Wichtig, im IE ist der Haupttext nicht als Link (also im Grunde ist es kein Link, da der Mauszeiger sich auch nicht ändert...), sondern im Firefox.

Hab die Seite jetzt auch mal online gesteste, da ist der Fehler nicht,- nur offline. Einpaar Sachen sind verrutsch, da ich gestern noch rumgebastelt hatte,- ich hoffe das macht nichts.

Ich freue mich über eure Tipps,
Apoplexy

Jetzt nur mal zur Info:
Ich hab meine Page online... ein Shopsystem bestehnd aus Tabellen und mit einer Produktliste, die erst mit einem on click -Befehl per Java Script erstellt wird),- siehe: www.apoplexy.de.
Eigentlich wollte ich veruschen diesen Java Script anzupassen, damit ich eine HTML-Produktliste habe. Daran bin ich aber gescheitert.

Deswegen mein Plan B: Ein Savestand eines anderen Shopsystems, welches eine richtige Produktliste hat, neu umzubauen. Der einige Makel (für mich) ist das die erste index- Seite einen Frame- Aufruf hat (wenn ich den rausnehme funktioniert der Warenkorb nicht mehr), obwohl die Folgeseiten keine Frames sind. Das ist im externen .js verankert, und ich kann es nicht ändern.
Also bitte nicht wundern, wenn ihr den Quelltest anschaut.
Die betreffende Seite ist daher nicht die index, sonder die index_home.html (nur ohne das man die index aufruft, geht der Shop nicht ;-)
 
Ich habe gerade auch ein ziemliches Problem mit dem Firefox!
Stehe gerade völlig im dunkeln!

Hier auf jeden Fall eine gute Seite über CSS:
CSS4YOU

Darunter auch Layouten ohne Tabellen!

Gruß
Tox
 
Hallo,
bin jetzt soweit , das ich den Fehlerursprung gefunden habe. :rolleyes:

Es liegt definitiv an diesem Part in der externen CSS -Datei:

PHP: 
.a 
{
text-decoration: none;
color: #ffffff;
font-size: 13px;
}


:link
{
text-decoration: none;
color: #ffffff;
font-size: 13px;
}

:visited
{
text-decoration: none;
color: #ffffff;
font-size: 13px;
}

:hover
{
text-decoration: none;
color: #FF9900;
font-size: 13px;
}

:active  
{ 
text-decoration:none
color: #CCCCFF;
font-size: 13px;
}

Mir scheint dennoch alles richtig auszusehen... Könnte da bitte mal jemand drüberschauen, und mir sagen, woran es liegen kann.
Habe schon css4you gelesen, auch selfhtml,- aber ich sehe den Fehler trotzdem nicht.

Danke schonmal,
Apoplexy
 
Hast du eine Klasse namens "a"? Nein, denke ich nicht. Also definiers auch so :)
Auf welche Elemente sollen die Pseudos gelten? Auf jedes? Nein, oder? Also, nur auf a :)

Was ich meine ist folgendes:
HTML: 
/* Folgendes ist sowieso überflüssig wenn du a:link definierst */
a
{
text-decoration: none;
color: #ffffff;
font-size: 13px;
}


a:link
{
text-decoration: none;
color: #ffffff;
font-size: 13px;
}

a:visited
{
text-decoration: none;
color: #ffffff;
font-size: 13px;
}

a:hover
{
text-decoration: none;
color: #FF9900;
font-size: 13px;
}

a:active  
{
text-decoration:none
color: #CCCCFF;
font-size: 13px;
}
 
Hi jeko,
danke!!! Also ist es falsch (bzw. wenn es keine Klasse definiert ist): .a zuschreiben.
Ich habe zwar einpaar "Limk-Klassen definiert, aber das hier ist die "Grundeinstellung".
Somit kann ich dann auch das
a
{
text-decoration: none;
color: #ffffff;
font-size: 13px;
}
weglassen, und erst das ab: a:link... einfügen, richtig?

Danke für die Hilfestellung! Jetzt kann ich weiterarbeiten! :)

Viele Grüße,
Apoplexy
 
Thx...also kann ich in der externen direkt mit a:link beginnen.
Ich find selfhtml ja ziemlich unübersichlich,-finde da nie das gesuchte. Danke!

Apoplexy
Biste Boa Fan?
 
Jeep, danke. jetzt geht die Page offline auch im Firefox. Das ist schonmal ein riesen Schritt!

Philip Boa & the voodooclub , ja- wegen dem Avatar.
 
Zuletzt bearbeitet:
Hat der was mit P.B. zu tun?
Ich habe das mal vor Jahren auf 'nem Shirt von W. Axl Rose gesehen und dann 'nachgebaut'..
 
Hi,
klar- ist eins der bekanntesten Songs von Boa, war auf der Copperfield LP von 1988 (glaube ich)....

Nun denn.........
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben