hejsa -
jeg har er hvad at lave en hjemmeside. som jeg gerne vil have
skal se ens ud på alle browsere. derfor har jeg selv gjort et
forsøg for at både størrelse og tekst er ens på alle computere.
min html fil ser sådan her ud:
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN"
"
http://www.w3.org/TR/html4/strict.dtd">
<html lang="eng-gb">
<head>
<title>M! Clothing</title>
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1">
</head>
<body bgcolor="#4A4A4A" text="#FFFFFF" link="#FFFFFF"
vlink="#FFFFFF" alink="#FFFFFF">
<center>
<table border="0" cellspacing="0" cellpadding="0" width="802"
height="306">
<tr>
<td bgcolor="#000000" width="10" height="17"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF" rowspan="2">
<p align="center"> </td>
</center>
<td bgcolor="#000000" width="700" colspan="8" height="17"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF" rowspan="2">
<p align="left"><b><font face="Verdana" size="5">M!
Clothing</font></b></td>
<center>
<td bgcolor="#000000" width="38" height="27"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF">
<p align="center"><img border="0" src="logo%20mm/dk.gif"
width="30" height="14"></td>
<td bgcolor="#000000" width="36" height="27"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF">
<p align="center"><img border="0" src="logo%20mm/uk.gif"
width="30" height="14"></td>
<td bgcolor="#000000" width="16" height="17"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF" rowspan="2">
</td>
</tr>
<center>
<tr>
<td bgcolor="#000000" width="38" height="27"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF">
</td>
<td bgcolor="#000000" width="36" height="27"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF">
</td>
</tr>
<tr>
<td bgcolor="#000000" width="10" height="72" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF">
</td>
<td bgcolor="#FFFFFF" width="80" height="72" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF">
<font color="#000000" size="1" face="Verdana">1</font></td>
<td bgcolor="#000000" width="88" height="72" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF"> </td>
<td bgcolor="#FFFFFF" width="88" height="72" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF"><font color="#000000" size="1"
face="Verdana">2</font></td>
<td bgcolor="#000000" width="88" height="72" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF"> </td>
<td bgcolor="#FFFFFF" width="88" height="72" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF"><font color="#000000" size="1"
face="Verdana">3</font></td>
<td bgcolor="#000000" width="88" height="72" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF"> </td>
<td bgcolor="#FFFFFF" width="87" height="72" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF"><font color="#000000" size="1"
face="Verdana">4</font></td>
<td bgcolor="#000000" width="89" height="72" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF"> </td>
<td bgcolor="#FFFFFF" width="72" height="72" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF" colspan="2"><font
color="#000000">5</font></td>
<td bgcolor="#000000" width="16" height="72" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#000000" width="10" height="14" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF" valign="top"> </td>
<td bgcolor="#000000" width="80" height="14" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF"><font size="1"
face="Verdana">Accessories</font></td>
<td bgcolor="#000000" width="88" height="14" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF"> </td>
<td bgcolor="#000000" width="88" height="14" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF"><font face="Verdana"
size="1">Shirts </font></td>
<td bgcolor="#000000" width="88" height="14" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF"> </td>
<td bgcolor="#000000" width="88" height="14" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF"><font face="Verdana"
size="1">Jeans</font></td>
<td bgcolor="#000000" width="88" height="14" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF"> </td>
<td bgcolor="#000000" width="87" height="14" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF"><font face="Verdana"
size="1">Underwear</font></td>
<td bgcolor="#000000" width="89" height="14" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF"> </td>
<td bgcolor="#000000" width="72" height="14" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF" colspan="2"><font size="2"
face="Verdana">Outwear
</font></td>
<td bgcolor="#000000" width="16" height="14" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#000000" width="10" height="178" rowspan="4"
align="center" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF">
</td>
</center>
</center>
<td bgcolor="#000000" width="615" colspan="7" height="178"
rowspan="4" align="center" bordercolor="#FFFFFF"
bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF"
valign="middle">
<p align="center"><font size="1" face="Verdana"><br>
<img border="0" src="logo%20mm/DolceGabbana1.jpg"
width="273" height="295"></font></td>
<center>
<td bgcolor="#000000" width="161" colspan="3" height="18"
align="center" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF"> </td>
<td bgcolor="#000000" width="16" height="18" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#000000" width="161" colspan="3" height="20"
align="center" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF"><font face="Verdana" size="1">New
Products</font></td>
<td bgcolor="#000000" width="16" height="20" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#000000" width="161" colspan="3" height="125"
align="center" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF"> </td>
<td bgcolor="#000000" width="16" height="125" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF"> </td>
</tr>
<tr>
<td bgcolor="#000000" width="161" colspan="3" height="15"
align="center" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF"><b><font face="Verdana"
size="1">...</font></b></td>
<td bgcolor="#000000" width="16" height="15" align="center"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF"> </td>
</tr>
</center>
<tr>
<td bgcolor="#000000" width="10" height="14"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF">
<p align="right"> </p>
</td>
<td bgcolor="#000000" width="774" colspan="10" height="14"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF">
</td>
<td bgcolor="#000000" width="16" height="14"
bordercolor="#FFFFFF" bordercolorlight="#FFFFFF"
bordercolordark="#FFFFFF">
</td>
<center>
<tr>
<td width="88,8" height="11" align="left" colspan="2"><font
size="1" face="Verdana" color="#C0C0C0">Contact
</font></td>
<td width="88,8" height="11" align="left"><font size="1"
face="Verdana" color="#C0C0C0">About
Us </font></td>
<td width="88," height="11" align="left"><font size="1"
face="Verdana" color="#C0C0C0">Products
</font></td>
<td width="88,7" height="11" align="left"><font size="1"
face="Verdana" color="#C0C0C0">Order
</font></td>
<td width="88" height="11" align="left"></td>
<td width="88,8" height="1" align="left"></td>
<td width="87" height="1" align="center"></td>
<td width="89" height="1" align="center"></td>
<td width="88,8" height="1" align="center" colspan="3"></td>
</tr>
</table>
</center>
</body>
</html>
og min .css kode ser sådan her ud:
body {
background-color: #FFFFFF;
}
h1 {
color: #C0C0C0;
}
h2 {
color: #C0C0C0;
}
h3 {
color: #C0C0C0;
}
h4 {
color: #C0C0C0;
}
h5 {
color: #C0C0C0;
}
h6 {
color: #C0C0C0;
}
h1 {
font-size: 2;
}
h2 {
font-size: 2;
}
h3 {
font-size: 2;
}
h4 {
font-size: 2;
}
h5 {
font-size: 2;
}
h6 {
font-size: 2;
}
a {
text-decoration:none;
}
a:hover {
color: yellow;
font-style: italic;
}
<style type="text/css">
textarea {
scrollbar-shadow-color:yellow;
}
</style>
--------
Jeg har pt sat skriftkoden til 'verdena', for jeg forstod ikke
helt det der med grupper i teksterne, i jeres css tourtail..
hvordan for jeg skriften til at være "Tempus Sans ITC" på alle
computere?
mvh
Mark Wesenberg..
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials