Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
newbie rozdzielczość strony - Wersja do druku

+- 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: newbie rozdzielczość strony (/thread-newbie-rozdzielczo%C5%9Bc-strony)

Strony: 1 2


newbie rozdzielczość strony - Old - 28-09-2010

Witam jestem początkującym webmasterem i utknąłem w punkcie z którego nie wiem jak ruszyć dalej
Stworzyłem szablon strony w photoshopie (logo i inne pierdółki) nie wiem jak teraz sprawić a żeby strona dostosowywała się do rozdzielczości ekranu i nie było (przynajmniej na głównej stronie możliwości przewijania po prostu ta opcja jest tam zbędna.
Drugi problem to jak wstawić na stronę główną animacje flash .swf

Na serwer przeklej wrzucam wszystko co utworzyłem grafikę itp (około 320kb)
http://www.przeklej.pl/plik/stronka-rar-0021c8247bq4


RE: newbie rozdzielczość strony - Pedro84 - 29-09-2010

Wrzuć to na jakiś serwer i podaj URL. Chcesz być potraktowany poważnie? To traktuj innych poważnie, a na pewno uzyskasz pomoc.


RE: newbie rozdzielczość strony - Old - 29-09-2010

Nie ma sprawy.
Jestem tu nowy dlatego jeszcze nie ogarnim co robić aby otrzymać rzetelną pomoc.Shy
http://kabasik.prv.pl/


RE: newbie rozdzielczość strony - ixtab - 29-09-2010

Kompletnie źle się do tego zabrałeś... Wykorzystaj CSS, w sieci jest mnóstwo kursów. Stronę dopasujesz do rozdzielczości jeśli określisz szerokość tabeli na 100%
Kod:
<table width="100%">
Chowanie suwaka do przewijania uzyskasz jeśli w BODY dopiszesz styl CSS
Kod:
<body style="overflow:hidden">
Jednak jeśli chcesz, aby strona się dopasowywała jak należy i aby wyglądała dobrze zarówno na dużych i małych ekranach, to musisz określać obrazy w CSS, a nie znacznikami IMG w HTML


RE: newbie rozdzielczość strony - Old - 30-09-2010

Stronkę tworzyłem w photoshopie następnie przeszedłem do dreamweaver
Korzystając przy tym z kilku poradników oraz tutoriali na youtube.
Mógł byś mnie nakierować na jakiś konkretny poradnik z rozwiązaniem mojego problemu??


RE: newbie rozdzielczość strony - Pedro84 - 30-09-2010

http://kurshtml.boo.pl


RE: newbie rozdzielczość strony - Trall - 29-10-2010

Witam jestem totalnie zielony z HTML CSS itp robię stronę w MS expression
web mam problem w tym ze ze przy mniejszych rozdzielczościach strona się nie zwęża się a jak zrobiłem stronę w mniejszej to znów się nie rozszerza. Czytałem wiele już postów ale ja nie wiem gdzie umieścić te wszystkie komendy.

Kod:
<head>
<meta http-equiv="Content-Language" content="pl">
<style type="text/css">
.style5 {
    font-family: "Times New Roman", Times, serif;
    font-size: 15pt;
    color: #FF9F00;
}
</style>
<script type="text/javascript">
<!--
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// -->
</script>
</head>
<body style="margin: 0; background-image: url('tlo.jpg')" onload="FP_preloadImgs(/*url*/'buttonBE.gif',/*url*/'buttonBF.gif',/*url*/'buttonC1.gif',/*url*/'buttonC2.gif',/*url*/'buttonC7.gif',/*url*/'buttonC8.gif',/*url*/'buttonCD.gif',/*url*/'buttonCE.gif')">
<div style="position: absolute; width: 171px; height: 162px; z-index: 1; left: 125px; top: 57px" id="layer1">
    <img src="thalgo.png" width="198" height="161"></div>
<div style="position: absolute; width: 174px; height: 214px; z-index: 2; left: 1118px; top: 37px" id="layer2">
    <img src="abacosun.png" width="175" height="208"></div>
<div style="position: absolute; height: 0px; z-index: 7; left: 379px; top: 225px; width: 85px" id="layer7" class="style5">
    <a href="o%20firmie/O%20Firmie.htm">
    <img style="border: 0" id="img1" src="buttonBD.gif" height="20" width="100" alt="O Firmie" fp-style="fp-btn: Metal Capsule 8; fp-transparent: 1" fp-title="O Firmie" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'buttonBE.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'buttonBD.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'buttonBF.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'buttonBE.gif')"></a></div>
<div style="position: absolute; width: 307px; height: 161px; z-index: 8; left: 566px; top: 83px" id="layer8">
    <img src="joanna.png" width="295" height="145"></div>
<div style="position: absolute; width: 225px; height: 120px; z-index: 9; left: 710px; top: 86px" id="layer9">
    <img src="gabinet.png" width="223" height="107"></div>

<div style="position: absolute; width: 91px; height: 0px; z-index: 10; left: 555px; top: 281px" id="layer10">
    <img style="border: 0" id="img2" src="buttonC0.gif" height="20" width="100" alt="Cennik" onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'buttonC1.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'buttonC0.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'buttonC2.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'buttonC1.gif')" fp-style="fp-btn: Metal Capsule 8; fp-transparent: 1" fp-title="Cennik"></div>
<div style="position: absolute; width: 99px; height: 24px; z-index: 11; left: 783px; top: 280px" id="layer11">
    <img style="border: 0" id="img3" src="buttonC6.gif" height="20" width="100" alt="Galeria" fp-style="fp-btn: Metal Capsule 1; fp-transparent: 1" fp-title="Galeria" onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'buttonC7.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'buttonC6.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'buttonC8.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'buttonC7.gif')"></div>
<div style="position: absolute; width: 99px; height: 22px; z-index: 12; left: 961px; top: 226px" id="layer12">
    <a href="Kontakt/Kontakt.htm">
    <img style="border: 0" id="img4" src="buttonCC.gif" height="20" width="100" alt="Kontakt" fp-style="fp-btn: Metal Capsule 1; fp-transparent: 1" fp-title="Kontakt" onmouseover="FP_swapImg(1,0,/*id*/'img4',/*url*/'buttonCD.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img4',/*url*/'buttonCC.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img4',/*url*/'buttonCE.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img4',/*url*/'buttonCD.gif')"></a></div>

<div style="position: absolute; width: 243px; height: 170px; z-index: 13; left: 10px; top: 793px" id="layer13">
    <img src="thalgo_reference.png" width="235" height="160"></div>
<div style="position: absolute; width: 229px; height: 191px; z-index: 14; left: 1177px; top: 760px" id="layer14">
    <img src="3.Abacosun-Ultrasonic.png" width="228" height="187"></div>



RE: newbie rozdzielczość strony - Pedro84 - 29-10-2010

(29-10-2010, 01:06)Trall napisał(a): Witam jestem totalnie zielony z HTML CSS itp robię stronę w MS expression
web mam problem w tym ze ze przy mniejszych rozdzielczościach strona się nie zwęża się a jak zrobiłem stronę w mniejszej to znów się nie rozszerza. Czytałem wiele już postów ale ja nie wiem gdzie umieścić te wszystkie komendy. Wiec proszę o kontakt [email protected]
Chyba sobie kpisz z tym mailem? Kod, URL.


RE: newbie rozdzielczość strony - ixtab - 29-10-2010

Definiuj szerokość strony w procentach, a nie w pixelach (np zamiast 800px daj 70%)


RE: newbie rozdzielczość strony - Trall - 29-10-2010

(29-10-2010, 04:04)ixtab napisał(a): Definiuj szerokość strony w procentach, a nie w pixelach (np zamiast 800px daj 70%)

Własnie nie ma w tym programie % mogę ustalać tylko w pikselach