Zaloguj się

stozek419 · 19-10-2011, 21:55

Witam mam taki kodzik

html body
{
background-image:url(http://este.strefa.pl/pe1.jpg);

background-size:100% 100%;
background-attachment: fixed
}

#calosc{
width: 700px; height:1015px;
}
#peemprolbn{position: relative;left:350px;top:-280px;}
#dzialdownload{position: relative;left:800px;top:-280px;}
#book{position: relative;left:0px;top:-650px;}
#info{position: relative;left:300px;top:-400px;}
#info2{position: relative;left:300px;top:-350px;}
#copy{position: relative;left:40px;top:500px;}

a problem polega na tym iz na roznych rozdzielczosciach jest inaczej wiec prosze o pomoc co zrobic z tym watkiem

Marys · 20-10-2011, 01:20

daj linka, html...

**Kartofelek** · 20-10-2011, 02:59

http://markupflux.com/2011/01/17/how-to-make-a-full-screen-background-image-that-scales-and-crops-as-needed/

stozek419 · (Ten post był ostatnio modyfikowany: 20-10-2011, 15:46 przez stozek419.)

oto link
http://peempro.polspeed.0lx.net/

Kartofelek>>nie chodzi mi o tlo a o obiekty ktore przy roznych rozdzielczosciach sie rozsypoja
chodzi mi tylko o strone glowna z reszta podstron sobie poradze

**Kartofelek** · 20-10-2011, 17:50

Eh. Kolego. Kolejny temat o tej samej stronie. Już ci mówiłem żebyś trzymał jeden wątek bo robisz śmietnik na forum.

Nie dziwię się że coś ci się przestawia skoro namieszałeś tam bardziej niż w niejednej zupie.

Po co ci te position relative z ujemnymi wartościami?
Poczytaj o Clear:both; overflow:hidden itp, bo przez brak stosowania tych właściwości masz taki bałagan - przykład np #buttons, które są po prostu bez sensu.
Ogólnie strona jest bardzo źle pocięta, stąd nie masz nad nią kontroli.
Powiem więcej - na tej stronie nie trzeba by ani razu stosować position:relative, wystaczą zwykłe float:left; clear:both i overflow:hidden. Podstawy.

Marys · 20-10-2011, 18:10

wstaw se wszystko w jednego div o stałej szerokości i wyśrodkuj go

stozek419 · 20-10-2011, 18:10

#buttons tak sobie napisalem zebym wiedzial ze chodzi o buttony to tylko selektor a co do
Clear:both; overflow:hidden itp. jest stosunkowo slabo wytlumaczone oraz slapo pokazane stad tak mecze na forum za co przepraszam!
a zalezy mi na tym abym osiagna cel kiedys mialem calosc tylko w html przeszedlem na css ale problem zostal co do rozdzielczosci roznych i dalej strona sie rozsypuje przez co kuleje prosze o jasniejsze wskazowki z gory dzieki

stozek419 · 20-10-2011, 19:23

(20-10-2011, 18:10)stozek419 napisał(a): #buttons tak sobie napisalem zebym wiedzial ze chodzi o buttony to tylko selektor a co do
Clear:both; overflow:hidden itp. jest stosunkowo slabo wytlumaczone oraz slapo pokazane stad tak mecze na forum za co przepraszam!
a zalezy mi na tym abym osiagna cel kiedys mialem calosc tylko w html przeszedlem na css ale problem zostal co do rozdzielczosci roznych i dalej strona sie rozsypuje przez co kuleje prosze o jasniejsze wskazowki z gory dzieki

wiec pomoze ktos?

hieroshima · 20-10-2011, 21:23

(20-10-2011, 18:10)stozek419 napisał(a): #buttons tak sobie napisalem zebym wiedzial ze chodzi o buttony to tylko selektor(...)

Mylisz się. To nie jest tylko selektor, a AŻ. Nadmiar jest gorszy od braku. Ja rozumiem, że teraz wszyscy 'fachowcy' przechodzą na nowe standardy, tylko zamiast przejść normalnie to popadają w divomanie. Po za tym jak już się wziąłeś za przejście z html 4 to radzę od razu na html5 Wink

stozek419 · (Ten post był ostatnio modyfikowany: 21-10-2011, 02:42 przez Kartofelek.)

niechodzi mi o ten button a chodzi mi o strone ktora mi sie rozpada na roznych rozdzielczosciach
http://peempro.polspeed.0lx.net/
oto css

Kod:
html body

{

background-image:url(http://este.strefa.pl/pe1.jpg);

background-size:100% 100%;

background-attachment: fixed

margin: 0;

padding: 0;

}

#glowny {

    width: 780px;

}

#logo{float:right;}

#logozdiecie{position: relative;left:290px;top:10px;float: left;}

#przyciski{position: relative;left:200px;top:-135px;float: left;}

#peemprolbn{position: relative;left:340px; top:-280px;float: left;}

