Masalah penulisan panjang pada menu & kategori

Quote

Post by bravo » Mon Sep 27, 2010 1:49 am

Dear All master,
sebelumnya mohon maaf jika penulisan masalahnya salah, krn saya kurang paham tahu apa namanya.
Jadi begini saya ada masalah pada penulisan subkategori yang panjang seperti gbr yang kirimkan ini.
Error1.jpg

untuk error1 = " apabila penulisannya panjang maka akan melewati kolom kategori tsb " yg saya inginkan adalah penulisannya otomatis kebawah jadi tidak memanjang sehingga tidak membuat language dan currency menjadi teratur.
* saya mengunakan subkategori module tambahan yaitu popucategory2 (extention) - Error1.jpg (55.07 KiB) Viewed 4836 times

Error2.jpg

untuk error2 = " masalah ini sama saja dg error1 apabila letak subkategorinya panjang" yg saya inginkan adalah penulisannya otomatis kebawah jadi tidak memanjang. - Error2.jpg (56.6 KiB) Viewed 4836 times

Mohon bantuannya master sekalian,..... :)
Last edited by bravo on Wed Sep 29, 2010 2:01 am, edited 2 times in total.

Regrads,
bravo
" Make your bisnis online simple with opencart "

User avatar
bravo
New member
Posts
85
Joined
Thu Jun 24, 2010 1:43 pm
Top

Re: Masalah penulisan panjang pada kategori & subkategori

Quote

Post by qahar » Mon Sep 27, 2010 4:17 am

seharusnya ya lgsung ke bawah kalau sudah "nabrak" lebar layernya. coba di atur width-nya.
misal width breadcrumbnya ato width categorinya
User avatar
qahar
Expert Member
Posts
2096
Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia
Top

Re: Masalah penulisan panjang pada kategori & subkategori

Quote

Post by screenager8 » Mon Sep 27, 2010 9:44 am

Ah si Bro Bravo, pake disembunyi2in kata2nya :D.... gak harus pakai width sih di CSS, bisa jg pakai padding, lebih ok kalau bisa lihat codingnya modul Category bro.

Image

Bukatoko.com | Cara mudah & cepat punya toko online!

User avatar
screenager8
Active Member
Posts
337
Joined
Sat Nov 28, 2009 5:45 pm
Location - Jakarta, Indonesia
Top

Re: Masalah penulisan panjang pada kategori & subkategori

Quote

Post by bravo » Mon Sep 27, 2010 11:46 am

Thanks to master2 nih,

@ qahar = bos utk atur width-nya gimana ya?. misal width breadcrumbnya ato width categorinya = mohon petunjuk dari suhu... :)

@ screenager8 = bos screenager9 mksd bisa pakai padding ini gimn ya? mohon petunjuk dari suhu...... :)

thanks a lot master2 atas informasi.

Regrads,
bravo
" Make your bisnis online simple with opencart "

User avatar
bravo
New member
Posts
85
Joined
Thu Jun 24, 2010 1:43 pm
Top

Re: Masalah penulisan panjang pada kategori & subkategori

Quote

Post by qahar » Mon Sep 27, 2010 11:05 pm

bravo wrote:Thanks to master2 nih,

@ qahar = bos utk atur width-nya gimana ya?. misal width breadcrumbnya ato width categorinya = mohon petunjuk dari suhu... :)

thanks a lot master2 atas informasi.
ya tergantung div-nya, misal
#breadcrumbs{
widht: 650px;
}
User avatar
qahar
Expert Member
Posts
2096
Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia
Top

Re: Masalah penulisan panjang pada kategori & subkategori

Quote

Post by qahar » Mon Sep 27, 2010 11:06 pm

screenager8 wrote:Ah si Bro Bravo, pake disembunyi2in kata2nya :D.... gak harus pakai width sih di CSS, bisa jg pakai padding, lebih ok kalau bisa lihat codingnya modul Category bro.
:laugh:
User avatar
qahar
Expert Member
Posts
2096
Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia
Top

Re: Masalah penulisan panjang pada kategori & subkategori

Quote

Post by bravo » Tue Sep 28, 2010 12:28 pm

Gan qahar,
utk error ini saya mengunakan themes standar OC 1.4.8b....
Error-2.jpg

Error-2.jpg (82.94 KiB) Viewed 4791 times

