Witam wszystkich.
Postanowiłem zabrać się za robienie stron internetowych, i zacząłem studiować wszystkie poradniki, kursy itd.
Nie mogę sobie poradzić z pozycjonowaniem.
Na operze przy rozdzielczości 1366x768 wszystko jest okey, lecz na Mozilli już nie. Po zmianie rozdzielczości strona rozjeżdża się również w operze.
HTML:
CSS
Adres strony to http://p0lsk1.ugu.pl
Pomoże mi ktoś? Walczę już z tym od godziny i nie mogę sobie poradzić
Pozdrawiam.
EDIT:
I jak usunąć te obramowania grafik z linkami... ?
Postanowiłem zabrać się za robienie stron internetowych, i zacząłem studiować wszystkie poradniki, kursy itd.
Nie mogę sobie poradzić z pozycjonowaniem.
Na operze przy rozdzielczości 1366x768 wszystko jest okey, lecz na Mozilli już nie. Po zmianie rozdzielczości strona rozjeżdża się również w operze.
HTML:
Kod:
<html>
<head>
<link rel="stylesheet" type="text/css" href="style/polski.css" />
<title>POLSKI DESIGN - Personal Portfolio</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div id="Table_01">
<div id="index-01"></div>
<div id="index-02"></div>
<div id="index-03"></div>
<div id="index-04">
<a href="http://p0lsk1.ugu.pl"><img src="images/index_04.png" width="159" height="63" alt=""></a>
</div>
<div id="index-05">
<a href="http://p0lsk1.ugu.pl/news.html"><img src="images/index_05.png" width="154" height="63" alt=""></a>
</div>
<div id="index-06">
<a href="http://p0lsk1.ugu.pl/gallery.html"><img src="images/index_06.png" width="185" height="63" alt=""></a>
</div>
<div id="index-07">
<a href="http://p0lsk1.ugu.pl/contact.html"><img src="images/index_07.png" width="169" height="63" alt=""></a>
</div>
<div id="index-08"></div>
<div id="index-09"></div>
<div id="index-10"></div>
<div id="index-11">
<a href="http://x3p-servers.com"><img src="images/index_11.png" width="241" height="47" alt=""></a>
</div>
<div id="index-12">
<a href="http://boomy.nl"><img src="images/index_12.png" width="214" height="47" alt=""></a>
</div>
<div id="index-13">
<img src="images/index_13.png" width="279" height="47" alt="">
</div>
</div>
</body>
</html>CSS
Kod:
#Table_01 {
width:800px;
margin-left:auto;
margin-right:auto;
}
#up
{
width:800px;
height:720px;
margin:0;
padding:0;
}
#index-01 {
width:800px;
height:163px;
background-image:url('http://p0lsk1.ugu.pl/images/index_01.png');
left:284px;
top:261px;
}
#index-02 {
width:36px;
height:557px;
background-image:url('http://p0lsk1.ugu.pl/images/index_02.png');
left:310px;
top:261px;
}
#index-03 {
position:absolute;
width:67px;
height:63px;
background-image:url('http://p0lsk1.ugu.pl/images/index_03.png');
left:310px;
top:261px;
}
#index-04 {
position:absolute;
width:159px;
height:63px;
left:377px;
top:261px;
}
#index-05 {
position:absolute;
left:536px;
top:261px;
width:154px;
height:63px;
}
#index-06 {
position:absolute;
left:690px;
top:261px;
width:185px;
height:63px;
}
#index-07 {
position:absolute;
left:875px;
top:261px;
width:169px;
height:63px;
}
#index-08 {
position:absolute;
left:1044px;
top:261px;
width:30px;
height:557px;
background-image:url('http://p0lsk1.ugu.pl/images/index_08.png');
}
#index-09 {
position:absolute;
left:310px;
top:324px;
width:734px;
height:404px;
background-image:url('http://p0lsk1.ugu.pl/images/index_09.png');
}
#index-10 {
position:absolute;
left:310px;
top:728px;
width:734px;
height:43px;
background-image:url('http://p0lsk1.ugu.pl/images/index_10.png');
}
#index-11 {
position:absolute;
left:310px;
top:771px;
width:241px;
height:47px;
}
#index-12 {
position:absolute;
left:551px;
top:771px;
width:214px;
height:47px;
}
#index-13 {
position:absolute;
left:765px;
top:771px;
width:279px;
height:47px;
}Adres strony to http://p0lsk1.ugu.pl
Pomoże mi ktoś? Walczę już z tym od godziny i nie mogę sobie poradzić
Pozdrawiam.
EDIT:
I jak usunąć te obramowania grafik z linkami... ?
