Domov > HTML/CSS in dizajniranje spletnih strani > Spletna stran ... in problemi
stran 1 od 1 |< < 1 > >|
Spletna stran ... in problemi
 
b3wk 21. mar 2010 18:34:54 Pridružen od:
21. mar 2010
2 objav
 0 0 0
#1

Živjo!



Mene zanima, če mi lahko pomagate pri naslednji stvari...

V Photoshopu sem izdelal nek dizain za spletno stran,... Na spletu sem prebral, da je pri programiranju bolje uporabljati div-e kot pa tabele.



Ok, stran sem izrezal (Photoshop mi je naredil div-e).



Zdaj imam pa naslednji problem...



Spletna stran je sestavlejna iz GLAVE (zgoraj), MENI (na levi), VSEBINA (na sredini), na koncu še NOGA (spodaj pod vsebino).



Okno za vsebino je pa izdelano iz treh delov; zgornji rob, vsebina, spodnji rob).



Želel bi, da ima okno za vsebino min višino okrog 800px, pod vsebino pa spodnji rob in podpis, neglede na to, če je višina okna za vsebino večja od 800px.



Sam sem nekaj probaval, pa mi je podpis vedno vrglo na začetek vsebine. :S



Photoshop mi je stvar za vsebino zgeneriral takole:


<style>

div.zacetek-glavni-ovir {

    position:absolute;

    left:252px;

    top:311px;

    width:708px;

    height:23px;

}



div.glavni-ovir-beli-bg {

    position:absolute;

    left:252px;

    top:334px;

    width:708px;

    height:800px;

}



div.konec-glavni-ovir {

    position:absolute;

    left:252px;

    top:1289px;

    width:708px;

    height:15px;

}

</stle>



<div class="zacetek-glavni-ovir">

    <img src="images/zacetek_glavni_ovir.png" width="708" height="23" alt="">

</div> <-- zgorjni rob



<div class="glavni-ovir-beli-bg">

    <img src="images/glavni_ovir_beli_bg.png" width="708" height="800" alt="">

</div> <-- prostor za vsebino



<div class="konec-glavni-ovir">

    <img src="images/konec_glavni_ovir.png" width="708" height="15" alt="">

</div> <-- spodnji rob

Zadevo sicer prikaže elegantno, vendar če je vsebina večja od 800px, se spodnji rob skrije.



Hvala za odgovre!


všeč(0) ni všeč(0) spam(0)
 
 
zeko 21. mar 2010 18:57:11 Pridružen od:
26. feb 2010
2680 objav
 3522 839 122
#2

sitegrinder?


všeč(0) ni všeč(0) spam(0)
noobiliate & bizarre domain name collector
 
 
b3wk 21. mar 2010 19:03:51 Pridružen od:
21. mar 2010
2 objav
 0 0 0
#3

emm, pa bom moral design izdelat na novo, al je to samo dodatek Photoshopu?


všeč(0) ni všeč(0) spam(0)
 
 
mprose7 21. mar 2010 19:05:19 Pridružen od:
18. mar 2008
911 objav
 293 39 6
#4

slike das pod background



background:transparent url(images/slika.png) repeat scroll;



position ne sme bit absolute, vendar je tukaj malo tezje

css tukaj bos nasel kup informacij

za zacetek toliko


všeč(0) ni všeč(0) spam(0)
Oprema stanovanj in izris 3d objektov na: Notranja oprema
Trgovina z lesnim hobi programom: Razrez iverala
 
 
codemotif 21. mar 2010 22:01:28 Pridružen od:
12. dec 2008
129 objav
 33 10 1
#5

Čist na hitro, probi tole spodi, pa preber si tole: http://www.w3schools.com/css/css_positioning.asp


<html>

    <head>

        <meta http-equiv="Content-type" content="text/html; charset=utf-8">

        <title>Page Title</title>

            <style type="text/css" media="screen">

                .wrap {width:500px;}

                .row_1 { height:30px; background:#ccc; margin-bottom:20px;}

                .row_2 {min-height:300px; height:auto !important; height:600px ; background:#ccc; margin-bottom:20px;}

                .row_3 { height:30px; background:#ccc;}

            </style>

    </head>

    <body>

        <div class="wrap">

            <div class="row_1"></div>

            <div class="row_2"></div>

            <div class="row_3"></div>

        </div>

    </body>

</html>
všeč(0) ni všeč(0) spam(0)
 
 
Domov > HTML/CSS in dizajniranje spletnih strani > Spletna stran ... in problemi
stran 1 od 1 |< < 1 > >|
 

🔒 Za odgovor na to temo se moraš prijaviti.

Prijavi se