#header .div6 .left {
background: url('../image/header_2_left.png') no-repeat;
width: 5px;
height: 32px;
float: left;
}
#header .div6 .right {
background: url('../image/header_2_right.png') no-repeat;
width: 5px;
height: 32px;
float: right;
}
#header .div6 .center {
background: url('../image/header_2_center.png') repeat-x;
height: 32px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-right: 5px;

mohon master qahar apa yg terjadi ya? jk penulisannya panjang sekali maka language n currencynya jd ke bwh serpti gbr diatas.

Regrads,
bravo
" Make your bisnis online simple with opencart "

User avatar
bravo
New member
Posts
85
Joined
Thu Jun 24, 2010 1:43 pm
Top

Re: Masalah penulisan panjang pada kategori & subkategori

Quote

Post by bravo » Tue Sep 28, 2010 12:56 pm

Bos Screenager8

Utk module category tsb saya pakai module tambahan yaitu popucategory2 (extention), ini bos aye copy paste deh css popupcategoty2.

Code: Select all

/* ================================================================ 
#nav {padding:0px; margin:0; list-style:none; font: 11px arial, sans-serif; background: #FFFFFF url(../images/play.gif) no-repeat;}
 
#nav ul {padding:0; margin:0; list-style:none; float:left;border-bottom:1px solid #999;border-top:1px solid #999;}

#nav li {padding:0px;margin:0px;border-bottom:1px solid #efefef;}
#nav li li {float:none;border-left:1px solid #999;border-right:1px solid #999; padding:0px;margin:0px;min-width:180px;}
#nav li li.last {border-bottom:1px solid #b80;}
#nav li li.first {border-left:0px;}
/* a hack for  IE6 */
* html #nav li li {float:left;}

#nav li a {border:1px solid transparent;display:block; padding:5px 0px 5px 10px;color:#1B57A3; text-decoration:none; white-space:nowrap; font-weight:bold;background:url(../image/left_ico.gif) 160px center no-repeat;}
#nav li a.down {background:url(../images/down.gif) no-repeat right center;}
#nav li li a {border:0px;background:#fff;display:block;  padding:5px 10px 5px 10px; font-weight:normal;}

#nav li li a.fly {background:url(../images/fly.gif) no-repeat right center;}

#nav li:hover {position:relative; z-index:300;}
#nav li.cssplay_hover {position:relative; z-index:300;}
#nav li.cssplay_hover a {color:#000;}

#nav li li a {color:#000;}
#nav li li.cssplay_hover a {color:#fff; background-color:#d5aa00;}

#nav li:hover ul {left:170px; top:0px; z-index:500;}
#nav li.cssplay_hover ul {left:0; top:33px; z-index:500;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
* html #nav ul {width:2px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }
/* show path followed */
#nav li:hover > a {color:#ff6600;background:#fff;border:1px solid #999;border-right:0px;}
#nav li li:hover > a {text-decoration:underline;border:0px;background:#333;color:#fff;}
a.onSelectedLi  { color:#ff4400;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
#nav li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a
{color:#fff; background-color:#d5aa00;}

#nav li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
{color:#000; background-color:#e5ba00;}

/* show next level */
#nav li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul
{left:100%; margin-left:-5px; top:-1px;}

/* keep further levels hidden */
#nav li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul
{position:absolute; left:-9999px; top:-9999px;}
=================================================================== */
Mohon pentunjuk nih dari master :)
Last edited by bravo on Thu Sep 30, 2010 2:22 am, edited 1 time in total.

Regrads,
bravo
" Make your bisnis online simple with opencart "

User avatar
bravo
New member
Posts
85
Joined
Thu Jun 24, 2010 1:43 pm
Top

Re: Masalah penulisan panjang pada kategori & subkategori

Quote

Post by jones » Tue Sep 28, 2010 9:12 pm

Kalau nulis code biasakan pakai tag code biar enak bacanya, OK?
wah... ruwet bangat tuh code css nya, yg saya lihat yg mau di styling cuma masalah nav doank, tapi code css nya ampe satu halaman, apa nga bisa di persimple, terus nga overlapping gitu?

terus nav nya kan bisa dibatasin sampai contoh 180px sehingga kira2:

misalkan anda tidak dalam pakai css id tapi pakai class (soalnya anda tidak unjukin html code nya)

Code: Select all

.nav {
width:180px;
height:..px; \*atau auto*\
padding: 2px 2px 2px 4px;  \*sesuaikan dengan kondisi*\
overflow:hidden; \*sesuaikan dengan kebutuhan*\
}
pakai posisioning(relative,static, absolute) atau left and right juga bisa.
jones
Active Member
Posts
134
Joined
Tue Aug 24, 2010 1:05 pm
Top

Re: Masalah penulisan panjang pada kategori & subkategori

Quote

Post by qahar » Tue Sep 28, 2010 9:59 pm

@bravo
css yg di copy bukan yg dimaksud he3..

berdasar gambar, asumsinya begini:
width total center div6 adalah 850px, maka:
#breadcrumbs {
width: 600px;
float: left;
}
#curency_lang {
width: 245px /* biar ga pas 250 :P */
float: right;
}

