Avatar billede rudi1234 Nybegynder
03. august 2002 - 10:50 Der er 13 kommentarer og
1 løsning

Faste tegn på f.eks. overskrifter

Hvis jeg har en overskrift:

<h1>Overskrift<h1>

... og jeg så gerne vil have den til i browseren at have f.eks. kantede paranteser omkring sig:

[ Overskrift ]

... er det noget m,an kan lave med CSS? Eller hvordan ellers?
Avatar billede pelkjaer Nybegynder
03. august 2002 - 10:55 #1
Nej det kan man ikke.

Du kan dog bestemme hvorledes <h1> skal se ud med

h1 {
  color: #CCCCCC;
}

osv.

Men paranteserne må du selv skrive.
Avatar billede canedo Nybegynder
03. august 2002 - 11:01 #2
Hvis du bruger ASP, så kan du lægge paranteserne udenom overskriften - hvis den hentes fra en database. Så vil paranteserne automatisk genereres hver gang en overskrift hentes... men kun hvis du bruger ASP altså... eller php.
Avatar billede krogstrup Nybegynder
03. august 2002 - 11:02 #3
du kan evt. udskrive dine overskrifter via en funktion i et scripting sprog. f.eks. asp:

function headline(txt)
headline = "<h1>[ " & txt & " ]</h1>"
end function

og når du så skal skrive en overskrift:

<%=headline("Velkommen til min side...")%>

så kan du MEGET nemt ændre ALLE dine overskrifter senere !

:-)
Avatar billede krogstrup Nybegynder
03. august 2002 - 11:03 #4
ovenstående kunne også genereres via et simpelt javascript !
Avatar billede rudi1234 Nybegynder
03. august 2002 - 11:04 #5
krogstrup: Hvordan...! :-)
Avatar billede krogstrup Nybegynder
03. august 2002 - 11:14 #6
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>test</title>
<script>function headline(txt) {return headline = "<h1>[ " + txt + " ]</h1>";}</script>
</head>

<body>

<script>document.write(headline('hej'));</script>

</body>
</html>
Avatar billede =maddog= Nybegynder
03. august 2002 - 11:25 #7
onload = function() {
headlines = document.getElementsByTagName('h1');
for (i=0;i!=headlines.length;i++) {
headlines[i].innerHTML = '['+headlines[i].innerHTML+']';
}
}
Avatar billede =maddog= Nybegynder
03. august 2002 - 11:27 #8
ups, det var et svar.
Avatar billede krogstrup Nybegynder
03. august 2002 - 11:29 #9
se det var jo virkelig en smart måde at gøre det på !!!

thumbs up :-)
Avatar billede =maddog= Nybegynder
03. august 2002 - 11:34 #10
takker. :-)
skal det være alle headings (h1-h6) kan man jo gøre sådan her:

onload = function() {
for (j=1;j!=7;j++) {
    headlines = document.getElementsByTagName('h'+j);
    for (i=0;i!=headlines.length;i++) {
        headlines[i].innerHTML = '['+headlines[i].innerHTML+']';
    }
    }
}
Avatar billede rudi1234 Nybegynder
03. august 2002 - 11:47 #11
=maddog=: jeg er ingen javascript-haj! Hvordan skal den sættes ind?
Avatar billede =maddog= Nybegynder
03. august 2002 - 11:58 #12
<!-- DOCTYPE -->
<html>
<head>
<!-- meta tags -->
<script type="text/javascript">
// indsæt det her!!!!!
</script>
</head>
<body>
<!-- html kode -->
</body>
</html>
Avatar billede rudi1234 Nybegynder
03. august 2002 - 12:05 #13
Jeg er enig . genialt script! :-)
Avatar billede =maddog= Nybegynder
03. august 2002 - 12:13 #14
:D
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