+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Pozycjoowanie elemntu (/thread-pozycjoowanie-elemntu)
Pozycjoowanie elemntu - daGGer - 04-02-2010
Witam mam problem, otóż tworzę sobie stronę, jestem początkujący... Składnie języka znam, ale nadal nie iwem dokońca jak dobrze pozycjonować grafiki na stronie
. Więc tak mam 2 grafiki. Jedna to taki jakby niby background, ma on 700/700pikseli i się rozmazuje i wchodzi jakby w domyślny kolor strony. A drugi to logo i parę napisów. (Jest to narazie jakby przedstrona, informacje miejscu zamiszkania/telefonie i faxie no i 2 guziki do wejścia na stronę i oraz kontaktu. Ten drugi obrazek musze umieścić na tym backgroundzie. Backgroundowi wystarczy, że ustawię margin-left oraz right na auto i on będzie na środku. Jednak aby ten drugi obrazek wstawić NA background to muszę go wypozycjonować, gdy użyje position:relative to musze jakieś śmieszne -700px dać i do tego mimo, że nie ma na dole strony nic nie ma to i tak suwak zostaje potym jak dodaje mi na dole pod backgroundem ten obrazek, a gdy używam absoluta to jest okej, ale jak zwiększam rozdzielczość to wtedy BG ustawia się znów na środku, a drugi obrazek przesuwa się w lewo...
Kod html'a
Kod:
<div id="kontener">
<div id="header">
<a id="mainBG"><img src="images/BG.png" alt="bg">
<a id="mainLogo"><img src="images/logo.png" alt="logo">
</div>
</div>
</body>Kod:
body {text-align: center;margin-left:auto;margin-right: auto;}
* {margin: 0px;padding: 0px;}
#kontener {margin-left: auto;margin-right: auto; width: 960px; height: 800px;position:absolute;}
#mainBG { margin-left:auto;margin-right:auto;}
#mainLogo {margin-left:auto;margin-right:auto; position: absolute; top:0px; left: 130px;}Pozdrawiam
RE: Pozycjoowanie elemntu - virus4 - 08-02-2010
Może daj jakiś link do tej strony i jakiś screen jak to ma wyglądać bo na chwilę obecną ciężko mi pomóc.