html 코드.. 버튼 다음에 무조건 개행(?) 이 되는군요 :| (모니?

jenix의 이미지

안녕하세요..

모니위키 테마를 수정중인데..

첨부한 그림처럼 테이블에 넣어두고 보니까

go 버튼 다음에 무조건 개행이 일어나서..

레이아웃 맞추기가 좀 그렇네요.

     23 <table border=1>
     24 <tr>
     25     <td valign=middle>
     26         <?=$menu?>
     27     </td>
     28     <td valign=middle>
     29         <?=$icons?><?=$upper_icon?><?=$rss_icon?><?=$home?>
     30     </td>
     31     <td valign=middle width=300>
     32         <?=$goto_form?>
     33     </td>
     34 </tr>
     35 </table>

다음과 같이 단순히 했을뿐인데..

css 의 goto 관련 항목은.. 다음과 같습니다. ( 이것 역시 상관이 있는것 같지는 않은데; )

    159 /* GO 입력창 css */
    160 span.goto, input.goto {
    161   /* font-family:Gulim,Lucida,sans-serif; */
    162   font-size:12px;
    163   width: 10em;
    164 }

휴.. 고수님들 도움좀.. 부탁드립니다 :lol:

File attachments: 
첨부파일 크기
Image icon menu.PNG3.27 KB
sozu의 이미지

저도 잘못된 방법이라 삭제합니다^-^

-----------
청하가 제안하는 소프트웨어 엔지니어로써 재미있게 사는 법
http://sozu.tistory.com

sh.의 이미지

잘못된 정보를 올린지라 스스로 삭제합니다 8)

Prentice의 이미지

아마 form이 블럭 레벨 요소라서 그럴 것입니다.

Quote:
form {display: inline}

인라인 레벨 요소로 바꿔보세요.

태그를 안 닫아버리시는 것이나 태그 포갬 순서를 임의로 바꾸시는 것은 절대로 피하시는 것이 좋습니다.

Prentice의 이미지

form {border: 3px solid red}
input {border: 3px solid green}
td {border: 3px solid blue}

참고로 이런 식으로 border를 주시고 디버깅하시면 편합니다.

byung82의 이미지

from에 style추가 해주시면 됩니다.

<form style='margin:0px'>

그럼

Seven..의 이미지

Quote:
31 <td valign=middle width=300>
32 <?=$goto_form?>
33 </td>

이부분.. 줄바꿈 없이 써보세요..
소스가 더러워지지만, 아마 되지 않을까..

<td ..... >< form ></td>

VENI VIDI VICI

Prentice의 이미지

HTML 소스에서의 화이트스페이스는 출력에 결과를 미치지 않아야 정상입니다. 레이아웃을 고치시려면 소스의 내용을 고치시는 것이 옳지 않을까 생각해요..

댓글 달기

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.