View previous topic :: View next topic |
Author |
Message |
segen
Joined: 19 Dec 2006 Posts: 671 Location: ZG <-> ST
|
Posted: 08.12.2007 20:03 Post subject: Prva bez tablica molim pomoć |
|
|
Ljudi helpajte.....
evo odlučio sam se počet radit prvi sajt bez tablica jer mi je želja naučiti to raditi "kak se spada ne".
I tako ja lagano optimistički krenia kad ono "ooops" eto ti prvih problema.
Naime složia san header i testira na hardu i sve super, al sad kad san ga uploada vidin da mi jedan dio fali i nemogu dokučiti u čemu je caka.
link: http://www.uzns.org/proba2.html
CSS:
Code: | @charset "utf-8";
/* CSS Document */
* {
margin: 0;
padding: 0;
background-color: #FFFFFF;
}
#wrapper {
height: 100%;
width: 957px;
position: absolute;
margin: 0 auto;
}
#header_left {
width: 303px;
height: 346px;
position: relative;
float: left;
background-image: url(images/index_css_02.jpg);
}
#header_right {
height: 311px;
width: 654px;
background-image: url(../images_cont/index_css_05.jpg);
position: relative;
float: right;
}
#page {
float: left;
padding-left: 20px;
padding-right: 20px;
padding-top: 30px;
} |
e sada tu mi fali ta ogromna slika koja ide u header, kako to rješit da postane opet "vidljiva"?
Nadalje sam počeo slagat sadržaj i tu su ustvari nastali pravi problemi......
Mislia san stavit jedan div #page i u njega poslagat još dva, jedan za vijesti jedan za sadržaj ali kad god to napravim uopće mi se ne prikazuje sadržaj kojeg stavim, npr. slike, tekst itd.
Imam još nekih pitanja al to kada riješim ovo sada bitno.....
Ovako bi trebalo izgledat finalno:
http://www.uzns.org/nx.jpg
Hvala |
_________________ NEW ∞folija∞ Follow me
Ovaj svijet je samo varka! |
|
Back to top |
|
|
libero
Joined: 04 Oct 2007 Posts: 115
|
Posted: 08.12.2007 20:54 Post subject: |
|
|
#header_right {
background-image:url(../images_cont/index_css_05.jpg);
url(images/index_css_05.jpg) |
_________________ informer.hr |
|
Back to top |
|
|
segen
Joined: 19 Dec 2006 Posts: 671 Location: ZG <-> ST
|
Posted: 08.12.2007 20:59 Post subject: |
|
|
jjaaaaao to mi je osta stari link
sorry na ovome, hvala ti svejedno |
_________________ NEW ∞folija∞ Follow me
Ovaj svijet je samo varka! |
|
Back to top |
|
|
segen
Joined: 19 Dec 2006 Posts: 671 Location: ZG <-> ST
|
Posted: 08.12.2007 21:04 Post subject: |
|
|
evo sada je sređeno i još sam krenia dalje sa slaganjem ovoga svega.....
sada me muče druge stvari....
Ako ste vidili kako bi finalno trebao izgledati sajt možda mi možete dati neke upute kako da krenem slagat ovaj donji dio jer mi non stop nešto ne valja a nikako da pronađem pravi pristup svemu tome.
ako netko ima neku ideju kako da počnem...... |
_________________ NEW ∞folija∞ Follow me
Ovaj svijet je samo varka! |
|
Back to top |
|
|
segen
Joined: 19 Dec 2006 Posts: 671 Location: ZG <-> ST
|
Posted: 09.12.2007 23:11 Post subject: |
|
|
Ko veli pustimo ga da se malo sam masla oko Css-a.....
e pa to san i uradia, uvatia san se malo i uspia složit ovo onako koliko toliko kako treba.
update-a san sajt link:http://www.uzns.org/proba2.html
ovako je trebalo izgledat http://www.uzns.org/nx.jpg
evo i CSS:
Code: | body{
padding-left:76px;
padding-right:76px;
margin:0px;
background:#fff;
color:#FFFFFF;
font:14px/18px Georgia, "Verdana", Times, serif;
}
* {
margin: 0;
padding: 0;
background-color: #FFFFFF;
}
div, p, ul, h2, h3, h4, img{
padding:0px; margin:0px;
}
ul{
list-style-type:none;
}
#wrapper {
height: 100%;
width: 957px;
position: absolute;
margin: 0 auto;
}
#header_left {
width: 303px;
height: 346px;
position: relative;
float: left;
background-image: url(images/index_css_02.jpg);
}
#header_right {
height: 311px;
width: 654px;
background-image: url(images/index_css_05.jpg);
position: relative;
float: right;
}
#page {
float: left;
width: 1000px;
clear: both;
}
#side {
width: 303px;
float: left;
text-align: left;
}
#side p {
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
text-align: left;
}
#side p span {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-size: 12px;
text-align: left;
}
#side h2 {
width: 255px;
height: 50px;
padding-left: 30px;
padding-right: 30px;
background-image: url(images/index_css_08.jpg);
background-repeat: no-repeat;
text-indent: -2000px;
margin-left: 20px;
margin-top: 10px;
}
#side h5 {
width: 255px;
height: 50px;
padding-left: 30px;
padding-right: 30px;
background-image: url(images/index_css_22.jpg);
background-repeat: no-repeat;
text-indent: -2000px;
margin-left: 20px;
margin-top: 150px;
}
#side h6 {
width: 99px;
height: 156px;
padding-left: 5px;
padding-right: 5px;
background-image: url(images/index_24.jpg);
background-repeat: no-repeat;
text-indent: -2000px;
margin-left: 20px;
margin-top:10px;
}
#side img{
width: 99px;
height: 156px;
padding-left: 5px;
padding-right: 5px;
margin-left: 20px;
margin-top:10px;
}
#more {
width: 59px;
height: 18px;
float: right;
margin-right: 20px;
}
#more ul {
width: 59px;
}
#more ul li{
width: 59px;
height: 18px;
float: right;
}
#more ul li.more{
width: 59px;
height: 18px;
}
#more ul li.more a{
width: 59px;
height: 18px;
display:block;
background-image: url(images/index_css_25.jpg);
background-repeat: no-repeat;
text-decoration: none;
text-indent: -20000px;
padding-left:30px;
}
#more ul li.more a:hover{
width: 59px;
height: 18px;
display:block;
background-image: url(images/index_css_29.jpg);
background-repeat: no-repeat;
text-decoration: none;
text-indent: -20000px;
}
#cont {
float: left;
text-align: left;
width: 654px;
}
#cont h3{
width: 318px;
height: 60px;
background-image: url(images/index_css_10.jpg);
background-repeat: no-repeat;
text-indent: -2000px;
margin-left: 30px;
margin-top: 10px;
}
#cont h4{
width: 231px;
height: 29px;
background-image: url(images/index_css_19.jpg);
background-repeat: no-repeat;
text-indent: -2000px;
margin-left: 30px;
margin-top: 30px;
}
#cont p {
padding-left: 30px;
padding-right: 30px;
padding-top: 40px;
}
#cont p span {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-size: 12px;
}
#login {
width: 255px;
float: left;
margin-top: 0px;
}
#login p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
}
#login p a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
text-decoration: none;
}
#login p a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #0099FF;
text-decoration: none;
}
#login p span{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
font-weight: bold;
}
|
Sorry ako san malo rastega forum
Sada me još jedino muči to kako da dobijem vamo u ovome di su vjesti da mi tekst ide oko slike, hmmm??
I Login nije baš kao na originalnoj slici al to nikako nisan uspia dobit.
E da i nisan testira na drugim browserima pa ako neko može bilo bi super i ako ima neka greška i treba nešto hackirat molim pomoć jer nemam pojma te cake, ipak mi je ovo "prva bez tablica"
Hvala.. |
_________________ NEW ∞folija∞ Follow me
Ovaj svijet je samo varka! |
|
Back to top |
|
|
libero
Joined: 04 Oct 2007 Posts: 115
|
Posted: 10.12.2007 00:42 Post subject: |
|
|
Quote: | Sada me još jedino muči to kako da dobijem vamo u ovome di su vjesti da mi tekst ide oko slike, hmmm?? |
floataj pičkr u lijevo
Quote: | I Login nije baš kao na originalnoj slici al to nikako nisan uspia dobit. |
link
Quote: | E da i nisan testira na drugim browserima pa ako neko može bilo bi super i ako ima neka greška i treba nešto hackirat molim pomoć jer nemam pojma te cake, ipak mi je ovo "prva bez tablica" |
pa testiraj đole, u čemu je problem, zašto bi netko umjesto tebe testirao stranicu u svim browserima i još ti ispravljao kod? jedno je tražiti pomoć kad si stuck pa ne znaš kako dalje a drugo je ovo.. da drugi rade umjesto tebe...?! be not lijenoguza đole
http://browsershots.org/ možda ti ovo bude od koristi |
_________________ informer.hr |
|
Back to top |
|
|
segen
Joined: 19 Dec 2006 Posts: 671 Location: ZG <-> ST
|
Posted: 10.12.2007 09:45 Post subject: |
|
|
Hvala |
_________________ NEW ∞folija∞ Follow me
Ovaj svijet je samo varka! |
|
Back to top |
|
|
segen
Joined: 19 Dec 2006 Posts: 671 Location: ZG <-> ST
|
Posted: 10.12.2007 17:36 Post subject: |
|
|
e sada....
napravia san update http://www.uzns.org/proba2.html
zanima me sljedeće:
1. one slike u cont-u su napravljene kao Code: | <div id="img">
<ul>
<li class="big"><a href="#">big</a></li>
</ul>
</div> |
a css je :
Code: | #img {
width: 190px;
height: 120px;
float: left;
margin-right: 4px;
padding-top: 20px;
padding-bottom: 20px;
}
#img ul {
width: 200px;
}
#img ul li{
width: 200px;
height: 150px;
float: right;
}
#img ul li.big{
width: 200px;
height: 150px;
}
#img ul li.big a{
width: 200px;
height: 150px;
display:block;
background-image: url(images/software_11.jpg);
background-repeat: no-repeat;
text-decoration: none;
text-indent: -20000px;
padding-left:10px;
}
#img ul li.more a:hover{
width: 200px;
height: 150px;
display:block;
background-image: url(images/software_11.jpg);
background-repeat: no-repeat;
text-decoration: none;
text-indent: -20000px;
} |
sad pošto će se dodavat različite slike dinamički preko CMS-a sa asp-om, dali to može ostat tako ili ima tu neka druga šema za to.
Jer ovaj background-image me malo muči pošto je kao definiran pa sad me zanima dali se to može dinamički minjat na kraju ili za svaku sliku tebam svoj posebni div raditi ili nekako drugačije??
2. one kockice su linkovi za odabir jezika i želim ih dobit da mi jedna stoje kraj druge a ne ovako jedna ispod druge. Kako to dobit?
ovo je css: Code: | #lang {
width: 150px;
height: 47px;
float: right;
margin-right: 4px;
padding-top: 10px;
padding-bottom: 10px;
}
#lang ul {
width: 30px;
}
#lang ul li{
width: 30px;
height: 47px;
float: right;
}
#lang ul li.cro{
width: 30px;
height: 47px;
}
#lang ul li.cro a{
width: 30px;
height: 47px;
display:block;
background-image: url(images/cro.jpg);
background-repeat: no-repeat;
text-decoration: none;
text-indent: -20000px;
padding-left:10px;
}
#lang ul li.cro a:hover{
width: 200px;
height: 150px;
display:block;
background-image: url(images/cro.jpg);
background-repeat: no-repeat;
text-decoration: none;
text-indent: -20000px;
}
#lang ul li.eng{
width: 30px;
height: 47px;
}
#lang ul li.eng a{
width: 30px;
height: 47px;
display:block;
background-image: url(images/eng.jpg);
background-repeat: no-repeat;
text-decoration: none;
text-indent: -20000px;
padding-left:10px;
}
#lang ul li.eng a:hover{
width: 200px;
height: 150px;
display:block;
background-image: url(images/eng.jpg);
background-repeat: no-repeat;
text-decoration: none;
text-indent: -20000px;
} |
još idu tri ali to kasnije.....
@libero: thanks za float:left; to je bilo to! browsershots je isto napravia svoje, thanks! |
_________________ NEW ∞folija∞ Follow me
Ovaj svijet je samo varka! |
|
Back to top |
|
|
segen
Joined: 19 Dec 2006 Posts: 671 Location: ZG <-> ST
|
Posted: 10.12.2007 22:06 Post subject: |
|
|
ovo postaje monolog
rješia san kockice (iconice za jezike) al mi se totalno raspada i u FF-u i u Operi i u IE-u.
Također oni linkovi u footeru mi u IE-u biže gore, jel zna neko u čemu je stvar? |
_________________ NEW ∞folija∞ Follow me
Ovaj svijet je samo varka! |
|
Back to top |
|
|
segen
Joined: 19 Dec 2006 Posts: 671 Location: ZG <-> ST
|
Posted: 10.12.2007 22:52 Post subject: |
|
|
e bok falco
znam di si falia:
umjesto Code: | .icon li.ger a.link2{
width: 30px;
height: 47px;
display:block;
float:left;
background-image: url(images/ger.jpg);
background-repeat: no-repeat;
}
.icon li.ger a:hover{
width: 200px;
height: 150px;
display:block;
background-image: url(images/ger.jpg);
background-repeat: no-repeat;
}
|
treba ovo Code: | .icon li.ger a.link2{
width: 30px;
height: 47px;
display:block;
float:left;
background-image: url(images/ger.jpg);
background-repeat: no-repeat;
}
.icon li.ger a:hover{
width: 30px;
height: 47px;
display:block;
background-image: url(images/ger.jpg);
background-repeat: no-repeat;
}
|
to je za ikonice, a za ovaj footer još nisan skužia, sorry |
_________________ NEW ∞folija∞ Follow me
Ovaj svijet je samo varka! |
|
Back to top |
|
|
zytzagoo mi3.crew
Joined: 25 Aug 2003 Posts: 1842 Location: Zagreb, Hrvatska
|
Posted: 11.12.2007 09:41 Post subject: |
|
|
Zasto ti ti linkovi u footeru imaju 5 nestanih ul elemenata? Stavi to sve u jednu listu, i onda zastajlaj
bez vecih problema. Samo ti fali neki float jos ili nesto... al lakse ces to ulovit kad pojednostavnis strukturu. |
_________________ [+]I[+]am[+]my[+]own[+]religion[+] |
|
Back to top |
|
|
segen
Joined: 19 Dec 2006 Posts: 671 Location: ZG <-> ST
|
Posted: 11.12.2007 09:47 Post subject: |
|
|
e da ,sad vidim da sam nepotrebno pobaca te ul-ove, to ću sredit.
A sa floatanjem sa proba i sa paddingom i sve al ništa, u IE-u jednostavno to baci iznad slike u footer-u i moš ga.....znaš šta.....
mada sam ga i stavia iznad slike, ajmo tako reć i sa paddingom ga kasnije spustia malo niže al IE- očito to ne registrira.
Inače imam nekih problema sa paddingom u IE-u i nemam pojma kako se to rješava.
Npr. side cont di su vijesti mi je u ostalim browserima poravnat kao i botuni "više" dok u IE-u to malo biži ali nije ništa strašno, mogu se zadovoljit s tim, makar bi volia nauičit kako se to rješava.
btw, struktira mi je malo zamršena, ovo mi je "prva" pa da malo povatam te cake, vidia san dosta stilova koji su onako kompaktni ali za sada sam se koncertrirao na ono bitno a to je da sve štima kako treba.
Hvala zytzagoo |
_________________ NEW ∞folija∞ Follow me
Ovaj svijet je samo varka! |
|
Back to top |
|
|
segen
Joined: 19 Dec 2006 Posts: 671 Location: ZG <-> ST
|
Posted: 11.12.2007 09:48 Post subject: |
|
|
ajd bar je na tren ovo presta biti monolog |
_________________ NEW ∞folija∞ Follow me
Ovaj svijet je samo varka! |
|
Back to top |
|
|
zytzagoo mi3.crew
Joined: 25 Aug 2003 Posts: 1842 Location: Zagreb, Hrvatska
|
Posted: 11.12.2007 10:26 Post subject: |
|
|
Zakomplicirao si layout dosta, ali evo ti footera:
prvo HTML sktruktura:
Code: |
<div id="footer">
<div id="fnav">
<ul class="botmenu">
<li><a href="">Početna</a></li>
<li><a href="">O nama</a></li>
<li><a href="">Proizvodi</a></li>
<li><a href="">Software</a></li>
<li><a href="">Proizvodnja</a></li>
<li><a href="">Prodajna mreža</a></li>
<li><a href="">Downloads</a></li>
<li><a href="">Kontakt</a></li>
<li><a href="">FAQ</a></li>
</ul>
</div>
</div>
|
(znaci, gore smo ocistili stvar od viska class-a i ul-ova, maknuli suvisan <p> element i sl., i moj ti je savjet da maknes i #fnav jer je suvisan, buduci da sve sto definiras na njemu
zapravo mozes definirati na ul-u ispod njega, nemas nista kompleksno). Ali neka to
bude vjezba tipa uradi sam
Onda u css-u:
Code: | #footer { width: 957px; height: 122px; float: left; clear: both; margin-top: 30px; background: url(images/index_css_32.jpg) no-repeat; }
#fnav { width: 654px; height: 10px; float: right; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 5px; }
ul.botmenu { list-style-type: none; padding: 0; font-family: Verdana, sans-serif;}
ul.botmenu li { float:left; position:relative; padding-left: 8px; }
ul.botmenu li a { float:left; height:10px; text-decoration: none; color: #333333; font-size: 10px; }
ul.botmenu li a:hover { float:left; height:10px; text-decoration: none; color: #000000; font-size: 10px; font-weight: normal; }
ul.botmenu li a span { position: absolute; left:-9999px; top:0; z-index:0; font-size:10px; } |
Mada i tu gore ima viskova (pretpostavljam da planiras raditi hovere na footer linkovima sa nekim
slikama i sl.), taj css bi trebao biti ok sad i u IE i u FF... Primjeti da je izbacen rule za
paragraf u footeru i da je background image preseljen u #footer definiciju.
Uglavnom, znaš kako ide ona narodna o prvim mačićima , pa se ne zabrinjavaj puno, nego
budi spreman krenuti ispočetka ako skužiš da na nekom dijelu gubiš puno vremena i ne
dobijaš nikakve rezultate. |
_________________ [+]I[+]am[+]my[+]own[+]religion[+] |
|
Back to top |
|
|
segen
Joined: 19 Dec 2006 Posts: 671 Location: ZG <-> ST
|
Posted: 11.12.2007 10:33 Post subject: |
|
|
eeee pa svaka čast ovo mi je ohrabrenje nakon ovih par dana rada.
znam da sam malo zakomplicirao layout ali tako mi se za sada učinilo najjednostavnije da previše ne kompliciram sebi u početku.
hvala za ovaj footer i znam kako ću ga još pojednostavnit footer, "očistiti", bar mislim, moram probat.
Moram reći da mi ne nedostaje motivacije za ovo jer je stvarno zabavno slagat ovako layout, mada se zna dogodit da naletim na slijepu ulicu i to nekad zna bit malo frustrirajuće, al i to se prevlada....Imam stvarno želju da učim ovo sve više i više i hvala još jednom.
Ako di zapnem opet, javim se, ako bude nekog u "sobi". |
_________________ NEW ∞folija∞ Follow me
Ovaj svijet je samo varka! |
|
Back to top |
|
|
segen
Joined: 19 Dec 2006 Posts: 671 Location: ZG <-> ST
|
Posted: 14.12.2007 17:59 Post subject: |
|
|
So far so good....
no opet san malo zapea i treba bi Vašu cijenjenu pomoć.
na http://www.uzns.org/cro_downloads.html
sam radia neku strukturu u koju će se ubacivat datoteke za download i napravia san ih sa divovima i class-ama, neznam jel to OK tako radit?
Pored toga nemogu nikako dobit da mi bude ovako :http://www.uzns.org/downloads.jpg
Prćka san po CSS-u ali nemam pojma šta tu treba ustvari prćkat, pa ako mi neko može reć di ja to falivam?
evo css za ovo:
Code: | .dtable {
width: 550px;
height: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
float: left;
margin-top: 80px;
padding-left: 30px;
clear:both;
}
.dtable h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #666666;
float: left;
font-weight: bold;
}
.dtable h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #666666;
float: right;
font-weight: bold;
}
.ruler {
width:550px;
height:21px;
float: left;
background-image: url(images/ruler.jpg);
background-repeat: no-repeat;
text-indent: -2000px;
margin-top: 10px;
}
.dtable .table {
width:550px;
height:100%;
}
.dtable .table .ico {
float: left;
background-image: url(images/ico.jpg);
background-repeat: no-repeat;
width: 30px;
height: 30px;
}
.dtable .table .naziv {
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-size: 12px;
padding-left: 5px;
margin-top: 10px;
font-weight: bold;
}
.dtable .table .info {
float: left;
background-image: url(images/info.jpg);
background-repeat: no-repeat;
width: 30px;
height: 30px;
margin-left: 200px;
}
.dtable .table .get {
float: left;
background-image: url(images/get.jpg);
width: 30px;
height: 30px;
margin-left: 5px;
background-repeat: no-repeat;
}
.dtable .table .add {
float: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-size: 12px;
height: 30px;
margin-top: 10px;
font-weight: bold;
}
.dtable .table .opis {
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-size: 12px;
height: 30px;
margin-top: 10px;
}
.dtable .table .hits {
float: right;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-size: 12px;
height: 30px;
margin-top: 10px;
font-weight: bold;
margin-left: 30px;
} |
Svaka pomoć je dobordošla, hvala. |
_________________ NEW ∞folija∞ Follow me
Ovaj svijet je samo varka! |
|
Back to top |
|
|
zytzagoo mi3.crew
Joined: 25 Aug 2003 Posts: 1842 Location: Zagreb, Hrvatska
|
Posted: 14.12.2007 19:51 Post subject: |
|
|
Ne moj se patit s tim u divovima, kad su to tablicni podaci. Stavi ih u tablicu, i sredi tablicu
kako hoces da izgleda.
Nije poanta da je sve u divovima, nego da je semanticki ispravno. tablice za tablicne podatke,
(a ne za dobivanje zeljenog layouta), ostali elementi za adekvatne informacije. |
_________________ [+]I[+]am[+]my[+]own[+]religion[+] |
|
Back to top |
|
|
segen
Joined: 19 Dec 2006 Posts: 671 Location: ZG <-> ST
|
Posted: 14.12.2007 20:39 Post subject: |
|
|
e da tako sam i počea ovo slagat jer sam mislia da tu di ide tablica.
nešto me odvuklo da probam i ovako......a štaš.
hvala, još jedared. postat ću rezultat (ako koga interesira uopće), a i imat ću vjerovatno još koje pitanje pa.....
|
_________________ NEW ∞folija∞ Follow me
Ovaj svijet je samo varka! |
|
Back to top |
|
|
segen
Joined: 19 Dec 2006 Posts: 671 Location: ZG <-> ST
|
Posted: 15.12.2007 15:20 Post subject: |
|
|
evo update-a san sa tablicom sada.
http://www.uzns.org/cro_downloads.html
tut san naša sa veerle's bloga, zanima me samo kako se upasalo sad ovo u sajt, dali da prominim malo still ili nešto. Meni se čini onako ok i sa ovom plavom bojom, da mi ne bude sve b/w, recite vi? |
_________________ NEW ∞folija∞ Follow me
Ovaj svijet je samo varka! |
|
Back to top |
|
|
segen
Joined: 19 Dec 2006 Posts: 671 Location: ZG <-> ST
|
|
Back to top |
|
|
segen
Joined: 19 Dec 2006 Posts: 671 Location: ZG <-> ST
|
Posted: 21.12.2007 11:08 Post subject: |
|
|
Iskreno Vas sada molim za pomoć, zariba san ovde već tri dana i nikako dalje......
Pokušavam sastaviti neki izgled za "product overview" za ovaj shop i nikako mi ne uspjeva za sada. Preša san cili mi3 forum i masu linkova i čita i nikako skužit, ipak mi je prvi put.
evo dvi verzije:
http://www.uzns.org/cro_shop.html (CSS)
http://www.uzns.org/cro_shop_proba.html (TABLE)
Želim dobiti jednostavni izgled:
lijevo slika
desno:
Ime proizvoda dsadasdasd
Kratki opis proizvoda dasdasdas
dasdasdasdasdasdasdasdsa
dasdasdasdasdasdsadsadsa
dva botuna jedan kraj drugoga za naručiti i za detalje
pokušavam ali mi se sve poremeti kad imam div unutar div-a i šta ti ja znam. Načitao sam se topic-a sa clear:both i te šeme i sve to isprobao al neki dio teorije mi fali i nikako dalje.
Zapea san ovde i stvarno bi tia nastavit dalje, ovo i još jedno mi je zadnje i gotov sam.
Pomozite. |
_________________ NEW ∞folija∞ Follow me
Ovaj svijet je samo varka! |
|
Back to top |
|
|
segen
Joined: 19 Dec 2006 Posts: 671 Location: ZG <-> ST
|
Posted: 22.12.2007 00:39 Post subject: |
|
|
Dobro, vidim opet monolog......ah nema veze uspia san sredit onako kako san zamislia.
Imam problem kod FF-a ne prikazuje mi kako bi trebao, dok u IE-u možete pogledat ispravno.
Mora bit da je mi fali nešto al nikako skužit šta.
evo šta se dešava: http://www.uzns.org/cro_shop_proba.html
NAPOMENA: Pogledaj u IE da vidiš kako stvarno treba biti!
Zna li netko u čemu je problem? |
_________________ NEW ∞folija∞ Follow me
Ovaj svijet je samo varka! |
|
Back to top |
|
|
|