Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS]Pozycjonowanie strony
celtik
post
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 2.02.2009

Ostrzeżenie: (0%)
-----


Witam!
Zrobiłem laya w Photoshopie pocięłem go następnie w Fireworksie i zapisałem jako html + css
Problem w tym, że strona dobrze wygląda tylko w rozdzielczości 1024x768 przy innych całkowicie się rozjeżdza proszę o pomoc, oto kod html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml" >
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<
title>Tytul</title>
<
link rel="stylesheet" type="text/css" href="./glowna.css" media="all" />

</head>
<
body>
<
div id="main">
<img src="images/header.jpg" id="header" alt="" />
<br class="clearfloat" />
<img src="images/left.jpg" id="left" alt="" />
<img src="images/mainbody.jpg" id="mainbody" alt="" />
<img src="images/right.jpg" id="right" alt="" />
<br class="clearfloat" />
<img src="images/footer.jpg" id="footer" alt="" />
<br class="clearfloat" />
</
div>
</
body>
</
html>


a to plik glowna.css

body {
background-color: #ffffff;
margin:0px;
padding:0px;
}
.p {
margin:0px;
padding:0px;
font-size: inherit;
font-family: inherit;
font-weight: inherit;
text-align: inherit;
color: inherit;
line-height: inherit;
vertical-align: top;
}
p {
padding-top:0px;
margin-top:0px;
}
img {
border:0px;
}
div {
margin:0px;
padding:0px;
font-family:verdana; font-size:12px;
}
.AbsWrap {
width: 100%;
position: relative;
}
.rowWrap {
width: 100%;
}
.clearfloat {
clear:both;
height:0px;
}
a:link, a:visited{
COLOR:inherit;
text-decoration:inherit;
}
#main {


width:1024px;
margin: 0px auto 0px 0px;
border: 0px solid #f0f0f0;


}
#header {
margin-left:0px;
margin-top:0px;
width:1024px;
height:154px;
margin-bottom:0px;
float:left;
display:inline;


}
#left {
margin-left:0px;
margin-top:0px;
width:314px;
height:468px;
margin-bottom:0px;
float:left;
display:inline;


}
#mainbody {
margin-left:0px;
margin-top:0px;
width:474px;
height:468px;
margin-bottom:0px;
float:left;
display:inline;


}
#right {
margin-left:0px;
margin-top:0px;
width:236px;
height:468px;
margin-bottom:0px;
float:left;
display:inline;


}
#footer {
margin-left:0px;
margin-top:0px;
width:1024px;
height:146px;
margin-bottom:0px;
float:left;
display:inline;


}




Ten post edytował celtik 2.02.2009, 13:32:46
Go to the top of the page
+Quote Post
isso
post
Post #2





Grupa: Zarejestrowani
Postów: 296
Pomógł: 32
Dołączył: 3.01.2005

Ostrzeżenie: (0%)
-----


weź to wrzuć w tagi html ;] bo to można się odstrzelić patrząc na to... poza tym daj cały kod, a nie wycinek ;]


--------------------
Go to the top of the page
+Quote Post
celtik
post
Post #3





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 2.02.2009

Ostrzeżenie: (0%)
-----


To jest pelny kod strony, w tagi tego nie wrzuce bo mi sie IE sypie
Go to the top of the page
+Quote Post
Pilsener
post
Post #4





Grupa: Zarejestrowani
Postów: 1 590
Pomógł: 185
Dołączył: 19.04.2006
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----


Wywal ten kod i sam zrób layout, bez pomocy fajer-czegoś tam. Kod z generatorów nadaje się tylko na śmietnik. Znasz podstawy HTML+CSS? Wiesz jaki efekt chcesz uzyskać? Tutoriali pełno:
http://www.webinside.pl/webstandards/artykuly/205

Jak nie znasz podstaw HTML+CSS to MY za Ciebie przecież nie okodujemy tego, możemy Ci tylko pomóc.
Go to the top of the page
+Quote Post
celtik
post
Post #5





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 2.02.2009

Ostrzeżenie: (0%)
-----


Podstawowa wiedze na temat html +css posiadam
Sadziłem ze Fireworks pozycjonowanie strony zrobi za mnie
Dzieki za linka
Go to the top of the page
+Quote Post
isso
post
Post #6





Grupa: Zarejestrowani
Postów: 296
Pomógł: 32
Dołączył: 3.01.2005

Ostrzeżenie: (0%)
-----


Cytat(celtik @ 2.02.2009, 13:35:19 ) *
To jest pelny kod strony, w tagi tego nie wrzuce bo mi sie IE sypie


chyba sam się posypiesz....

BBCODE!! poza tym, jak to jest cały kod strony haha.gif to nie wiem co Ty tam bedziesz wyświetlał....


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 08:13