kalau curency and language belum di bungkus div, ya dibuatin yg baru seperti di atas (#curency_lang)
jadi saat breadcrumbs melebihi 600px, maka akan diteruskan ke bawah.
sehingga posisi curency and language tidak terganggu.
User avatar
qahar
Expert Member
Posts
2096
Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia
Top

Re: Masalah penulisan panjang pada kategori & subkategori

Quote

Post by bravo » Tue Sep 28, 2010 10:52 pm

Master qahar,

jawabannya berhasil menurunkan batas tulisan namun masih ada sedikit lg master :) mungkin bisa dibantu lagi,..saya ini bener2 kurang tahu bahasa php masih belajar membaca jlnnya.
error3.jpg

error3.jpg (23.29 KiB) Viewed 4778 times

Code: Select all

#breadcrumb {
	width: 600px; /* ini tambahan utk batas menu */
	float: left;
	padding-top: 7px;
	padding-bottom: 11px;
	height: 13px;
	margin-bottom: 10px;
	color: #000000;
}
/* curency & language agar tdk turun */
#curency_lang {
	width: 245px;
	float: right;
}
@ Jones = thanks a lot bro atas infonya n cara publish code, mklm saya nih org masih belajar... code tsb memang buatan org lain krn saya tdk bisa buatnya..mungkin bro jones bisa bantu saya nih...

8)

Regrads,
bravo
" Make your bisnis online simple with opencart "

User avatar
bravo
New member
Posts
85
Joined
Thu Jun 24, 2010 1:43 pm
Top

Re: Masalah penulisan panjang pada kategori & subkategori

Quote

Post by jones » Wed Sep 29, 2010 12:09 am

bravo wrote:
@ Jones = thanks a lot bro atas infonya n cara publish code, mklm saya nih org masih belajar... code tsb memang buatan org lain krn saya tdk bisa buatnya..mungkin bro jones bisa bantu saya nih...

8)
nah sebelumnya anda bilang kan dah berhasil menurunkan bacaannya, hanya ada sedikit lagi error, tapi errornya kita nga tau dan kalau saya lihat gambar anda tersebut saya malah nga ngerti masalahnya apa, soalnya yang kelihatan cuma tulisan-tulisan di hapus, nah setiap kali ada yang kasih masukan praktekkan dulu dan ber eksperiman, dari sana nanti akan berkembang, terus kalau ada errornya baru di post itupun setelah anda mentok
jones
Active Member
Posts
134
Joined
Tue Aug 24, 2010 1:05 pm
Top

Re: Masalah penulisan panjang pada kategori & subkategori

Quote

Post by bravo » Wed Sep 29, 2010 12:35 am

@ Bro Jones = Sorry bro jika kurang jelas,... masalah yg terjadi itu backgroundya tidak mengikuti bro apabila tulisan sudah turun ke bawah. Apa bro ada idea, saya sudah otak atik satu persatu tp tetep background tdk mengikuti.

Regrads,
bravo
" Make your bisnis online simple with opencart "

User avatar
bravo
New member
Posts
85
Joined
Thu Jun 24, 2010 1:43 pm
Top

Re: Masalah penulisan panjang pada kategori & subkategori

Quote

Post by qahar » Wed Sep 29, 2010 1:30 am

masalahnya:
1. karena height div6 sudah ditentukan: 32px;
2. misal heightnya di hapus, maka background putihnya akan hilang.
3. kalau heightnya di tambah, maka hasilnya akan sama. karena background putih itu bukan background-color tapi image.

saran saya pindah aja language and curency-nya, misal ke kanan atas. ini asumsi saya sebelah kanan menu adalah search.
User avatar
qahar
Expert Member
Posts
2096
Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia
Top

Re: Masalah penulisan panjang pada kategori & subkategori

Quote

