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

regdos    1848

regdos
Napisano

jednemu nadaj float: left a drugiemu float: right

Udostępnij ten post

Link to postu
Udostępnij na innych stronach

Bądź aktywny! Zaloguj się lub utwórz konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony

Utwórz konto

Zarejestruj nowe konto, to proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz własne konto? Użyj go!

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