Otóż tworzę pewien projekt, którego już jakaś część zawartości znajduje się na mojej stronce. Mój projekt opiera się na bodajże html4 jaki był używany pod koniec roku 2000. Stworzyłem już odnośniki, podlinkowałem (nie poprawię jeszcze podstron, dopóki nie poprawię index.html). Posiadam książkę HTML i CSS Jona Ducketta choć łatwiej mi szła nauka na kanale youtube i zacząłem rozumieć nawet css. Mam jednak kilka problemów z moją stroną. Po pierwsze nie mogę poprawnie pokolorować linków i usunąć podkreśleń. W oparciu o a.tilelink zastosowałem frazę a:link (inaczej w ogóle nie działa). Rozwiązując w ten sposób część problemu, zmiany w linkach działają tylko na stronie głównej. Nie działały w nagłówku strony. Drugim problemem jest to, że między footerem a nav/content a także między nimi a logo są dziury. Nie rozlewa się kolor ale nie jest przyjemnie w kwestii estetyki.
Może macie jakieś sugestie, co mogę dodać (w starym stylu) a co usunąć/zmienić żeby strona nie wyglądała tak pusto? Opieram się odrobinę na stronce Windows Update (wersję białą z lat 90). Nie mam na razie pomysłu i umiejętności w kwestii bannera, być może po prostu zrobię po prostu w formie nagłówka jak na kanale.
Dodam, że jestem zielony w matematyce i mogłem źle wyrównać Divy szablonu CSS. Ta strona będzie na początku jako zwykły spis aktualizacji, a w przyszłości planuję przerobić ją i zaimplementować w menu CD wraz z aktualizacjami i stworzonym skryptem .bat i tylko tyle.
Jedno małe pytanie. W jaki sposób tworzy się akapity (nie pamiętam jak to się nazywa fachowo)? Tabulatorem czy spacją? u mnie, używając klawisza Tab są zbyt duże akapity. Przykład:
html
body
head
Poniżej kody źródłowe oraz screen:
body
{
background-color: white;
Color: black;
/* unvisited link */
a:link {
color: #2A487F;
text-decoration: none;
}
/*visited link */
a:visited{
color: #2A487F;
text-decoration: none;
#container
{
width: 1000px;
margin-left: auto;
margin-right:auto;
}
#logo
{
background-color: #C0C0C0;
color: black;
text-align: left;
padding: 15px;
}
#nav
{
background-color: #C0C0C0;
color: white;
text-align: right;
float: left;
width: 200px;
min-height: 620px;
padding: 15px;
}
#content
{
background-color: white;
color: black;
text-align: left;
float: left;
width: 600px;
min-height:
padding: 20px;
}
#footer
{
background-color: #C0C0C0;
color: #2A487F;
text-align: center;
clear: both;
padding: 20px;
}
<!DOCTYPE HTML>
<html lang="pl"
<head>
<meta charset="utf-8" />
<meta http-eqiv="X-UA-Compatible" content="IE=edge,crome=1"/>
<title>Spis aktualizacji</title>
<meta name="descriptioin" content="Zbiory aktualizacji dla systemów rodziny 9x
oraz pakietĂłw w Microsoft Office" />
<meta name="keywords" content="Aktualizacje, Windows, Office, 9x" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="logo">
<h1><div><img src="ms.jpg" alt="" style="float: center;" />Spis aktualizacji</div></h1>
</div>
<div id="nav">
<h4><span style="background: #002987;">Kategorie</span></h4>
<a href="Windows.html">Microsoft Windows</a><br/><hr/>
<a href="Office.html">Microsoft Office</a><br/><hr/>
</div>
<div id="content">
<h3>Zapraszamy</h3><hr/>
Znajdziesz tutaj spis aktualizacji Microsoft z rodziny 9x<br/>
ObejmujÄ… one:<br/>
<li>Aktualizaje Microsoft Office 95-2000</li><br/>
<li>Aktualizacje Microsoft Windows 95B-Millenium</li><br/>
</div>
<div id="footer">
Orion Projects, 2021
</div>
</div>
</body>
</html>