Problem z komentarzami- stylowanie

  • Rozwiązano RobertJa

    (@robertja)


    13 years, 7 months temu

    Witam
    Link do szablonu: link

    Mam problem z ustawieniem komentarzy i daty w jednej linii po przeciwnych stronach.

    html:

    <div class="info">
<div class="time>"<h3><?php the_time('j F Y') ?></h3></div>
<div class="cominfo">Komentarzy:<?php comments_popup_link('0', '1', '%'); ?></div>
</div>

    styl:

    .info{
font:normal 13px "Georgia", helvetica, arial, times;
color: #8e8c8c;
margin:0 0 2px 0;
	}
.time {
 float:left;
}
.cominfo {
 float: right;
}
.cominfo a{
color:#e46109;
text-decoration:none;
}
.cominfo a:hover{text-decoration: none; color:#aaa8a8;}

    Co jest nie tak?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Rascals

    (@rascals)

    13 years, 7 months temu

    Masz błąd w kodzie źródłowym:
    <div class="time>"
    powinno być tak:
    <div class="time">
    możesz dodać jeszcze do klasy .time – display:inline

    Thread Starter RobertJa

    (@robertja)

    13 years, 7 months temu

    Pokombinowałem, dałem dwie classy do diva i dalej mi nic nie wychodzi.

    Z display:inline obniża komentarze jak go usunę to zaś jest wszytko w jednej linii ale tytuł nachodzi posta nachodzi na tego div`a i jest wyśrodkowany. Terz jest bez dispay:inline

    html:

    <div id="info">
<div class="time"><?php the_time('j F Y'); ?></div>
<div class="cominfo">Komentarzy:<?php comments_popup_link('0', '1', '%'); ?></div>
</div>

    style:

    #info{
	font:normal 13px "Georgia", helvetica, arial, times;
	color: #8e8c8c;
	margin:10px 0px 20px 0;
	/* border-bottom:1px dotted #550606; */
	}
.time {

  float:left;
}
.cominfo {
  float: right;

}
.cominfo a{
 color:#e46109;
	text-decoration:none;
}
.cominfo a:hover{
  text-decoration: none;
	color:#aaa8a8;
	}

    Rascals

    (@rascals)

    13 years, 7 months temu

    Dodaj do: #info overflow: hidden;

    sebe91

    (@sebe91)

    13 years, 7 months temu

    Obrazk jak to wyglada:
    http://awesomescreenshot.com/0b16m8a55

    Kod CSS

    #info{
	width:500px;
	border: 1px solid #F00;
	overflow:hidden;
	padding:5px;
}
.time{
	float:left;
	width:100px;
	height:50px;
	border: 1px dotted #F30;
}
.data{
	float:right;
	width:50px;
	height:50px;
	border: 1px dotted #000;
}

    Kod HTML

    <div id="info">
	<div class="time">czas</div>
    <div class="data">data</div>
</div>

    pamietaj zeby dodac <?php the_time(’j F Y’); ?> w odpowiednich miejscach 🙂

    Thread Starter RobertJa

    (@robertja)

    13 years, 7 months temu

    Dzięki, overlow:hidden; pomogło.

    Sebe91, możesz rozwinąć to zdanie:

    pamietaj zeby dodac <?php the_time(’j F Y’); ?> w odpowiednich miejscach 🙂

    Gdzie są odpowiednie miejsca, ja dopiero zaczynam przygodę z web-masteringiem i jeszcze bardzo mało umiem.

    Pozdrawiam

    sebe91

    (@sebe91)

    13 years, 7 months temu

    <?php the_time('j F Y'); ?> to jest kod PHP ktory wyswietli Ci czas/date w odpowiednim formacie wiec ten kod wklep w tego diva gdzie chcesz, zeby Ci wyswietlalo czas/date.
    PHP data/czas <- Zobacz sobie jakich literek uzyc, zeby wyswietlic date/czas inaczej.
    Ja mam np tak napisał: <?php comment_date('l, d F Y') ?> o <?php comment_time() ?> <?php edit_comment_link('| Edytuj'); ?>

    <?php comments_popup_link('0', '1', '%'); ?> ten kod odpowiada za wyswietlanie ilosci komentarzy, i tak pierwsza liczba akurat masz 0 jesli bedziesz mial zero komentarzy to wyswietli 0, 1 wyswietli 1 % wyswietli sama liczbe jak bedziesz mial wiecej niz 1 komentarz.

    Mozesz napisac tez np
    <?php comments_popup_link('0 komentarzy', '1 komentarz', '% komentarzy'); ?>

    i teraz wyswietli, ze masz 0 komentarzy, pozniej, ze 1 komentarz a pozniej np 30 komentarzy

    Thread Starter RobertJa

    (@robertja)

    13 years, 7 months temu

    Dzięki za wyjaśnienie, wypróbuje te sposoby wyświetlania.
    Pozdrawiam.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Temat ‘Problem z komentarzami- stylowanie’ jest zamknięty na nowe odpowiedzi.