Log In
Home
September 16, 2002
Offline
Kan jag göra så att bara de vågräta linjerna syns i bordern på en tabell?
Det är så fult när man ser varenda ram på en hemsida, men jag behöver de vågräta.
May 28, 2003
Offline
gör en bild som är 1x1 pixel och lägg i tabellen sen sträcker du ut den så mycket du behöver typ. Typ enkelt sätt...
September 16, 2002
Offline
Nja, det sättet var jag inte så förtjust i.
Det måste ju gå göra på något sätt.
March 25, 2002
Offline
Med CSS fixar du det lätt. Läs lite mer på http://www.w3schools.com.
March 28, 2003
Offline
http://www.webdesignskolan.com Riktigt bra sida. Allt om html, css, photoshop, flash, etc, etc.
December 15, 2002
Offline
ex:
September 16, 2002
Offline
ManicBlue wrote: ex:
Tack, men det är inte så jag menar. På det där sättet får jag bara taket och golvet på tabellen, men jag vill ha alla vågräta linjer.
March 6, 2002
Offline
Så här blir det då! Css-filen överst som i detta fall heter center.css.
TABLE
{
width:700px;
height:350px;
border-collapse:collapse;
position:absolute;
left:50%;
top:50%;
margin-left:-350px;
margin-top:-175px;
}
TD
{
background-color:gray;
border-collapse:collapse;
border-top:2px solid yellow;
border-bottom:2px solid white;
border-left:2px solid black;
border-right:2px solid black;
}
.TD2
{
background-color:silver;
border-left:2px solid black;
border-right:2px solid black;
border-bottom:2px solid red;
}
.TD3
{
background-color:lightgreen;
border-left:2px solid black;
border-right:2px solid black;
border-bottom:2px solid blue;
}
-------------------------- Slut på Css-filen -------------------------------
Du ser säkert hur du tar bort de vertikalaa linjerna i tabellen.
Dessa har jag bara med för tydlighetes skull.
(de kan också ges samma färg som bakgrunden för att inte visas)
Nedanstående är bara för ev. centrering av tabellen.
Ändra width och height som du ska ha på din tabell. Du ändrar sedan värden för margin-left/margin-top enl. nedan.
Om din tabell är 800px bred och 600px hög så blir margin-värdena -400px respektive -300px.
Dvs hälften av tabellens mått, men negativa. Tabellen ligger då alltid i mitten oavsett upplösning.
Om du bara vill centrering åt ett håll så tror jag du kan räkna ut detta själv!
För att göra den osynlig så får man ha samma färg som bakgrunden och ingen border.
---------- Html-filen som anropar center.css nedan -----------
<html>
<head>
<link rel=stylesheet type="text/css" href="center.css">
</head>
<body bgcolor=green>
<table>
<tr>
<td> tabellcell 1 </td>
<td> tabellcell 2 </td>
</tr>
<tr>
<td class=td2> tabellcell 3 </td>
<td class=td2> tabellcell 4 </td>
</tr>
<tr>
<td class=td3> tabellcell 5 </td>
<td class=td3> tabellcell 6 </td>
</tr>
</table>
</body>
</html>
September 16, 2002
Offline
Danke!
Ska genast prova, men av att läsa koden så såg det helt rätt ut!
Edit: Har provat, och det fungerade.
Tack bossse!
September 16, 2002
Offline
😳 Har en fråga till...
Hur gör jag för att sätta textens alignment till top i alla (t.ex.) .td2.
Jag provade text-align: top, men det fungerade inte. 🙁
Och så har jag en fråga om koden jag fick av bossse. Hur kan .td2 gälla alla td taggar med class="td2". Borde det inte ska vara td.td2 då? Det funkar alltså som det är, men jag förstår inte hur.
March 6, 2002
Offline
Du lägger detta för td2 i cssfilen:
vertical-align:text-top;
Första TD:n har ingen klass som TD2 och TD3 har.
Därför blir TD övergripande, gäller i alla andra klasser också om inget annat anges.
Testa att lägga in t.ex.
font-size:14pt; color:yellow;
endast den första TD:n i css-filen så förstår du vad jag menar.
Vill du också ha en vänstermarginal på t.ex 8 punkter så lägg bara in
padding:8px;
1 Guest(s)
