2016-03-22 7 views
0

für meine website versuche ich zwei td näher zu bringen. Sie sind so weit auseinander, ich habe versucht, die td mit Zahlen und td mit Bild zusammen zu setzen. Dies ist die Domain für meine Website: Wenn Sie den Code überprüfen, können Sie sehen, dass es schrecklich ist, was wahrscheinlich der Grund ist, warum es mir so schwer fällt, zwei Td näher zu bringen.wie zwei td-zellen näher zu bringen

Um mehr klar, was ich versuche zu tun,

<table> 
     <td class="vert-align" style="padding:0;" > 
<div class="votes"> 
<a href="/post/{{ post.slug }}/vote?is_up=1" class="vote"> 
    <span class="glyphicon glyphicon-triangle-top col-md-12" aria-hidden="true"></span></a> 
      <br /> 

<span class="col-md-12" style="height:1px; font-family: 'Passion One', cursive; bottom:10px; padding-left:0.01em; 


#and 
<td class="vert-align"> 

{% if post.main_image %} 
     <h4 id="lineForUrl"> 
     <a href="{{ post.url }}" target="_blank" style="margin-left: 15px; text-decoration:none;"> <img src="{{post.get_image_url}}" class="img-rounded" alt="Cinque Terre" height="75" width="75"/><span id="title-font" title="{{post.title}}"> 
      {{ post.title }}</span><span style="margin-left: 15px;" class="domain">({{ post.domain }})</span></a> 
     <span class="discuss" style="color:red;"><a href="{% url 'post' post.slug %}" class="btn btn-warning btn-sm">enter</a></span> 
     <br /> 
     <span class="post-info"> 
    {% if user.is_authenticated %} 
<a href="{% url 'userena_profile_detail' post.moderator.user %}">{{ post.moderator.user }}</a>wrote 
{% else %} 
{{ post.moderator.user }}wrote 
{% endif %} 
<a href="/category/{{post.category}}">#{{post.category}}</a></span> 
     </h4> 
"><h4 id="vote_count_{{ post.slug }}">{{ post.get_vote_count }}</h4></span>  <br> 

<a href="/post/{{ post.slug }}/vote?is_up=0" class="vote"> 
<span class="glyphicon glyphicon-triangle-bottom col-md-12" aria-hidden="true"></span></a> 
</div> 
      </td> 
</table> 

#closer 
+0

Sie schließen nicht Ihre zweite span-Tag nach der
(das könnte andere oder dieses spezielle Problem verursachen) –

Antwort

1

diese CSS Linie Versuchen

#cell td.vert-align:first-child { width: 40px;} 

Ihre td Es wird (wenn ich das richtig das Problem verstanden haben) erhalten mit Zahlen und td mit Bildern näher

Verwandte Themen