Notifikationer

Markér alle som læst Log ud

ducks Nybegynder

09. september 2002 - 20:51 Der er 16 kommentarer og
1 løsning

Stiblede linier

Hvordan laver jeg de stiblede tabeller som der er på http://www.locturian.dk

Synes godt om

tumpez Nybegynder

09. september 2002 - 20:59 #1

Han laver en tynd celle, hvor billedet bgdot.gif sættes som bagrund ! Tjek evt. hans kode, hvis du vil se hvordan det kan gøres!

Synes godt om

ducks Nybegynder

09. september 2002 - 21:13 #2

Der må være en anden måde, jeg kan ikke få det til at passe?

Synes godt om

hells Nybegynder

09. september 2002 - 21:28 #3

der er også en anden måde - css:
man kan lave det samme med border. f. eks.:

border-left: 1px #000000 dotted;

gør venstre ramme/border 1pixel tyk(1px), sort(#000000) og prikket(dotted)
det kan bruges sådan her:

<head>
<style type="text/css">
td.venstreramme {
border-left: 1px #000000 dotted;
}
</style>
</head>
<body>
<table>
<tr>
<td class="venstreborder">

...

Synes godt om

ducks Nybegynder

09. september 2002 - 21:43 #4

Jeg kan nu ikke få det til at virke :/

Synes godt om

hells Nybegynder

09. september 2002 - 21:53 #5

vis så lige din kode. hvis du har copy/pastet min er fejlen, at jeg har skrevet venstreborder i stedet for venstreramme i td'ens class-attribut

Synes godt om

ducks Nybegynder

09. september 2002 - 22:09 #6

<html>
<head>
<title>Source.dk</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style.css" type="text/css">
<body bgcolor="#6d798d" text="#000000" link="#000000" vlink="#000000" alink="#000000">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td align="center" valign="top">

<table width="750" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000" bgcolor="#FFFFFF">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20%">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><b><font face="Arial, Helvetica, sans-serif" size="2">Menu</font></b></td>
</tr>
<tr>
<td><font face="Arial, Helvetica, sans-serif" size="2"></font></td>
</tr>
</table>
</td>
<td width="80%">

<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="70%"><b><font face="Arial, Helvetica, sans-serif" size="2">Info</font></b></td>
<td width="30%"><b><font face="Arial, Helvetica, sans-serif" size="2">News</font></b></td>
</tr>
<tr>
<td width="70%"><font face="Arial, Helvetica, sans-serif" size="2"></font></td>
<td width="30%"><font face="Arial, Helvetica, sans-serif" size="2"></font></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>

Synes godt om

hells Nybegynder

09. september 2002 - 22:13 #7

prøv at vis den del af dit stylesheet, hvor du prøver at lave den stiplede border.

Synes godt om

ducks Nybegynder

09. september 2002 - 22:16 #8

Det skulle faktisk gerne være dem allesammen (undtagen den aller yderste)

tror det er sådan ca. det her:

<td><b><font face="Arial, Helvetica, sans-serif" size="2">Menu</font></b></td>
</tr>
<tr>
<td><font face="Arial, Helvetica, sans-serif" size="2"></font></td>
</tr>
</table>
</td>
<td width="80%">

<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="70%"><b><font face="Arial, Helvetica, sans-serif" size="2">Info</font></b></td>
<td width="30%"><b><font face="Arial, Helvetica, sans-serif" size="2">News</font></b></td>
</tr>
<tr>
<td width="70%"><font face="Arial, Helvetica, sans-serif" size="2"></font></td>
<td width="30%"><font face="Arial, Helvetica, sans-serif" size="2"></font></td>

Synes godt om

hells Nybegynder

09. september 2002 - 22:18 #9

ja, men hvordan ser din css til borderen ud?

Synes godt om

ducks Nybegynder

09. september 2002 - 22:23 #10

hmm du må ikke være så avanceret :) -> Tror ikke jeg har nogen

Synes godt om

hells Nybegynder

09. september 2002 - 22:24 #11

så synes jeg da, det er sært at du kalder det øverst i dokumentet :) :
<link rel="stylesheet" href="style.css" type="text/css">

Synes godt om

ducks Nybegynder

09. september 2002 - 22:26 #12

den eneste css fil:

a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #CCCCCC; text-decoration: underline}
a:link { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #333333; text-decoration: none}

Synes godt om

ducks Nybegynder

09. september 2002 - 22:27 #13

forhøjer lige pointene hvis du nu får det til at virke :)

Synes godt om

hells Nybegynder

09. september 2002 - 22:33 #14

hvis du vil have at alle celler skal have en prikket ramme, skal du tilføje følgende til din css-fil:
td {
border: 1px #000000 dotted;
}

hvis det kun skal virke for nogle, skal du bruge classes. det vil sige, at du kan får stylen til kun at virke for udvalgte celler. så skal følgende tilføjes i stylesheetet:
td.prikket {
border: 1px #000000 dotted;
}

derudover skal du tilføje class="prikket" til hver celle, der skal have en border.

du er nok nødt til at rode lidt med rammerne på de forskellige sider ved f. eks. at bruge border-left i stedet for border, for at bestemme udseendet af den venstre border.
det vil nok være en god ide at kigge noget på denne:
http://www.html.dk/tutorials/css/lektion11.asp

Synes godt om

ducks Nybegynder

09. september 2002 - 23:10 #15

kan jeg lave en der dotter flere sider?

td.prikket {
border-right-top: 1px #000000 dotted;
}

Synes godt om

hells Nybegynder

09. september 2002 - 23:12 #16

dog ikke. du er nødt til at gøre det sådan her:
td.prikket {
border-top: 1px #000000 dotted;
border-right: 1px #000000 dotted;
}

Synes godt om

ducks Nybegynder

09. september 2002 - 23:15 #17

takker

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