Skocz do zawartości
Zaloguj się, aby obserwować  
Obserwujący 0
gibek2

Skalowanie strony

Przez gibek2, w xHTML / CSS / Javascript

Polecane posty

gibek2    12

gibek2
Napisano

witam jak zrobić na stronie aby te 2 elementy były zawsze w tym samym miejscu, co źle zrobiłem pomocy .

 

 

P.S - chcę aby strona była przyklejona do prawego i lewego marginesu a obrazki zawsze tam pozostawały natomiast u mnie troche pływają

 

strona - http://gibek.ct8.pl

 

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>Gibek  -  beta v1</title>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
</head>

<body>
<div id="wrapper">
<div id="logo"> </div>
<div id="logo2"> </div>

</div>
</body>
</html>

 

 

Kod CSS

body {
margin: 0;
background: black;
font-family: Verdana, Tahoma, Geneva, sans-serif;
font-size: 11px;
color:#FFF;
}

#wrapper {
width: 980px;
margin: 0 0;
}

#logo { background:url(../img/slide-3.jpg); height:270px; width:570px; position:absolute; display:block; right:3px;}

#logo2 { background:url(../img/slide-3.jpg); height:270px; width:570px; position:absolute; display:block; left:3px;}

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

gibek2    12

gibek2
Napisano

chodzi o to że obrazki podczas zmniejszania sie rozdzielczości nie są na swoim miejscu ;/ tylko nachodzą 1 na 2 a umnie jest wszystko ok

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

gibek2    12

gibek2
Napisano

Wielkie dzięki właśnie o to chodziło dodałem float a potem wypozycjonowałem marginesami :) dzięki za pomoc

 

ale za to pojawił sie inny problem ;/ a mianowicie podczas zmiany rozdzielczosci obrazki zostaja na swoich miejscach ale za to pojawia sie suwak na dole ;/ mozna to jakos innaczej wypozycjonować lub zaradzic aby suwak sie nie pojawiał ?

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

gibek2    12

gibek2
Napisano

moze nie możecie mnie zrozumieć bo kiepsko tłumacze ale spróbuje na przykładzie http://eduweb.pl/ gdy tą strone otworze u mnie na ekranie to wyglada ona tak na laptopie gdzie jest mniejsza rozdzielczośc wygląda identycznie i na telefonie gdzie wyglada tak samo chodzi mi o położenie elementów jest identyczne rozmieszczenie z tym że w telefonie jest tak jak by oddalona i musza ja przybliżyć ale własnie o to mi chodzi . Mam nadzieje że ktoś umiał by mi to wytłumaczyć jak to zrobić , bo osadzam całą strone w 1 kontenerze w którym określam width , w sumie to w 1 poscie pokazałem kod .

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

regdos    1848

regdos
Napisano

Strona, którą pokazałeś jest zrobiona najbardziej klasycznie jak się da czyli div z width poniżej 1000px i margin: 0 auto (czyli wyśrodkowanie) i bez żadnych wynalazków czyli pozycjonowania absolutnego. To, że na laptopie wygląda tak samo (czyli mieści się na ekranie) to zasługa tego, że w praktyce wszyscy mają rozdzielczość większą lub równą 1024px. Im większa rozdzielczość tym więcej czarnego jest po bokach.

Przeglądarki w komórkach tez doskonale sobie radzą ze zwykłymi divami ze stała szerokością.

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

gibek2    12

gibek2
Napisano

ok rozumiem to zrobiłem u siebie teraz 

#wrapper {
width: 980px;
margin: 0 auto;
}

 

i w jaki musze napisać kod żeby te 2 obrazki były dosunięte jeden do lewej krawędzi drugi do prawej i żeby na laptopie też to tak wyglądało bez żadnych suwaków ? pls pomóż :)

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

Zaloguj się, aby skomentować

Będziesz mógł dodać komentarz po zalogowaniu się



Zaloguj się
Zaloguj się, aby obserwować  
Obserwujący 0
Przejdź do listy tematów xHTML / CSS / Javascript
×