Post by bravo » Wed Sep 29, 2010 1:57 am

Wah, betul master qahar :)

sekarang saya tahu apa penyebab setelah master bilang hal tsb, memang saya dari tadi coba utk naikkan heigh & dll tdk berhasil, memang masalahnya ada di gambarnya, berdasarkan informasi ini saya dapat gambaran untuk mengatasinya jika ingin tetap di tempat yg sama maka size gambarnya saya besarkan saja :) tp bila tdk mau dipindahkan sesuai keinginan hati.

Tanya lagi ya master ; utk memindahkannya itu kita edit di css saja atau ada di lain tmp nih :) soalnya blm prnh pindah2 sih apalg pindah rumah hahahah....

Regrads,
bravo
" Make your bisnis online simple with opencart "

User avatar
bravo
New member
Posts
85
Joined
Thu Jun 24, 2010 1:43 pm
Top

Re: Masalah penulisan panjang pada kategori & subkategori

Quote

Post by qahar » Wed Sep 29, 2010 6:33 am

bravo wrote:Wah, betul master qahar :)

sekarang saya tahu apa penyebab setelah master bilang hal tsb, memang saya dari tadi coba utk naikkan heigh & dll tdk berhasil, memang masalahnya ada di gambarnya, berdasarkan informasi ini saya dapat gambaran untuk mengatasinya jika ingin tetap di tempat yg sama maka size gambarnya saya besarkan saja :) tp bila tdk mau dipindahkan sesuai keinginan hati.

Tanya lagi ya master ; utk memindahkannya itu kita edit di css saja atau ada di lain tmp nih :) soalnya blm prnh pindah2 sih apalg pindah rumah hahahah....
kalau untuk masalah ini ya di header.tpl and css..
kalau gambarnya pakai yg tinggi, gimana kalau breadcrumbnya pendek? kan jadi ga keren he3..
User avatar
qahar
Expert Member
Posts
2096
Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia
Top

Re: Masalah penulisan panjang pada menu & kategori

Quote

Post by bravo » Thu Sep 30, 2010 12:48 am

Master Qahar,

Thanks a lot nih utk kasus error1 itu clear, saya akhirnya membuat size gbrnya besar sikit n masih terlhr normal sih master.... thx buat pengajaran n share ilmunya nih...

Kemudian utk kasus error2 itu tahu tidak master? krn saya masih penasaran bgt apalg dg css yg dibuat dia beda bgt...mungkin jika master install module popupcategory2 pasti ada popupcatergory.css n bisa lihat disn gimn dia buatnya... kalau categoty standrd yg dibuat OC itu gimn ya bisa turun kebwh apabila penulisannya panjang, mungkin bisa dishare dg saya :)

Regrads,
bravo
" Make your bisnis online simple with opencart "

User avatar
bravo
New member
Posts
85
Joined
Thu Jun 24, 2010 1:43 pm
Top

Re: Masalah penulisan panjang pada menu & kategori

Quote

Post by qahar » Thu Sep 30, 2010 2:07 am

kalau tidak lihat lgsung ya susah, paling tidak ada live site.
tapi konsepnya menurut saya sih masih sama dengan cara mbenerin breadcrumbnya
User avatar
qahar
Expert Member
Posts
2096
Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia
Top

Re: Masalah penulisan panjang pada menu & kategori

Quote

Post by bravo » Sun Oct 10, 2010 4:01 pm

Hello master,

Hehehhe, bener juga sih master,..... sebenernya sudah online master tp belum pede nih krn masih ada beberapa bagian yg hrs di custom lagi :)
menunya itu pakai menu buatan yg namanya popupcategory2 mungkin master qahar pernah liat donk :)
ini linknya master : URL Popupcategory2

Regrads,
bravo
" Make your bisnis online simple with opencart "

User avatar
bravo
New member
Posts
85
Joined
Thu Jun 24, 2010 1:43 pm
Top

Re: Masalah penulisan panjang pada menu & kategori

Quote

Post by qahar » Mon Oct 11, 2010 1:41 pm

iya saya pernah pakai, coba di cek width-nya. untuk permudah, pakai firebug di firefoz, nanti bisa cepet ketemu masalahnya.
User avatar
qahar
Expert Member
Posts
2096
Joined
Tue Jun 29, 2010 10:24 pm
Location - Indonesia
Top
Post Reply
Return to “Forum Berbahasa Indonesia”
Who is online

Users browsing this forum: No registered users and 3 guests