Avatar billede 12 Nybegynder
20. oktober 2001 - 23:26 Der er 9 kommentarer og
1 løsning

Definér farver og afstand i kode

Jeg har en kode i min menu, og jeg vil gerne have skiftet farven? Hvor i koden kan jeg skifte fra blå farve til en ny? Desuden vil jeg gerne have rykket mine links tættere på venstre - hvordan får jeg formindskiet afstanden fra venstre til mine links? Koden ser ud som følger:
<html>

<head>
<STYLE TYPE=\"text/css\">
A:link {color:#c8b189;}
A:hover {color:#000000;}
</STYLE>


<link rel=\"stylesheet\" type=\"text/css\" href=\"style2.css\">
<SCRIPT LANGUAGE=\"JavaScript\">

<!-- <!-- Begin
function buildMenu() {
speed=20;
topdistance=10;
items=6;
y=-50;
ob=1;
if (navigator.appName == \"Netscape\") {
v=\".top=\",dS=\"document.\",sD=\"\";
}
else {
v=\".pixelTop=\",dS=\"\",sD=\".style\";
}
}
function scrollItems() {
if (ob<items+1) {
objectX=\"object\"+ob; y+=10; eval(dS + objectX + sD + v + y);
if (y<topdistance) setTimeout(\"scrollItems()\",speed);
else y=-50, topdistance+=40, ob+=1, setTimeout
(\"scrollItems()\",speed);
}
}
// End
-->
</SCRIPT>
</head>

<body onLoad=\"buildMenu(), scrollItems();\">
<div id=\"object1\" style=\"position:absolute;
visibility:show; left:25px; top:-50px; z-index:2\">
<table border=0 width=100 bgcolor=c8b189>
<td><center>
<a href=test.htm  target=\"right\">Pædagogik!</a>
</center></td>
</table>
</div>
<div id=\"object2\" style=\"position:absolute;
visibility:show; left:25px; top:-50px; z-index:2\">
<table border=0 width=100 bgcolor=c8b189>
<td><center>
<a href=ansatte.htm>Ansatte</a>
</center></td>
</table>
</div>
<div id=\"object3\" style=\"position:absolute;
visibility:show; left:25px; top:-50px; z-index:2\">
<table border=0 width=100 bgcolor=c8b189>
<td><center>
<a href=test.htm>Budget</a>
</center></td>
</table>
</div>
<div id=\"object4\" style=\"position:absolute;
visibility:show; left:25px; top:-50px; z-index:2\">
<table border=0 width=100 bgcolor=c8b189>
<td><center>
<a href=kontakt.htm>Kontakt</a>
</center></td>
</table>
</div>
<div id=\"object5\" style=\"position:absolute;
visibility:show; left:25px; top:-50px; z-index:2\">
<table border=0 width=100 bgcolor=c8b189>
<td><center>
<a href=hotline.htm>Hotline</a>
</center></td>
</table>
</div>
<div id=\"object6\" style=\"position:absolute;
visibility:show; left:25px; top:-50px; z-index:2\">
<table border=0 width=100 bgcolor=c8b189>
<td><center>
<a href=links.htm>Links</a>
</center></td>
</table>
</div>
</body>
</html>


Oliver

Avatar billede jakoba Nybegynder
20. oktober 2001 - 23:31 #1
i alle dine divs står der  left:25;
lav det om til fx  left:15;
så bliver afstanden tilvenstre såmeget mindre
Avatar billede jakoba Nybegynder
20. oktober 2001 - 23:34 #2
farven ændrer du oppe foroven:
    A:link {color:#c8b189;}
kan fx ændres til:
    A:link (color:#660066;}
hvis du ønsker at definere farven mens musen er over skriver du:
    A:hover {color:#000033;}

mvh JakobA
Avatar billede jakoba Nybegynder
20. oktober 2001 - 23:39 #3
det er en god ide ALTID at skrive citationstegn om parameterværdierne i html kommandoer:
  <table border=0 width=100 bgcolor=c8b189>
bør være
  <table border=\'0\' width=\'100\' bgcolor=\'#c8b189\'>

det går sikkert godt i den browser du bruger, men der er mange browsere og nogen af dem bliver forvirrede.
Avatar billede 12 Nybegynder
20. oktober 2001 - 23:40 #4
Tak jakoba - men inden du får point vil jeg sige at farven ikke ændre sig, når jeg ændre det i a:link oppe foroven. Det stod der ikke hvor jeg fik koden, så farven må være defineret et sndet sted.

Oliver
Avatar billede jakoba Nybegynder
21. oktober 2001 - 00:07 #5
Er det baggrundsfarven du ønsker at ændre?
den står bagerst i dine table kommandoer
    <table border=\'0\' width=\'100\' bgcolor=\'#c8b189\'>

Jeg har det problem at hverken IE4 eller Netscape viser nogen blå farve på siden. Så jeg er lidt i tvivl om hvilken farve du mener.
Avatar billede jakoba Nybegynder
21. oktober 2001 - 00:09 #6
Ups.  i  Kommentar fra jakoba 20/10 2001 23:34:57  har jeg skrevet almindelig parentes begynd foran color, det har jeg forhåbentligt ikke lokket dig til ( det skal være en tuborg { )
Avatar billede 12 Nybegynder
21. oktober 2001 - 00:11 #7
Nej det er farven på mine links. Hvis du fjerner den øverste kode:<STYLE TYPE=\"text/css\">
A:link {color:#c8b189;}
A:hover {color:#000000;}
</STYLE>
Så bliver mine links stadig blå, derfor må man kunne definere farven på disse et andet sted.


Avatar billede prodic Mester
21. oktober 2001 - 00:18 #8
Tænker du på den her linie :
<body link=\"#c8b189\" alink=\"#c8b189\" vlink=\"#c8b189\">
Avatar billede 12 Nybegynder
21. oktober 2001 - 00:22 #9
JEP! Tusinde tak
Avatar billede prodic Mester
21. oktober 2001 - 00:24 #10
Så lidt - Husk lige at tekstfarven ikke er defineret i den linie.
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