10 svar · 291 visningar · startad av Calevan
Hej!
I min css fil har jag givit alla tabeller en bakgrundsfärg och har satt topmargin på alla sidor till ett visst värde.
Men på några väldigt få ställen, vill jag ändra detta och har därför satt andra värden i HTML koden. Har stark för mig att detta har fungerat innan, men just nu gör det inte det. Finns det något sätt att göra på så att CSS filen bara gäller när inget annat har angivits?
tack!
En extern CSS-fil gäller endast om du inte bestämmer något annat i själva HTML-filen.
Bifoga lite kod (både CSS-filen och CSS-informationen i HTML-dokumentet).
I filen:
<LINK REL=STYLESHEET HREF="style/style.css" TYPE="text/css">
<BODY topmargin=0>
I CSS filen:
BODY {
background-color: #707C94;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
letter-spacing: 2pt;
margin-top: 25px;
}
Faktiskt inte, Malte.
Om man inte ska ha någon margin, border, padding eller vad det nu är man ska få bort, räcker det gott och väl med en nolla:
After a '0' number, the unit identifier is optional.
Du har så rätt dectgap :e
Det sitter i ryggmärgen på mig att alltid ha en enhet, men det här är ju ett undantag som jag inte funderade på.
Det är dock en god vana att alltid använda enhet, istället för att ha två sätt att skriva beroende på talets storlek. Då är risken mindre att det blir fel när man ändrar.
för att ni ska kunna se vad fel det blir så har jag lagt upp sidan:
http://w3.chs.chalmers.se/kommitteer/pyrot/fredrik/fotoarkivet/
logga in med test klicka på 2003 och välj kategorin med bilder. kolla sen hur fel titeln är. och som ni ser i källkoden står det
<TABLE topmargin="0" class="tabell" width="640">
där tabell definieras enligt följande i min CSS fil:
.tabell {
font-size: 8pt;
letter-spacing: 2pt;
border: 0px;
background-color: #D1D7E9;
}
På de sidor du inte vill ha någon marginal MÅSTE du ange det på sidan - antingen genom att lägga till följande inom head-taggarna:
<style type="text/css">
body {
margin: 0;
}
</style>
eller direkt i body-taggen:
<body style="margin: 0">
Om du skriver
<body topmargin="0">
har det ingen verkan, eftersom du i din CSS-fil skriver att body ska ha "margin-top: 25px", och CSS-formateringar går före HTML-formateringar.
Ändra alltså koden till:
<BODY style="margin-top: 0">
<TABLE class="tabell" width="640">
<TR>
<TD>
<p align="center">.....:::::<font size="4"><b>Atombomber</b></font>:::::.....</p>
</TD>
</TR>
</TABLE>
</BODY>
Tack!
Av någon anledning jag inte vet, så funkade det inte att skriva in det direkt i body tagen om man använder FrontPage, för den tog bort det när man tryckte på spara. ansåg väll att något var fel. Men metod 1 fungerade utmärkt!
Sen tror jag dock att det finns något fel i min CSS fil. För som jag pratade om här:
http://www.webforum.nu/showthread.php?s=&threadid=76142
så måste jag skriva två <br> taggar efter varandra för att det ska bli samma effekt som bara en när jag skriver det i en tabbell med tex class namnet .massatext
Och jag vet inte vad det beror på, någon som hittar något konstigt? CSS koden är validerad.
BODY {
background-color: #707C94;
font-family: Tahoma, Verdana, Arial, Sans-Serif;
letter-spacing: 2pt;
margin-top: 25px;
}
A {
font-family: Tahoma, Verdana, Arial, Sans-Serif;
text-decoration: none;
}
A:hover {
text-decoration: underline;
}
.ramen {
font-size: 8pt;
letter-spacing: 2pt;
border: #000000 solid;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 0px;
background-color: #D1D7E9;
}
.slutsnack {
font-size: 8pt;
letter-spacing: 2pt;
border: #000000 solid 1px;
background-color: #D1D7E9;
}
.massatext {
letter-spacing: 0pt;
font-size: 8pt;
}
.tabell {
font-size: 8pt;
letter-spacing: 2pt;
border: 0px;
background-color: #D1D7E9;
}
.nyheter{
border: #000000 solid;
border-top-width: 0px;
border-left-width: 1px;
border-right-width: 0px;
border-bottom-width: 0px;
letter-spacing: 0pt;
font-size: 8pt;
}