Notifikationer

Markér alle som læst Log ud

ber Juniormester

17. januar 2004 - 15:55 Der er 13 kommentarer og
1 løsning

Forskellige linktyper i ét dokument m.v.

Kære CSS eksperter - hvor er I go'e!. JEG er derimod ingen ørn, så hvis nogen kan fortælle mig, hvad der er af fejl og mangler i nedenstående, vil jeg blive rigtig glad. HAR prøvet at sætte mig ind i problemstillingerne ved at kigge her og andre steder, så forhåbentlig overlader jeg ikke det hele til jer.
PFT ber

---------------------------------------------------------------------------------------------
Til top [firkant-gif.fil] Senest opdateret 17-01-04

Det vil jeg gerne:
Denne linie skal stå 125 px under teksten på siderne i et site. Og med placering i bunden af siden umiddelbart over en tværgående tabel med adresseinfo. Kan jeg ikke bruge ekstern CSS til det hele? Jeg bruger FP 2000 med tema og css.

Til top er et link. I modsætning til links i teksten skal det optræde i 8pt og normal skrift.
Dateringen skal være 8 pt og almindelig skrift. Begge oplysninger SKAL stå på samme linie, højrestillet.

-----------------------------
CSS style:

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; text-align: right; color:#0E2E7B; text-decoration: none}
A.speciel:visited { font-family: Verdana; font-size: 8pt; font-weight:normal; text-align: right; color:#0E2E7B; text-decoration: none}
A.speciel:hover { font-family: Verdana; font-size: 8pt; font-weight: normal; text-align: right; color:#80072B; text-decoration: none}
A.speciel:active { font-family: Verdana; font-size: 8pt; font-weight: normal; text-align: right; color:#0E2E7B; text-decoration: none}

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

------------------------------------
CSS tema:

._8dato { text-align: right; font-size: 8 pt; font-weight: normal; color: #0E2E7B; font-family: Verdana;
margin-top: 100; margin-bottom: -20; list-style-image:
url("../../_images/bullet_S.gif")}

--------------------------------------------------
HTML koden i dokumentet ser pt. sådan ud:

<DIV style="width: 497; height: 125" align="right" ;>
<P class="_8dato"><A class="speciel" href="default.htm">Til top</A> Senest
opdateret 
</DIV>
 </BODY>

</HTML>
-----------------------------------
HTML koden for border nederst på siden:

<TABLE border="0" cellspacing="0" width="100%" cellpadding="0" cellspacing="0">
<TR>
<TD width="100%"></TD>
</TR>
<TR>
<TD width="100%" bgcolor="#C0BBAC"><IMG border="0" src="cleardot.gif" width="1"
height="55"></TD>
</TR>
<TR>
<TD width="100%" align="right"></TD>
</TR>
</TABLE>

Synes godt om

Slettet bruger

17. januar 2004 - 20:06 #1

Dette er lidt ved siden af dit egentlige spørgsmål.

Jeg vil anbefale, at du øverst på siden laver et anker således: <a name="top"></a> og så skifter dit top-link ud til at pege på #top i stedet for på default.htm.

Synes godt om

ber Juniormester

17. januar 2004 - 20:26 #2

det er faktisk gjort på de andre sider, men tak. I øjeblikket er jeg mest optaget af at få løst mit problem med teksten: Til top [link] Senest opdateret dd mm åå, så det står på samme linie og med samme skriftstørrelse og farve. Virker skrift og farve (med active m.m.)på Til top virker det ikke på Senest opdateret. Og omvendt. Måske skal jeg forhøje pointsummen? Jeg har brugt alt for lang tid på at finde en løsning. Så pls hjælp, alle CSS eksperter. Måske kan det slet ikke lade sig gøre at bruge ekstern CSS til det. I så fald er det osse nyttig viden.

Synes godt om

Slettet bruger

17. januar 2004 - 20:38 #3

Det KAN lade sig gøre, men jeg er ikke den bedtse til CSS, så jeg er nødt til at gætte mig lidt frem.

I ._8dato står font-size til 8 pt (med et mellemrum). Prøv at fjerne mellemrummet.

Synes godt om

Slettet bruger

17. januar 2004 - 20:42 #4

Og 60 er rigeligt. (Måske for meget.)

Hvis dit problem er af en stil, så folk ikke vil klare det for 30-60 point, så gider de slet ikke for point.

Det er min erfaring herinde, at hvis bare man ikke virker, som om man tager pis på pointsystemet, så er den valgte point-sum ikke relateret til kvaliteten eller mængden af svar.

Synes godt om

ber Juniormester

17. januar 2004 - 21:03 #5

Fint nok. Jeg prøver at fjerne space'n. Og så må jeg håbe, at nogen vil tage sig tid til at kigge på koderne. Måske er eksperterne offline i aften?

Jeg vil gerne give mange points, alene fordi jeg er rigtig interesseret i at få løst det ... problem. Kunne ikke drømme om at tage pis på pointsystemet. Sitet - og pointsystemet - er rigtig godt skruet sammen!

Synes godt om

ber Juniormester

17. januar 2004 - 21:05 #6

Ikke at du ikke er ekspert, altså ...

Synes godt om

frkolsen Nybegynder

18. januar 2004 - 00:41 #7

Jeg ved ikke om denne ._8dato-style er noget M$FrontPage specifikt, men i css er der normalt ikke noget der hedder _ i style-navne. Så prøv at fjerne _

I modsætning til i html skal du i css altid skrive hvad det er for nogle værdier du angiver. css går ikke bare ud fra at du mener px. Og det er rigtigt at der ikke må være mellemrum mellem tal og værdibetegnelse. Altså ikke 9 px men 9px. Gør også som ber siger, lav et topanker på siden sådan
<body> <a name="sidetop"></a>

Link til det sådan
<A class="speciel" href="#sidetop">Til top</A>

Jeg tror at den nemmeste måde at placere linket til toppen lige over bund-tabellen er ved at starte bund-tabellen med en celle, som du så placerer linket i.

Du behøver i øvrigt også kun at angive dine styles sådan
a {
font-family: Verdana, sans-serif;
font-size: 9pt;
font-weight: bold;
text-decoration: none;
}
A:link {color: #0E2E7B;}
A:visited { color:#0E2E7B;}
A:hover { color:#80072B;}
A:active {color:#0E2E7B;}

Det er lidt nemmere at overskue og lidt nemmere at rette i.

Synes godt om

ber Juniormester

18. januar 2004 - 11:42 #8

Tak for endnu en konstruktiv tilbagemelding, frk. Olsen. Jeg prøver fluks - men som newbie betyder fluks nok ikke lige med det samme ... Jeg vender tilbage

Synes godt om

ber Juniormester

18. januar 2004 - 12:07 #9

Har for resten prøvet at lægge linien sammen med bundtabellen, men det er en borderfil i et tema, og den er fælles for alle sider. Det går ikke, når jeg ud over "Til top" også har et andet sidespecifikt link "Til menu" (nødvendigt på længere sider) og "Til forside", vel?

Synes godt om

ber Juniormester

18. januar 2004 - 13:15 #10

Tak for fin instruktion. Sammen med en DIV tror jeg det virker. Har nu markeret mine classes med ber og ikke med _. De er ellers ikke til at finde i det helvede af classes, som ligger i temaet, og som jeg tilsyneladende ikke kan fjerne.
Se filerne nedenfor.

Nu mangler jeg kun at fjerne den 'blanke linie', der ligger mellem DIV'en og bundtabellen. Hvordan? Jeg må formentlig stille et nyt spørgsmål. I første omgang er der i hvert fald 60p til Frk. Olsen. Sender du en melding, så jeg kan overføre points?

HTML-dokument:
<DIV class="ber-linkbund">
<A class="ber" href="#top">Til top</A> <IMG border="0"
src="_images/bullet_S.gif" width="10" height="10"> Senest opdateret 
</DIV>
 </BODY>
----------------------------
CSS classes tema:
.ber-linkbund { font-size: 8 pt; color: #0E2E7B; text-align: right; margin-top: 150 }
.ber { font-family: Verdana; font-size: 8pt; font-weight: normal; text-align: right;
text-decoration: none}
-----------------------------
CSS style:
p {padding-right: 20px}

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

.ber{
font-family: Verdana, sans-serif;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
}
.ber A:link {color: #0E2E7B;}
.ber A:visited { color:#0E2E7B;}
.ber A:hover { color:#80072B;}
.ber A:active {color:#0E2E7B;}

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

------------------------------------------------------

Synes godt om

frkolsen Nybegynder

18. januar 2004 - 18:18 #11

Det siges at man skal lære så længe man har elever. Så nu har jeg lært at det ikke er ligemeget hvordan man sammensætter sit table-tag. Prøv dette:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
Du har iøvrigt i ovenst. angivet cellspacing 2 gange.
Og husk i .ber-linkbund at angive margin-top: i px :-)

Synes godt om

ber Juniormester

18. januar 2004 - 18:43 #12

Fornemt! Jeg prøver at fægte mig videre frem. Og vender frygteligt tilbage - her er jo effektiv hjælp at hente, når jeg næste gang er på (for)dybt vand. Men det er osse en nød at forsøge at forklare, hvad problemet overhovedet er!

Synes godt om

ber Juniormester

18. januar 2004 - 18:46 #13

Fik du points nu?

Synes godt om

frkolsen Nybegynder

18. januar 2004 - 19:46 #14

Ja, det ser det ud til - takker. Håber du får det til at virke!

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS