Kommentarfeld zu groß für Design

stoney

Guten Tag,

Ich habe seit Kurzem auch eine Webseite mit Wordpress aufgesetzt, stoße aber auf diverse Konfigurationsprobleme. Ich verwende das Theme Red Train, wenn ich allerdings die Kommentare freischalte ist die Textbox viel zu groß und ragt über das Design hinaus. Dieser Fehler tritt bei Opera und Firefox auf.

Wie das aussieht seht ihr hier:

http://img360.imageshack.us/img360/3425/wpfehlerfq1.jpg

Leider bin ich noch ein Anfänger was PHP betrifft, könnte mir jemand daher eine kleine Hilfestellung geben wie ich diese Box verkleinern kann?

Danke schonmal

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

SuMu

Zitat von stoney

Leider bin ich noch ein Anfänger was PHP betrifft, könnte mir jemand daher eine kleine Hilfestellung geben wie ich diese Box verkleinern kann?

Das hat nichts mit php zu tun, sondern mit xhtml und CSS :mrgreen:.
Blog-Url? Es hat hier niemand den code von jedem theme im kopf ;-)

stoney

http://www.eric-steiner.at :)

Monika

öffne die comments.php und suche nach

Code

<textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea></p>

da wo steht cols 100% ändere die % Werte

lg

stoney

Das ging ja schnell, werd ich gleich versuchen.

Danke :)

SuMu

guck mal in deine css datei

#commentform textarea{
width:90%;}

und suche dir #comment textarea und ändere die breite (width) auf z.b. 90% (oder 480px)und teste dann mal.

also so

#commentform textarea {
background: #eee;
border: 1px solid #300000;
width: 470px;
}

stoney

Danke SuMu, das wars. Nun passts. :)

simlischewelt

dasselbe problem-keine lösung

Hallo,

ich habe das gleiche Problem, leider bringen beide Antworten nichts.

einmal die comment datei:

PHP

<div id="comments">


<br />


<?php if ( !empty($post->post_password) && $_COOKIE['wp-postpass_' . COOKIEHASH] != $post->post_password) : ?>
<p><?php _e('Enter your password to view comments.'); ?></p>
<?php return; endif; ?>




<?php if ( comments_open() ) : ?>
<dl id="comments-block">
<dd style="margin: 0px; padding: 0px;">


<?php else : // If there are no comments yet ?>
<?php endif; ?>
<?php if ( comments_open() ) : ?><br /> 
<a href="#postcomment" title="<?php _e("Leave a comment"); ?>">Leave a comment</a></p>
</dd>
</dl>
<?php endif; ?>
<a name="comments"></a>
<?php if ( $comments ) : ?>


<?php $myvar=0; ?>
<?php foreach ($comments as $comment) : ?>
<?php $myvar++; ?>
<?php if ($myvar == 1) {$swap = "background-color: #f1f1f1; padding: 5px;";} ?>
<a name="comment-<?php comment_ID() ?>"></a> 
<?php if (function_exists('gravatar')) { ?><a href="http://www.gravatar.com/" title="What is this?"><img src="<?php gravatar("X", 50, ""); ?>" class="gravatar" alt="Gravatar Icon" Align="left" hspace="5"and vspace="5"/></a><?php } ?>
<div class="commentBox" style="<?php echo $swap; ?>">


<?php comment_text() ?>


<p class="post-footer" style="margin-bottom: 0px; padding-bottom: 0px;"><em>By <?php comment_author_link() ?> on <?php comment_date('m.d.y') ?> <?php comment_time() ?> <?php edit_comment_link(__("e"), ''); ?> | <a href="#comment-<?php comment_ID() ?>">Permalink</a></em></p>
</div>


<?php if ($myvar == 1) {$myvar = -1; $swap = "background-color: #E5E5E5; padding: 5px;";} ?>
<?php endforeach; ?>






<div class="right"><?php comments_rss_link(__('<abbr title="Really Simple Syndication">RSS</abbr> feed for comments on this post.')); ?></div> 
<?php else : // If there are no comments yet ?>
<?php endif; ?>




<?php if ( pings_open() ) : ?>
    <a href="<?php trackback_url() ?>" rel="trackback"><?php _e('TrackBack <abbr title="Uniform Resource Identifier">URI</abbr>'); ?></a>
<?php endif; ?>


<br /><br />


<a name="postcomment"></a>
<?php if ( comments_open() ) : ?>
<b><?php _e('Leave a comment'); ?></b><br />




