CSS: background and text-Decoration

**Yaropolk** · 16-05-2009

Mostly it's the other way around so that the Firefox displays everything correctly

I have two problems with the screens made:

In FF the background graphic breaks and link is not underlined.

In IE everything is correct .

CSS:

PHP Code:


. post_body ( 

        PADDING-RIGHT: 16px; BORDER-TOP: # 333 1px solid; PADDING-LEFT: 16px; BACKGROUND: url (img / post_body.jpg) no-repeat left top; PADDING-BOTTOM: 0px; PADDING-TOP: 16px 

  ) 

  .... 

  . foto ( 

      

        background-image: url (img / image_bg.png); 

        background-repeat: no-repeat; 

        width: 120px; 

        height: 120px; 

        text-align: center; 

        padding-top: 18px; 

        float: left; 

        padding-right: 10px; 

        clear: none; 

        text-decoration: none; 

 

  ) 

  . photonic A ( 

        COLOR: # 878787; TEXT-DECORATION: none 

  ) 

  . photonic A: hover ( 

        TEXT-DECORATION: underline 

  )

Issue:

PHP Code:


 echo "<div class='post_body'>"; 

 

        echo "<p>." substr ($ art [ 'art_inhalt'], 0, 600 )."..."; 

            

        for ($ i88 = 0; $ i88 <$ num_fotos; $ i88 + +) 

        ( 

              $ photo = mysql_fetch_array ($ res_fotos); 

              echo "<div class='foto'> <a href = 'images /'. $ photo [ 'foto_foto_id']. $ photo [ 'foto_foto_endung']."' rel =' lightbox [roadtrip]" title = " '. $ photo [ 'foto_foto_name']."'>< div style =' width: 90px; height: 65px; margin-left: auto; margin-right: auto; vertical-align: middle; '> <img src =' images / ". $ photo [ 'foto_foto_id']. $ photo [ 'foto_foto_endung']."' style =' max-width: 90px; max-height: 65px; 'old =''></ div> <div style = 'padding-top: 6px "> image"; 

              echo $ i88 +1; 

              echo "by". $ num_all_fotos. "</ div> </ a> </ div>";       

        ) 

      

        echo "</ p>"; 

 

        echo "</ div>";

**Kylebrn** · 16-05-2009

You can defined it as:

PHP Code:


. foto    A    ( 

        COLOR:    # 878787   ; TEXT-DECORATION:    none 

  )

**Kanga** · 16-05-2009

Font weight: font-weight

This feature is available since version: CSS 1

The property font-weight determines how bold font is displayed. This must be elected by the Scripture also be supported.

PHP Code:


 <! DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 / / EN" "http://www.w3.org/TR/html4/strict.dtd">  

  <html> 

    <head> 



      <style type="text/css"> 

       p (font-weight: bold;) 

      </ style> 

    </ head> 

    <body> 

        <p> this paragraph is the font weight bold statement by the 

  font-weight has been assigned.  The font is so bold. 

        </ p> 

    </ body> 

  </ html>