Avatar billede ber Juniormester
08. januar 2004 - 14:04 Der er 6 kommentarer og
1 løsning

CLASSES til links og dato på samme linie - hvordan?

Er der ikke en behjertet sjæl, der kan hjælpe her? Jeg er ingen ørn - men dette må kunne lade sig gøre. Hvordan?

Ønske: Jeg vil gerne nederst på hver side og på én linie have link Til top samt dato for seneste opdatering. Men i 8 pkt, og normal skrift. Og i farven 0E2E7B. Linket skal have farveskift ved active som øvrige 10 pkt. links i teksten (se style.css).

Jeg har forsøgt mig med to classes, men syntaksen virker ikke efter hensigten.

Jeg bruger FP2000 og et tema.

Tekst:
Til top  Senest opdateret 08-01-04


Kode på side (det er noget rod):
<p <a href="#top" class="_dato"><a href="#top">Til top</a> <img border="0"
src="_images/bullet_S.gif" width="10" height="10">&nbsp; Senest opdateret <!--webbot
bot="Timestamp" s-type="EDITED" s-format="%d-%m-%y" -->


style.css:
p {padding-right: 20px}

A:link { font-family: Verdana; font-size: 9pt; font-weight: bold; color:#0E2E7B; text-decoration: none }
A:visited { font-family: Verdana; font-size: 9pt; font-weight: bold; color:#0E2E7B; text-decoration: none }
A:hover { font-family: Verdana; font-size: 9pt; font-weight: bold; color:#80072B; text-decoration: none }
A:active { font-family: Verdana; font-size: 9pt; font-weight: bold; color:#0E2E7B; text-decoration: none }

A.speciel:link { font-family: Verdana; font-size: 8pt; font-weight: normal; color:#0E2E7B; text-decoration: none; align= right }
A.speciel:visited { font-family: Verdana; font-size: 8pt; font-weight: normal; color:#0E2E7B; text-decoration: none; align= right }
A.speciel:hover { font-family: Verdana; font-size: 8pt; font-weight: normal; color:#80072B; text-decoration: none; align= right }
A.speciel:active { font-family: Verdana; font-size: 8pt; font-weight: normal; color:#0E2E7B; text-decoration: none; align= right }

td { font-size: 10pt; }
p { font-size: 10pt; }
ul { font-size: 10pt; }


Classes i anden css-fil:
._dato { font-size: 8 pt; font-family: Verdana; color: #0E2E7B; text-align: right; margin-top: 150 }       

._speciel { font-size: 8 pt; font-family: Verdana; text-align: right; margin-top: 150 }


På forhånd tak og venlige hilsener BER
Avatar billede flintstone Novice
08. januar 2004 - 21:53 #1
Jeg har et java-script til "sidst opdateret" :

<script language="JavaScript" type="text/javascript">
var modDate = new Date(document.lastModified)
var modMonth = modDate.getMonth()+1
var modYear = modDate.getYear()
var modDay = modDate.getDate()
if(modDay<10) modDay = "0" + modDay
if(modMonth<10) modMonth= "0" + modMonth
if(modYear<1000) modYear+=1900
     
document.write("Sidst opdateret: " + modDay + "." + modMonth +  "." + modYear+"")
</script>
Avatar billede flintstone Novice
08. januar 2004 - 22:05 #2
Koden "til toppen" er vel:

<A HREF="#top">Klik for at gå til toppen! </A>
Avatar billede flintstone Novice
08. januar 2004 - 22:08 #3
Er da heller ikke selv nogen ørn, men har da fået god hjælp herinde og så
bgugt http://www.html.dk ind imellem.
CSS er ikke min stærke side, så jeg bruger andre måder at komme om ved problemerne på :-)
Avatar billede flintstone Novice
08. januar 2004 - 22:22 #4
Her er måske lidt til "top" linket:

<style type="text/css">a {
                          text-decoration:none;
                        }
                        {
                          font-family: arial, verdana, sans-serif;
                        }

                      a:hover {
                          color:#0E2E7B;
                        }
</style>
Avatar billede flintstone Novice
08. januar 2004 - 22:42 #5
Er det ligesom det her: http://stha.dk
Avatar billede ber Juniormester
08. januar 2004 - 23:50 #6
Tak for hjælpen - jeg har ikke løst problemet endnu, men er blevet lidt klogere. Og ja, min tekst står på samme måde som på stha.dk. Jeg kan sagtens typografere på hver enkelt side, men udfordringen (læs: problemet:-) opstod, fordi jeg ville have lagt det ud i css-filer. Alternativt vil jeg prøve med SPAN koden.

Må løbe nu, så hermed de 60 points for hjælpen so far!
Avatar billede flintstone Novice
09. januar 2004 - 13:09 #7
Takker for point.
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
Kurser inden for grundlæggende programmering

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