Pseudo-element :first-letter und Hyperlink
Psodo
- css
Hallo
Ich habe ein Problem mit dem angegebenem Pseudo-element :first-letter.
Dies soll als Hyperlink funktionieren.
Leider Leider funzt es im Firefox nicht so wie im IE.
Beim drüber gehen wird der anfangsbuchstabe klein.
hier der Link mit dem Beispiel
http://potsdama.de/test/index3
und hier der Code
Quellcode
<p><a href="#">TEXT</a></p>
CSS-Code
p:first-letter{font-size:30px;}
a {
text-decoration: none;
padding: 0.2em;
font-family: "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
font-size: 16.5pt;
color: #FFFFFF;
}
a:link {
}
a:visited {
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: underline;
}
Hi Psodo!
Das Beispiel funktioniert weder in meinem Firefox, noch im IE. Soll heißen, die CSS-Datei wird nicht richtig implementiert.
MfG H☼psel
Hallo Hopsel.
Das Beispiel funktioniert weder in meinem Firefox, noch im IE. Soll heißen, die CSS-Datei wird nicht richtig implementiert.
Dann solltest du deinen Fx überprüfen; ich kann Psodos Problem an Ort und Stelle nachvollziehen, die CSS-Datei wird also ordnungsgemäß aufgerufen.
Einen schönen Montag noch.
Gruß, Ashura
Hi Ashura!
Dann solltest du deinen Fx überprüfen; ich kann Psodos Problem an Ort und Stelle nachvollziehen, die CSS-Datei wird also ordnungsgemäß aufgerufen.
<quote>
The requested URL /test/index3/main3.css was not found on this server.
</quote>
Allerdings sehe ich die Formatierung, solange ich noch nicht über den Link gefahren bin.
MfG H☼psel
Hallo Hopsel.
Dann solltest du deinen Fx überprüfen; ich kann Psodos Problem an Ort und Stelle nachvollziehen, die CSS-Datei wird also ordnungsgemäß aufgerufen.
<quote>
The requested URL /test/index3/main3.css was not found on this server.
</quote>
-8<---
http://potsdama.de/test/main3.css
GET /test/main3.css HTTP/1.1
Host: potsdama.de
User-Agent: Mozilla/5.0 (X11; U; Linux i686; de-DE; rv:1.7.10) Gecko/20050925 Firefox/1.0.4 (Debian package 1.0.4-2sarge5)
Accept: text/css,*/*;q=0.1
Accept-Language: de-de,de;q=0.8,en-us;q=0.5,en;q=0.3
Accept-Encoding: gzip,deflate
Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7
Keep-Alive: 300
Connection: keep-alive
Referer: http://potsdama.de/test/index3
Cookie: fe_typo_user=2c5e18b7ee
HTTP/1.x 200 OK
Date: Mon, 31 Oct 2005 19:51:19 GMT
Server: Apache/1.3.27 (Linux/SuSE) mod_fastcgi/2.4.2 FrontPage/4.0.4.3 PHP/4.3.1 mod_perl/1.27 mod_ssl/2.8.12 OpenSSL/0.9.6i
Last-Modified: Mon, 31 Oct 2005 19:18:28 GMT
Etag: "ac074-129-43666e04"
Accept-Ranges: bytes
Content-Length: 297
Keep-Alive: timeout=1, max=99
Connection: Keep-Alive
Content-Type: text/css
--->8-
Allerdings sehe ich die Formatierung, solange ich noch nicht über den Link gefahren bin.
Also wird die CSS-Datei doch eingebunden?
Einen schönen Montag noch.
Gruß, Ashura
Vielleicht hätte ich dazu schreiben sollen das der Link richtiger Weise so aussieht.
http://www.potsdama.de/test/index3.htm
Hallo Hopsel.
<quote>
The requested URL /test/index3/main3.css was not found on this server.
</quote>
*räusper* Niemand hat behauptet, dass „index3“ ein Verzeichnis wäre...
Einen schönen Montag noch.
Gruß, Ashura
Hallo Psodo.
Ich habe ein Problem mit dem angegebenem Pseudo-element :first-letter.
Dies soll als Hyperlink funktionieren.
Nein. Du möchtest den ersten Buchstaben des Links größer formatieren.
hier der Link mit dem Beispiel
http://potsdama.de/test/index3
CSS-Code
p:first-letter{font-size:30px;}
a {
Warum wendest du :first-letter nicht auf das a-Element an?
Einen schönen Montag noch.
Gruß, Ashura
Hi,
Warum wendest du :first-letter nicht auf das a-Element an?
Weil:
CSS2: The :first-letter pseudo-element matches parts of block-level elements only.
CSS2.1: The :first-letter pseudo-element applies to block, list-item, table-cell, table-caption and inline-block elements.
cu,
Andreas
Hallo MudGuard.
Warum wendest du :first-letter nicht auf das a-Element an?
Weil:
CSS2: The :first-letter pseudo-element matches parts of block-level elements only.
CSS2.1: The :first-letter pseudo-element applies to block, list-item, table-cell, table-caption and inline-block elements.
Hm... Funzen™ tut es dennoch im Fx, wenn :first-letter auf beide Elemente angewandt wird. Fehler?
Einen schönen Dienstag noch.
Gruß, Ashura