Spletna stran ... in problemi · Internet Mojster

2

21. mar 2010 ob 19:34

Ž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!

756

spletne strani

zeko

26803522839122

21. mar 2010 ob 19:57

sitegrinder?

b3wk

2

21. mar 2010 ob 20:03

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

mprose7

911293396

21. mar 2010 ob 20:05

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

codemotif

12933101

21. mar 2010 ob 23:01

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

Spletna stran ... in problemi

4 naročniki

4 odgovori

Spletna stran ... in problemi 4 naročniki

4 odgovori

Spletna stran ... in problemi

4 naročniki