모바일 한줄로 표현하려면요.
본문
로그인 ~ 장바구니 까지 저렇게 한줄로 말고
상품카테고리 검색 이런식으로 한줄로 하려고하는데 이미지가 안줄어 들면서
아래로 쭈욱 내려가네요.
style='max-width:100%;height:auto' 해주면 이미지가 알아서 줄어주더데.
무엇을 잘 못 했나요.
<div>
<ul id="hd_mb">
<?php if ($is_member) { ?>
<?php if ($is_admin) { ?>
<li><a href="<?php echo G5_ADMIN_URL ?>/shop_admin/"><b>관리자</b></a></li>
<?php } ?>
<li><a href="<?php echo G5_BBS_URL; ?>/logout.php?url=shop"><img src="<?php echo G5_SHOP_URL; ?>/img/top.menu/m/01-1.jpg" style='max-width:100%;height:auto'></a></li><!--로그아웃-->
<li><a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=<?php echo G5_BBS_URL ?>/register_form.php"><img src="<?php echo G5_SHOP_URL; ?>/img/top.menu/m/02-1.jpg" style='max-width:100%;height:auto'></a></li><!--정보수정-->
<?php } else { ?>
<li><a href="<?php echo G5_BBS_URL; ?>/login.php?url=<?php echo $urlencode; ?>"><img src="<?php echo G5_SHOP_URL; ?>/img/top.menu/m/01.jpg" style='max-width:100%;height:auto'></a></li><!--로그인-->
<li><a href="<?php echo G5_BBS_URL ?>/register.php" id="snb_join"><img src="<?php echo G5_SHOP_URL; ?>/img/top.menu/m/02.jpg" style='max-width:100%;height:auto'></a></li> <!-- 회원가입-->
<?php } ?>
<li><a href="<?php echo G5_SHOP_URL; ?>/mypage.php"><img src="<?php echo G5_SHOP_URL; ?>/img/top.menu/m/03.jpg" style='max-width:100%;height:auto'></a></li><!--마이페이지-->
<li><a href="<?php echo G5_SHOP_URL; ?>/cart.php"><img src="<?php echo G5_SHOP_URL; ?>/img/top.menu/m/04.jpg" style='max-width:100%;height:auto'></a></li><!--장바구니-->
</div>
<?php if(!$default['de_root_index_use']) { ?>
<li><a href="<?php echo G5_URL; ?>/">커뮤니티</a></li>
<?php } ?>
</ul>
또 한가지 질문은
이런식으로 만들어 주고 싶은데요.
어떤식으로 해야 하나요?
답변 1
li에 float:left 속성을 아래처럼 추가해보세요.
<style>
ul#hd_mb li {float:left;}
</style>
감사합니다.
그런데 변화가 없습니다.
답변을 작성하시기 전에 로그인 해주세요.