<form action="<?php echo get_settings('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">


    <p>
      <input type="text" name="author" id="author" class="textarea" value="<?php echo $comment_author; ?>" size="15" tabindex="1" />
       <label for="author"><?php _e('Name'); ?></label> <?php if ($req) _e('(required)'); ?>
    <input type="hidden" name="comment_post_ID" value="<?php echo $post->ID; ?>" />
    <input type="hidden" name="redirect_to" value="<?php echo htmlspecialchars($_SERVER['REQUEST_URI']); ?>" />
    </p>


    <p>
      <input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" size="15" tabindex="2" />
       <label for="email"><?php _e('E-mail'); ?></label> <?php if ($req) _e('(required)'); ?>
    </p>


    <p>
      <input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" size="15" tabindex="3" />
       <label for="url"><?php _e('<acronym title="Uniform Resource Identifier">URI</acronym>'); ?></label>
    </p>


    <p>
      <label for="comment"><?php _e('Your Comment'); ?></label>
    <br />
      <textarea name="comment" style="border: 1px solid #000;" id="comment" cols="30" rows="9" tabindex="4"></textarea>
    </p>






    <p>
      <input name="submit" id="submit" type="submit" tabindex="5" value="<?php _e('Say It!'); ?>" />
    </p>
    <?php do_action('comment_form', $post->ID); ?>
</form>


<?php else : // Comments are closed ?>


<?php endif; ?>

Alles anzeigen

simlischewelt

sorry war zu lang für einen beitrag :neutral:

..und hier die css datei

PHP

/*<body>


Theme Name: Simply
Author: Teresa Jones
Theme URI: http://scribblescratch.com/themes
Description: 3 column theme using shades of purple and beige.
Version: 1.0


-----------------------------------------------
Illustrations for this theme were created by
and are copyrighted to Teresa Jones of
http://scribblescratch.com and are not
permitted to be used elsewhere.  If you
wish to use them in a location outside of the
purpose they are intended, feel free to contact
me, Teresa Jones.
----------------------------------------------- */
#wrapper {
width: 1010px;
margin: 0 auto;
background: url(bodybg.png) top center;
}


#masthead {
width: 1010px;
height: 200px;
margin:0 auto;
background-image: url(http://lifestyle4sims.de/header-butterfly-fertig.gif);
background-repeat: no-repeat;
color: #656D79; 
}


#menu {
margin:0 auto;
padding-top: 30px;
padding-bottom: 15px;
padding-right: 15px;
padding-left: 25px;
text-align: left;
font-family: Arial, Georgia, 'Times New Roman', serif; 
font-size: 1.1em; 
vertical-align: bottom;
}


#menu a:link {
color:#ffffff;
text-decoration:none;
font-weight:bold;
}


#menu a:visited {
color:#ffffff;
text-decoration:none;
font-weight:bold;
}


#menu a:hover {
color:#C1C81A;
text-decoration:none;
border-bottom: 2px solid #fff;
font-weight:bold;
}


.right {
float: right;
padding-top: 0px;
padding-right: 10px;
}


.left {
float: left;
padding-top: 0px;
padding-left:10px;
}


.commentBox {
}


.commentBox p {
padding-top: 0px;
margin-top: 0px;
}




body {
background: #0B1C3E url(bg.png) top center;
margin-top: 0;
margin-bottom: 0;
margin: 0;
margin-left: 0px;
padding:0px 20px;
font-family: Arial, Georgia, 'Times New Roman', serif; 
font-size: 12px; 
letter-spacing: 0px; 
line-height: 1.5em;
text-align:center;
color:#808080;
}


a:link {
color:#FF3984;
text-decoration:none;
}


a:visited {
color:#FF3984;
text-decoration:none;
}


a:hover {
color:#EB1D67;
text-decoration:none;
}


a img {
border-width:0;
border:0px;
}


/* Header
----------------------------------------------- */


#header {
margin-top:0;
width:2010px;
margin-top:0px;
margin:0 auto 10px;
border:1px solid #ccc;
}


/* Content
----------------------------------------------- */


#content {
color:#808080;
width:1010px;
margin:0 auto;
margin-top: -30px;
padding:0;
text-align:justify;
}


#main {
padding-left: 4px;
padding-right: 15px;
padding-left: 20px;
width:500px;
float:left;
}


#main2 {
padding-left: 4px;
margin: 0 auto;
width:500px;
float:left;
}


#rightbar {
margin-top: .5em;
width:200px;
float:right;
text-align: justify;
  }


#leftmenu {
margin-top: .5em;
width:200px;
float:left;
text-align: justify;
padding-left: 10px;
}


.sideText, input {
font-family: tahoma, serif; font-size: 8pt;
}


select {
font-family: tahoma, serif; font-size: 8pt;
}


/* Headings
----------------------------------------------- */
h2 {
margin:2.3em 0 .75em;
margin-top:42px;
padding-top: 6px;
padding-bottom: 6px;
font:1.4em "Georgia", Trebuchet MS,Trebuchet, Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
color:#C1C81A;
border-bottom: 1px solid #F5F5F5;
text-decoration: none;
}


h3 {
margin:2.3em 0 .75em;
margin-top:42px;
padding-top: 6px;
padding-bottom: 6px;
font:1.4em "Georgia", Trebuchet MS,Trebuchet, Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
color:#C1C81A;
border-bottom: 1px solid #F5F5F5;
text-decoration: none;
}




/* Posts
----------------------------------------------- */
.date-header {
margin:1.5em 0 .5em;
}


.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted #E6E1DE;
padding-bottom:1.5em;
}


.post-entryinfo {
font: 1.0em "Georgia",Trebuchet MS,Arial,Verdana,Sans-serif;
color:#000000;
}


