Avatar billede Slettet bruger
22. august 2008 - 09:57 Der er 6 kommentarer og
1 løsning

Lav kode kompetibel med Safari browser

Hej,

Jeg har en kode der virker fint på Internet Explorer men når jeg surfer ind på den med Safari browseren står tabellerne meget sjovt.

Er der nogen mulighed for at optimere nedenstående kode og CSS så det også virker med Safari?

Kode:

<ul class="commentlist">
<?php foreach ($comments as $comment) : ?>
<li <?php echo $oddcomment; ?>id="comment-<?php comment_ID() ?>">
<div class="quote"><?php comment_text() ?></div>
<?php if ($comment->comment_approved == '0') : ?>
<div class="comment_security">(Din kommentar afventer godkendelse)</div>
<?php endif; ?>
</li>
<cite><?php echo get_avatar( $id_or_email, $size = '25', $default = 'http://www....../default_gravatar.gif' ); $rating = 'G' ?> <?php comment_author_link() ?> den <?php comment_date('j. F, Y') ?> kl. <?php comment_time() ?>. <?php if (function_exists('quoter_comment')) { quoter_comment(); } ?><?php edit_comment_link('Rediger','&nbsp;&nbsp;',''); ?></cite>
<?php
/* Changes every other comment to a different class */
$oddcomment = ( empty( $oddcomment ) ) ? 'class="alt" ' : '';
?>
<?php endforeach; /* end for each comment */ ?>
</ul>


CSS:


.commentlist .quote {
    background:url(http://www....../bg_quote.gif) no-repeat top right;
    line-height:16px;
    font-size:12px;
    padding-top:6px;
    }

.commentlist li {
    padding-top: 3px;
    padding-left: 22px;
    padding-right: 18px;
    padding-bottom: 5px;
    margin-top:20px;
    background:#f4f4f4 url(http://www...../bg_commentlist.gif) bottom no-repeat;
    color:#5a5a5a;
    }

.comment_security {
    font-style:italic;
    color:#ce7575;
    padding-bottom:20px;
    }

.commentlist cite {
    display:block;
    font-style:normal;
    padding-left:33px;
    line-height:16px;
    }

.quoter {
    padding-left:33px;
}
Avatar billede sorensen_123 Nybegynder
22. august 2008 - 10:05 #1
At koden ikke virker, har ikke noget med PHP at gøre.. Hvad er der galt? Hvad bliver vist forkert?
Avatar billede Slettet bruger
22. august 2008 - 10:15 #2
Når man skriver LIDT tekst i <textarea> og poster i <li> boksen bliver teksten sat ind under boksen/den grå baggrundsfarve i Safari browseren. Når man skriver MEGET tekst står halvdelen af teksten i den grå boks og halvdelen udenfor/nedenunder den grå boks. Dette er som jeg skriver kun tilfældet i Safari browseren.
Avatar billede Slettet bruger
22. august 2008 - 10:16 #3
Jeg ser jo gerne teksten altid holdt sig inde i den grå boks. :)
Avatar billede Slettet bruger
22. august 2008 - 10:31 #4
Det eneste tekst der ikke skal være i den grå boks, men derimod et stykke under er denne:

<cite><?php echo get_avatar( $id_or_email, $size = '25', $default = 'http://www....../default_gravatar.gif' ); $rating = 'G' ?> <?php comment_author_link() ?> den <?php comment_date('j. F, Y') ?> kl. <?php comment_time() ?>. <?php if (function_exists('quoter_comment')) { quoter_comment(); } ?><?php edit_comment_link('Rediger','&nbsp;&nbsp;',''); ?></cite>

Som også er placeret EFTER </li> tagget.
Avatar billede Slettet bruger
22. august 2008 - 10:34 #5
Derudover kan jeg fortælle at alt <PHP>'en er WordPress tags.
Avatar billede kjeldsted Novice
22. august 2008 - 15:24 #6
Har du et link til siden?
Avatar billede Slettet bruger
27. august 2008 - 11:34 #7
Nej desværre... synes ikke jeg har kunnet finde en løsning på dette så lukker.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester