Anzeige

rahmen um bildlinks

rahmen um bildlinks | PSD-Tutorials.de

Erstellt von bernte, 20.10.2007.

  1. bernte

    bernte Nicht mehr ganz neu hier

    Dabei seit:
    18.04.2005
    Beiträge:
    150
    Geschlecht:
    männlich
    Ort:
    Berlin
    rahmen um bildlinks
    he leute... habe per css bilder um 8px verschoben damit ich einen abstand zwischen diesen erhalte! soweit klappt das auch!
    nun mein problem!

    wenn ich auf das bild klicke kommt ja dieser gepunktete rahmen! im firefox (blindenschrift)
    so dieser ist aber komischer weise unten zu groß! etwa 2px!
    wenn ich die bilder ohne css verschiebe ist der rahmen genau um das bild!

    kann mir einer helfen :( ich dreh durch :D


    LINK ZUR SEITE --> HIER <--

    Code (Text):
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. <meta http-equiv="Content-Script-Type" content="text/javascript" />
    6. <title>HILFE</title>
    7. <style type="text/css">
    8. <!--
    9. @import url("s.css");
    10. -->
    11. </style>
    12. </head>
    13. <body>
    14. <div id="language">
    15.   <div id="flagg"><a href="hilfe.html"><img src="images/flagg_english.jpg" alt="ENG" /></a><a href="hilfe.html"><img src="images/flagg_german.jpg" alt="GER" /></a><a href="hilfe.html"><img src="images/flagg_france.jpg" alt="FRA" /></a><a href="hilfe.html"><img src="images/flagg_spain.jpg" alt="ESP" /></a><a href="hilfe.html"><img src="images/flagg_japan.jpg" alt="JPN" /></a><a href="hilfe.html"><img src="images/flagg_norway.jpg" alt="NOR" /></a></div>
    16. </div>
    17. </body>
    18. </html>
    Code (Text):
    1. body
    2. {
    3. background-color:#1d1918;
    4. font-family:Verdana, Arial, Helvetica, sans-serif;
    5. font-size:12px;
    6. color:#907465;
    7. padding:0px;
    8. margin:0px;
    9. line-height:14px;
    10. }
    11.  
    12. a, a:link, a:visited
    13. {
    14. color:#907465;
    15. }
    16.  
    17. a:hover
    18. {
    19. text-decoration:none;
    20. color:#907465;
    21. }
    22.  
    23. /* LANGUAGE START */
    24.  
    25. #language
    26. {
    27.     font-size:10px;
    28.     width:200px;
    29.     height:14px;
    30.     position: absolute;
    31.     text-align:right;
    32.     top: 30px;
    33.     left:50px;
    34.     margin: 0px;
    35.     padding: 0px;
    36.     z-index: 1;
    37.     border:none;
    38. }
    39.  
    40. #language img
    41. {
    42. border:none;
    43. }
    44.  
    45. #language a:link, #language a:visited, #language a:hover
    46. {
    47. text-decoration:none;
    48. }
    49.  
    50. #flagg img
    51. {
    52. padding:0px;
    53. margin:0px;
    54. width:20px;
    55. height:14px;
    56. border:none;
    57. text-align:right;
    58. }
    59.  
    60. #flagg a
    61. {
    62. height:14px;
    63. margin-left:8px;
    64. }
    65.  
    66. /* LANGUAGE END */
    67.  
    68.  
    hat jemand nen rat? ich weiss nich mehr weiter :(

    gruss bernte
     
    #1      
  2. stb_87

    stb_87 Web-Sheriff - ohne Bild

    Dabei seit:
    13.05.2007
    Beiträge:
    1.895
    Geschlecht:
    männlich
    Software:
    dies & das
    rahmen um bildlinks
    AW: rahmen um bildlinks

    img {
    border: 0px;
    }

    Teste das mal.
     
    #2      
  3. bernte

    bernte Nicht mehr ganz neu hier

    Dabei seit:
    18.04.2005
    Beiträge:
    150
    Geschlecht:
    männlich
    Ort:
    Berlin
    rahmen um bildlinks
    AW: rahmen um bildlinks

    nope geht auch nicht :(
     
    #3      
  4. knispel

    knispel Mediendesigner

    Dabei seit:
    11.04.2007
    Beiträge:
    908
    Geschlecht:
    männlich
    Software:
    CS3
    Kameratyp:
    Nikon und Canon
    rahmen um bildlinks
    AW: rahmen um bildlinks

    Hi!

    Dann sollte es

    outline-style: none;

    richten.
     
    #4      
x
×
×