14 svar · 475 visningar · startad av aasah
Går det - och i så fall hur - att få varje ruta i en tabell att ha en egen färg? :q
Alltså jag tycker det skulle vara praktiskt om man kunde göra att "korsord" genom att skapa en helt tom tabell där vissa rutor har svart bakgrundsfärg och resten (tex) vit. Ledtrådarna ska alltså inte in i rutmönstret, bara siffror som startar varje "ord".
Ja, visst, går det, men det lär ta lite tid :)
Börja med att ge hela tabellen vit bakgrundsfärg. Därefter får du formatera varje cell som ska ha svart bakgrundsfärg för sig. Som sagt, lite tidsödande.
Kanske någon vet ett snabbare sätt.
Annars finns det ju program som skapar korsord., men det är ju klart roligare att göra det helt själv.
Lars
Css är lösningen för dig ;)
<style type="text/css">
table {background-color:#ffffff;}
.svart {background-color:#000000;}
</style>
<table>
<tr>
<td>vit cell</td>
<td class="svart">svart cell</td>
<td>vit cell</td>
</tr>
</table>
R: vad en lite glömd " kan ställa till det :r
Det där ser ju enkelt och bra ut, frankof. Men... jag får ju lov att erkänna att jag inte har använt CSS förr. Hur funkar det? Ska allt ligga i samma html-fil? Ligger CSS:n i head- eller bodydelen? :q
CSS kan du antingen lägga i samma fil (head-delen) eller i en egen fil som du länkar in (också head-delen) så här:
<link href="den_egna_filen.css" type="text/css" rel="stylesheet">
Tack för svaren! :) Men...
Nånting är väl tokigt antar jag... Nedanstående sida ger en helt vit sida i IE. :q
<HTML>
<HEAD>
<style type="text/css>
table {background-color:#ffffff;} .svart {background-color:#000000;}
</style>
</HEAD>
<BODY>
<table> <tr> <td>vit cell</td> <td class="svart">svart cell</td> <td>vit cell</td> </tr> </table>
</BODY>
</HTML>
Vad har jag missuppfattat? :q
aasah skrev:
Tack för svaren! :) Men...
Nånting är väl tokigt antar jag... Nedanstående sida ger en helt vit sida i IE. :q
<HTML> <HEAD> <style type="text/css> table {background-color:#ffffff;} .svart {background-color:#000000;} </style> </HEAD> <BODY> <table> <tr> <td>vit cell</td> <td class="svart">svart cell</td> <td>vit cell</td> </tr> </table> </BODY> </HTML>Vad har jag missuppfattat? :q
Inte du, jag :r
Som celia redan har påpekat, det skall vara en " längst bak på <style type="text/css">
Kan detta bli bra?
<HTML>
<HEAD>
<style type="text/css">
table {width:200px; height:200px; background-color:#ffffff;
border:1px solid black;border-collapse:collapse;}
.svart {background-color:#000000;color:yellow;}
td {width:33%; height:33%;}
</style>
</HEAD>
<BODY>
Om du vill att text skall synas i de svarta fälten så måste du deklarera det
i klassen svart med color:dinfärg
<BR>
Så vill du väl ha dina rutor kvadratiska med svart ram kanske, detta fixas med
border:1px solid black och border-collapse:collapse
<BR>
<table>
<tr>
<td>vit cell</td>
<td class="svart">svart cell</td>
<td>vit cell</td>
</tr>
<tr>
<td class="svart">svart cell</td>
<td>vit cell</td>
<td class="svart">svart cell</td>
</tr>
<tr>
<td>vit cell</td>
<td class="svart">svart cell</td>
<td>vit cell</td>
</tr>
</table>
<BR>
Ditt fina korsord
</BODY>
</HTML>
bossse skrev:
Kan detta bli bra?...
SNYGGT! :)
Bara ett problem... När man inte har varannan ruta svart - och det har man ju sällan, vill man gärna ha ett svart streck mellan de vita cellerna. Släng in en extra rad i ditt exempel som är likadan som den som nu är sist, så ser du problemet...
Går det f.ö. att ha ett extra tjockt streck på något enstaka ställe, där man vill få in en skiljelinje mellan ihopklämda ord, Alltså ord där man inte får plats med ett svart fält mellan dem...
Då får du komplettera med detta i din td-deklaration.
OBS! att height blir 25% om du lägger in en rad till.
td {width:33%; height:25%;border:1px solid black;}
Lägg till dessa tre vita celler, och de har svart ram
<tr>
<td>vit cell</td>
<td>vit cell</td>
<td>vit cell</td>
</tr>
Visst, det går att få den exakt som man och vill var man vill.
Har tyvärr inte tid just nu.
Ska se rapports årskrönika på Tv nu.
Återkommer kanske senare i kväll!
Så här då! Lägg märke till att storleken på cellerna är beroende av innehållet i dem.
<HTML>
<HEAD>
<style type="text/css">
table {width:240px; height:300px; background-color:#ffffff;border:3px solid black;border-collapse:collapse;}
.svart {background-color:#000000;color:yellow;padding:0px;}
.specialram {background-color:#ffffcc; border:3px solid black;padding:0px;}
td {border:1px solid black; padding:5px;}
</style>
</HEAD>
<BODY>
<table>
<tr>
<td>vit cell</td>
<td class="svart">svart cell</td>
<td>vit cell</td>
</tr>
<tr>
<td class="svart">svart cell</td>
<td>vit cell</td>
<td class="svart">svart cell</td>
</tr>
<tr>
<td>vit cell</td>
<td class="svart">svart cell</td>
<td>vit cell</td>
</tr>
<tr>
<td class=specialram> specialram </td>
<td>vit cell</td>
<td class=specialram> specialram </td>
</tr>
<tr>
<td>vit cell</td>
<td>vit cell</td>
<td>vit cell</td>
</tr>
</table>
<BR>
Ditt fina korsord
</BODY>
</HTML>