21-05-2012, 11:36
Możliwe, że gdzieś jest ten błąd, mam prośbę zerknij w takim razie jak możesz resztę kodu, może Ty znajdziesz to czego ja nie widzę ;p
Jeżeli chodzi, o css, to pozwoliłem sobie po prostu zapożyczyć z pewnej dobrze napisanej strony, jak szablon/podstawę dla mnie. Dzięki temu mogę trzymać się jakiejś dobrej struktury i łatwiej mi się uczyć na tym. Sam takiego nie napiszę, a z edycją i czytaniem znaczników raczej nie mam problemu.
I teraz tak: chcę wstawić background jako tło tak aby było widoczne po bokach - więc 1px x 975px w moim wypadku, wstawiam do sekcji html, body tak ? Jak tam widać jakieś niejasności to walcie śmiało ;p lepiej poprawiać teraz jak później
[/align]
Kod:
html, body {
margin:0;
padding:0;
font-size:11px;
font-family:Tahoma, Helvetica, sans-serif;
color:#d0d0d0;
line-height:1.4em;
}
body {
margin: 0;
padding:0;
background: url(backgroundlayout.png) no-repeat center;
background-color: black;
border: 0;
}
img {
border:0;
}
a:link, a:visited {
text-decoration:underline;
color:white;
border:0;
}
a:hover {
color:#f7bf00;
}
/* Struktura */
div#logo {
margin: 0;
padding:0;
width: 960px;
height: 231px;
background-color: grey;
}
div#menu {
margin: 0;
padding:0;
width:960px;
height:39px;
}
div#container {
margin: 0;
padding:0;
width:960px;
height:643px;
}
div#footer {
margin: 0;
padding:0;
clear:both;
font-size:0.9em;
width: 960px;
height: 62px;
}
/* MENU */
ul.menu, ul.menu li {
height:39px;
display: inline;
margin: 0;
padding: 0;
list-style: none;
}
ul.menu li {
float:left;
}
ul.menu a:link, ul.menu a:visited {
float:left;
height:39px;
display: block;
color:#8d8d8d;
text-decoration: none;
text-align: center;
font-size:1.1em;
margin: 0;
padding: 0;
}
ul.menu a:hover {
color:white;
background:#2b2b2a;
margin: 0;
padding: 0;
}
body#index ul.menu a#link0:link, body#index ul.menu a#link0:visited,
body#onas ul.menu a#link0:link, body#onas ul.menu a#link0:visited,
body#zakres ul.menu a#link1:link, body#zakres ul.menu a#link1:visited,
body#zaufaj ul.menu a#link2:link, body#zaufaj ul.menu a#link2:visited,
body#referencje ul.menu a#link5:link, body#referencje ul.menu a#link5:visited,
body#cennik ul.menu a#link5:link, body#cennik ul.menu a#link5:visited
{
color:white;
background:#2b2b2a;
margin: 0;
padding: 0;
}
/* CONTENT */
div#content_main {
width:600px;
height: 643px;
float: left;
margin: 0;
padding: 0;
}
div#content_main p:hover {
color: red;
}
div#content_right {
float:right;
width:360px;
height: 643px;
color:#a1a1a1;
line-height:1.3em;
margin: 0;
padding: 0;
}
div#content_contact {
float:right;
width:340px;
height:303px;
color:#a1a1a1;
background-color: #696969;
line-height:1.3em;
margin: 0;
padding: 0;
}
div#content_location {
float:right;
width:340px;
height: 340px;
color:#a1a1a1;
background-color: #2F4F4F;
line-height:1.3em;
margin: 0;
padding: 0;
}
/* FOOTER */
#footer_left {
float:left;
width: 480px;
height: 62px;
text-align:left;
margin: 0;
padding: 0;
}
#footer_right {
float:right;
width: 480px;
height: 62px;
font-size:1em;
text-align:right;
margin: 0;
padding: 0;
}
#footer a:link, #stopka a:visited, #stopka_right {
color:#474747;
text-decoration:none;
}
#footer a:hover {
color:#fff;
text-decoration:underline;
}
Jeżeli chodzi, o css, to pozwoliłem sobie po prostu zapożyczyć z pewnej dobrze napisanej strony, jak szablon/podstawę dla mnie. Dzięki temu mogę trzymać się jakiejś dobrej struktury i łatwiej mi się uczyć na tym. Sam takiego nie napiszę, a z edycją i czytaniem znaczników raczej nie mam problemu.
I teraz tak: chcę wstawić background jako tło tak aby było widoczne po bokach - więc 1px x 975px w moim wypadku, wstawiam do sekcji html, body tak ? Jak tam widać jakieś niejasności to walcie śmiało ;p lepiej poprawiać teraz jak później