#dzialdownload{position: relative;left:500px;top:-170px;float: left;}

#book{position: relative;left:-280px;top:-375px;float: left;}

#info{position: relative;left:-140px;top:-210px;float: left;}

#info2{position: relative;left:294px;top:-150px;float: left;}

#copy{position: relative;left:330px;top:-300px;float: left;}

a to html

Kod:
<!--HEADER-->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">

<HTML>

<!-- XT:dIINAfMltsoffqSu8aJ3B2d30F7usiiqnmTtu4HufVjItZZq742T2aVoYZS1NJla -->

<HEAD>

<head>

    <meta name="Robots" content="index, follow" />

<title>Strona domowa</title>

<link href="styl.css" rel="stylesheet" type="text/css" />

<meta http-equiv="Content-Language" content="pl" />    

</head

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">

<META HTTP-EQUIV="Creation-date" CONTENT="2002.03.16">

<META HTTP-EQUIV="Reply-to" CONTENT="adres zwrotny">

<META NAME="Description" CONTENT="peempro">

<META NAME="Author" CONTENT="peempro">

<META NAME="Generator" CONTENT="peempro">

<TITLE>PEEMPRO Oficjalna strona</TITLE>

</HEAD>

<BODY>

<!--/HEADER-->

<body>

<div id="glowny">

<div id="logo">

<IMG SRC="logo.JPG" WIDTH="654" HEIGHT="56" BORDER="0">

</div>

<div id="logozdiecie">

<IMG SRC="2.jpg" WIDTH="350" HEIGHT="320" BORDER="0">

</div>

<div id="przyciski">

<a href="index.html"><img style="border-style: none" alt="" src="sg.jpg" onmouseout=" this.src='sg.jpg' " onmouseover=" this.src='sg1.jpg' " onmousedown=" this.src='sg2.jpg'"hspace="0" vspace="150 " /></a>

<a href="index1.html"><img style="border-style: none" alt="" src="g.jpg" onmouseout=" this.src='g.jpg' " onmouseover=" this.src='g1.jpg' " onmousedown=" this.src='g2.jpg'"hspace="0" vspace="150 " /></a>

<a href="index2.html"><img style="border-style: none" alt="" src="b.jpg" onmouseout=" this.src='b.jpg' " onmouseover=" this.src='b1.jpg' " onmousedown=" this.src='b2.jpg'"hspace="0" vspace="150 " /></a>

<a href="index3.html"><img style="border-style: none" alt="" src="d.jpg" onmouseout=" this.src='d.jpg' " onmouseover=" this.src='d1.jpg' " onmousedown=" this.src='d2.jpg'"hspace="0" vspace="150 " /></a>

<a href="index6.html"><img style="border-style: none" alt="" src="v.jpg" onmouseout=" this.src='v.jpg' " onmouseover=" this.src='v1.jpg' " onmousedown=" this.src='v2.jpg'"hspace="0" vspace="150 " /></a>

</div>

<div id="peemprolbn">

<font color=#F9900F><B>WITAMY NA STRONIE</B>

<B><I><U>PEEMPRO</U></I></B>

<br />

<B>LUBELSKI HIP-HOP (PODZIEMIE)</B>

</font>

</div>

<div id="dzialdownload">

<font color=#F9900F><B>w dziale</B></font><p></p>

<font color=#F9900F><B><U>DOWNLOAD</U></B></font><p></p>

<font color=#F9900F><B>mozna pobierac<p></p> nasze kawalki<p></p> nagrane w 2010 / 2011 roku</B></font>

</div>

<div id="info">

<font color=#F9900F><B><U>ruszyla praca nad nowa plytka</U></B><p></p>ktora nazwa wyjdzie w " praniu "<p></p>bity oczywiscie 100% nasze<p></p>goscie na majku Nerwus , Smoker  BRW oraz inni<p></p>narazie jestesmy na etapie produkcji podkladow :)</font>

</div>

<div id="info2">

<font color=#F9900F><B><U>sa juz pierwsze ujecia do klipu</U></B></font><p></p><font color=#F9900F>Smoker (Wbrew Regulom) - Cos jest nie tak</font><p></p><font color=#F9900F><U>( prod. <B>PEEMPRO</B> )</U></font>

</div>

<div id="book">

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FPEEMPRO%2F206780442707383&amp;width=292&amp;colorscheme=dark&amp;show_faces=true&amp;border_color&amp;stream=true&amp;header=true&amp;height=427" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:427px;" allowTransparency="true"></iframe>

/></a>

</div>

<div id="copy">

<font color=#F9900F><P ALIGN="CENTER">Copyright &copy 2011 PEEMPRO Wszystkie prawa zastrzeżone&copy;</P></font>

</div>

 </div>

</body>

<!--FOOTER-->

</BODY>

</HTML>

<!--/FOOTER-->

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie