Domov > HTML/CSS in dizajniranje spletnih strani > Spletna stran ... in problemi
stran 1 od 1 |<<1>>|
Spletna stran ... in problemi
 
b3wk21. mar 2010 19:34:54Pridružen od:
21. mar 2010
2 objavi
000
#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 robZadevo sicer prikaže elegantno, vendar če je vsebina večja od 800px, se spodnji rob skrije.


Hvala za odgovre!
nazadnje urejal b3wk 21. mar 2010 19:36:47
všeč(0)ni všeč(0)spam(0)
 
 
zeko21. mar 2010 19:57:11Pridružen od:
26. feb 2010
1278 objav
+1260-41548
#2sitegrinder?
všeč(0)ni všeč(0)spam(0)
house charts
 
 
b3wk21. mar 2010 20:03:51Pridružen od:
21. mar 2010
2 objavi
000
#3emm, pa bom moral design izdelat na novo, al je to samo dodatek Photoshopu?
všeč(0)ni všeč(0)spam(0)
 
 
mprose721. mar 2010 20:05:19Pridružen od:
18. mar 2008
776 objav
+170-204
#4slike 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
 
 
codemotif21. mar 2010 23:01:28Pridružen od:
12. dec 2008
123 objav
+32-91
#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)
Oblikovanje in izdelava spletnih strani Kodamotiv | Twitter
 
 
Domov > HTML/CSS in dizajniranje spletnih strani > Spletna stran ... in problemi
stran 1 od 1 |<<1>>|