Zaloguj się

Old · 28-09-2010, 20:55

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

Pedro84 · 29-09-2010, 06:18

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

Old · 29-09-2010, 16:00

Nie ma sprawy.
Jestem tu nowy dlatego jeszcze nie ogarnim co robić aby otrzymać rzetelną pomoc. Shy

http://kabasik.prv.pl/

ixtab · 29-09-2010, 22:53

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

Old · (Ten post był ostatnio modyfikowany: 30-09-2010, 02:22 przez Old.)

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??

Pedro84 · 30-09-2010, 02:46

http://kurshtml.boo.pl

Trall · (Ten post był ostatnio modyfikowany: 29-10-2010, 05:44 przez Trall.)

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>

Pedro84 · 29-10-2010, 01:23

(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.

ixtab · 29-10-2010, 04:04

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

Trall · 29-10-2010, 05:45

(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

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