Avatar billede doctorking Nybegynder
31. juli 2003 - 15:24 Der er 13 kommentarer

P:first-letter i Netscape?

I Netscape 7 fucker min P:first-letter op. Det stiller det store bogstav længere nede en toppen af første linie. Jeg bruger følgende css:
P:first-letter{
font-size: 37px;
color: #000000;
margin-right: 2px;
margin-bottom: 2px;
float:left; 
line-height: -1px;
}

er der en løsning til dette i CSS? (Ikke vha. JS osv..)
Avatar billede mik789 Nybegynder
31. juli 2003 - 15:42 #1
har du et link, så vi kan se det?

Jeg har benyttet flg.:

.bigfirstletter: first-letter {
  font-size:12pt;
  font-weight:bold;
  color:#000099;
}

og:

<p class="bigfirstletter" style="text-align:left;">tekst</p>

Og det ser ok ud også i NS. Jeg har dog kun mulighed for at se det i 6'eren her. Du kan prøve med din egen 7'er. Siden er på: www.dahr.dk/histphil

//mik
Avatar billede mik789 Nybegynder
31. juli 2003 - 15:44 #2
hov, der kom et mellemrum for meget (hvis det betyder noget). koden er:
.bigfirstletter:first-letter {

- altså svarende til din p:first-letter
Avatar billede doctorking Nybegynder
31. juli 2003 - 15:49 #3
balladen er at jeg bruger "float:left;" så det store bogstav ryger ned og holder topkant med den øverste linie...
Avatar billede mik789 Nybegynder
31. juli 2003 - 16:13 #4
men det sker kun fordi der ikke er plads nok til din tekst. se: http://www.w3schools.com/css/pr_class_float.asp Så prøv at sikre dig at der er så rigelig plads til tekstafsnittet i det element det er omgivet af.
Avatar billede doctorking Nybegynder
31. juli 2003 - 16:16 #5
Nej det er ikke det. Der er kun 10 linier tekst på en side som ikke sidder i tabel. Så plads er der masser af... Desuden er det kun i Netscape det er et problem /c:
Avatar billede roenving Novice
31. juli 2003 - 16:22 #6
Har du prøvet med vertical-align:baseline ?-)
Avatar billede doctorking Nybegynder
31. juli 2003 - 16:40 #7
ja...det virker desværre heller ikke...
Avatar billede mik789 Nybegynder
31. juli 2003 - 16:41 #8
har du mulighed for at undvære float:left, i det mindste i netscape? evt. bruge en alternativ løsning til float:left
Avatar billede doctorking Nybegynder
31. juli 2003 - 17:59 #9
Så ryger vi ud i noget JS og det vil jeg gerne undgå...
Avatar billede mik789 Nybegynder
31. juli 2003 - 18:13 #10
igen, det ville være en hjælp hvis vi kunne siden....

jeg tænkte bare på at placere teksten i en tabel
Avatar billede kobbernagel Nybegynder
31. juli 2003 - 18:16 #11
Jeg mener også at det ikke er helt godt at bruge "-" eller "_" til at navngive en CSS style med. Jeg mener at jeg havde problemer med at en browser ikke ville vise den effekt jeg havde lavet i den CSS style. Kan dog ikke huske om det var bindestreg eller underscore som foresagede problemet.

Det er nok ikke det der er dit problem, men jeg mener at ifølge CSS standarden så skal du undlade at bruge sådanne elementer til at navngive en CSS style med.
Avatar billede roenving Novice
31. juli 2003 - 18:23 #12
>>kobbernagel

css har det helt fint med ihvertfald -

-- men da der er forskellige standarder for de forskellige dele af dhtml-konceptet kan det betale sig at vælge noget som dur på tværs -- også inklusive evt. javascript (som _ikke_ accepterer bindestregen !-)

-- selv har jeg valgt at bruge interCap som mit navngivningssystem, altså navngivning hvor et mellemrum o.l. angives ved at det næste bogstav skrives med stort: detteErEnFlerOrdsVariabel
Avatar billede dta Nybegynder
11. august 2003 - 16:31 #13
HEj jeg blev inspireret af din opsætning og ved at bruge

line-height: 100%;

Så ser det meget bedre ud! Jeg ved ikke om det virker i Netscape men det er da et forsøg værd.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester