묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
css 조언좀 해주세요 ㅠㅠ
2012.03.29 21:33
<div id="login_name"> <div class="member_{$logged_info->member_srl}"><strong>{$logged_info->nick_name}</strong> </div> </div>
<div id="log_in"> <ul> <is_admin=="Y'>!--@if($logged_info->is_admin=="Y" && !$site_module_info->site_srl)--> <li><a href="{getUrl('','module','admin')}" onclick="window.open(this.href);return false;">{$lang->cmd_management}</a></li> <!--@end--> <!--@if($logged_info)--> <li><a href="{getUrl('act','dispMemberLogout')}">{$lang->cmd_logout}</a></li> <!--@else--> <li><a href="{getUrl('act','dispMemberLoginForm')}">{$lang->cmd_login}</a></li> <!--@end--> <!--@if(!$logged_info)--> <li><a href="{getUrl('act','dispMemberSignUpForm')}">{$lang->cmd_signup}</a></li> <!--@end--> </ul> </div>
위가 레이아웃이구요
#login_name { text-align:right; margin:0; padding:20px 0 0 0; } #login_name strong { color:#FFFFFF; }
#log_in { margin:0; padding:5px 0 0 0; } #log_in ul { padding:0; margin:0; } #log_in li { display:inline; float:right; list-style:none; padding:0 0 0 4px; margin:0; font-size:0.9em; white-space:nowrap; } #log_in li a { letter-spacing:-1px; text-decoration:none; color:#444444; } #log_in li a:hover { text-decoration:underline; }
#left_bar { float:left; width:145px; height:100%; margin:0; padding:0; }
#logo_image { width:122px; height:25px; margin-left:20px; padding:0; }
#left_menu { text-align:right; margin-top:30px; padding:0; }
위가 css에요
이거 그냥 서로 양옆으로 나란히 있으려면 어떻게 수정해야할까요? ㅜㅜ
왼쪽에서 오른쪽으로 이렇게 글자쓰듯이 하려는데.. div태그로 감싸져있는걸 못다루겠네요 ... ㅜㅜ
br태그 쓴것처럼 아래로 내려가서 고민이에요..
근데 웹표준이랍시고 이러는게 결국 다 꼼수써야되고 하나하나 경험으로 익혀야하고
이게 정말 표준인지 잘 모르겠네요
아래위 100% 만드는거 그 간단한거 하나 하려고 별짓을 다해야하는거랑
지금처럼 단지 br태그 처럼 한칸 아래로 내려가는 효과 없애보겠다고 이렇게 복잡한 글 올려야 하는걸 보면..
li 태그쪽에다가 float:left; 를 붙여보세요.
그리고 해보면 앞에 마크가 뜰 수 도 있는데, 이 땐 list-style:none; 을 넣으시면 될겁니다.