.post-title {
margin:2.5em 0 .75em;
padding: 2px;
font:1.4em "Georgia", Trebuchet MS,Trebuchet, Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
color:#C1C81A;
border-bottom: 1px solid #F5F5F5;
text-decoration: none;
}


.post-excerpt {
font-family: Georgia, serif;
font-size: 22px; 
line-height: 30px;
color: #595959;
background: #FFF url(quote.gif) no-repeat;
}


.post-title a, .post-title a:visited, .post-title strong {
display:block;
color: #C1C81A;
text-decoration:none;
}


.post-title strong, .post-title a:hover {
color:#A3A818;
}


.post div {
margin:0 0 .75em;
line-height:1.6em;
}


p.post-footer {
margin:-.25em 0 0;
color:#000000;
padding-bottom: 7px;
padding-top: 3px;
}


.post-footer-border {
border-bottom: 1px solid #F5F5F5;
}


.post-footer em, .comment-link {
font:1.5em Georgia,Trebuchet,Arial,Verdana,Sans-serif;
}


.post-footer em {
font-style:normal;
font-family: Georgia, serif;
color:#808080;
margin-right:.6em;
}


.post-footer a, .post-footer a:visited, .post-footer strong {
color: #F4BD14;
text-decoration:none;
font-style: italic;
}


.post-footer strong, .post-footer a:hover {
color: #D19C0D;
border-bottom:2px solid #F4BD14;
text-decoration:none;
font-style: italic;
}


.comment-link {
margin-left:.6em;
}


.post img {
padding-right: 8px;
border:3px #ffffff;
}


.post blockquote {
background-color: #F1F1F1;
margin: 0 0px;
padding: 0 10px;
border-top: 2px solid #DBDBDB;
}


.post blockquote p {
margin:.75em 0;
}




/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font:bold 30%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
text-align:justify;
letter-spacing:.2em;
color:#999;
}


#comments h4 strong {
font-size:30%;
}


#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}


#comments-block dt {
margin:.5em 0;
}


#comments-block dd {
margin:.25em 0 0;
}


#comments-block dd.comment-timestamp {
margin:-.25em 0 2em;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}


#comments-block dd p {
margin:0 0 .75em;
}


.deleted-comment {
font-style:italic;
color:gray;
}




/* Left Menu BEGINS */




#left-menu {


float: left;
padding-right: 10px;
color: #808080;
margin-right: 20px;
margin-left: 20px;
font-size: 12px; 
width: 200px;
}




#left-menu a {
color: #6DB3AE;
text-decoration:none;
font-weight: normal;
}






#left-menu a:hover {
color: #529A92;
border-bottom:2px solid #6DB3AE;
}


#left-menu ul {
padding:0;
margin:0px;
}






#left-menu li {
padding:0 0 2px 0;
margin-left:1px;
color: #808080;
list-style-type:none;
}






/* Left Menu ENDS */






/* Right Menu BEGINS */






#rightbar {
float: left;
padding: 0;
color: #808080;
margin-top: 0px;
margin-right: 5px;
margin-left: 5px;
font-size: 12px; 
width: 200px;
}






#rightbar a {
color: #6DB3AE;
text-decoration:none;
font-weight: normal;
}






#rightbar a:hover {
color: #529A92;
border-bottom:2px solid #6DB3AE;
text-decoration:none;
font-weight: normal;
}






#rightbar ul {
padding:0px;
margin:0px;
}




#rightbar li {
padding-left:1px;
margin:0px;
list-style-type:none;
}


#rightbar img{
padding-right: 8px;
}










/* Right Menu ENDS */






/* Footer
----------------------------------------------- */
#footer {
width: 1010px;
margin:0 auto;
background: url(footerbg.png);
clear:both;
height: 72px;
padding-bottom:0px;
color: #ffffff;
font-family: Arial, Georgia, 'Times New Roman', serif; 
font-size: 1.0em;
text-align:center;
}


#footer a:link {
color:#FF3984;
text-decoration:none;
}


#footer a:visited {
color:#FF3984;
text-decoration:none;
}


#footer a:hover {
color:#ffffff;
text-decoration:none;
border-bottom: 2px solid #FF3984;
}


#footer hr {
display:none;
}


#footer p {
margin:0;
padding-top:15px;
font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}


.twitter-timestamp  {
font-size: 10px;
}    




#flickr_badge_recent { text-align: center;}
#flickr_badge_recent img {width: 52px; height: 52px; padding: 4px; margin: 2px;  border: 1px solid; border-color: #ececec; background-color: #fff;
}

Alles anzeigen

danke im vorraus!

Tanja!

simlischewelt

Anscheinend kann hier niemand helfen - schade :-?

perryzelda

wieso bringt das oben dir nichts ?

PHP

<textarea name="comment" style="border: 1px solid #000;" id="comment" cols="30" rows="9" tabindex="4"></textarea>
    </p>

cols ="30" ändern bis es passt oder

simlischewelt

hab ich schon probiert, da ändert sich gar nichts :confused:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Kommentarfeld zu groß für Design

Jetzt mitmachen!