Anzeige

Dreamweaver 8 Hyperlink-Bilder Umrandung

Dreamweaver 8 Hyperlink-Bilder Umrandung | PSD-Tutorials.de

Erstellt von KarlKani21, 02.08.2008.

  1. KarlKani21

    KarlKani21 Noch nicht viel geschrieben

    Dabei seit:
    02.08.2008
    Beiträge:
    4
    Geschlecht:
    männlich
    Dreamweaver 8 Hyperlink-Bilder Umrandung
    Moin,

    zu Anfang möchte ich sagen, das ich ein absoluter Leihe bin.
    Ich arbeite mit DreamWeaver 8 (english).

    Zu meinem Problem:

    Ich bastel gerade ne Webseite und möchte dort Bilder als Hyperlink einfügen.
    Wenn ich dies tue erscheint immer ein komischer rand um das Bild.
    Sowohl wenn ich nicht auf das Bild geklickt habe und auch als Rollover.
    Wie kann ich es einrichten, das dort kein Rand erscheint?
    Hier mal ein Screen:

    [​IMG]
    Aslo der blaue Rand um das Bild stört.

    Ich habe hier schon ein wenig rum gelesen und mitbekommen das man das über die "Mody" unnd "Page prefs" ändern kann. Das hab ich probiert, bekomme aber die Fehlermeldung, dass es an der .css liegt.
    Wie die .css aufgebaut ist ,ahb ich mir autodidakt mäßig selbst erklärt.
    Leider weiss ich nicht welcher Wert für den Rand zuständig ist.
    Hier mal der css code:

    Code (Text):
    1. /* Global Styles */
    2.  
    3. body {
    4.     margin:0px;
    5.     }
    6.    
    7. td {
    8.     font:11px Verdana, Arial, Helvetica, sans-serif;
    9.     color:#003366;
    10.     }
    11.    
    12. a {
    13.     font-weight:bold;
    14.     }
    15.    
    16. a:hover {
    17.     color: #3366CC;
    18.     }
    19.  
    20. /* ID Styles */
    21.  
    22. #navigation td {
    23.     border-bottom: 2px solid #C0DFFD;
    24.     }
    25.    
    26. #navigation a {
    27.     font: 11px Verdana, Arial, Helvetica, sans-serif;
    28.     color: #003366;
    29.     line-height:16px;
    30.     letter-spacing:.1em;
    31.     text-decoration: none;
    32.     display:block;
    33.     padding:8px 6px 10px 26px;
    34.     background: url("mm_arrow.gif") 14px 45% no-repeat;
    35.     }
    36.    
    37. #navigation a:hover {
    38.     background: #ffffff url("mm_arrow.gif") 14px 45% no-repeat;
    39.     }
    40.    
    41. #logo     {
    42.     font:bolder 24px/30px Verdana, Arial, Helvetica, sans-serif;
    43.     color: #CCFF99;
    44.     letter-spacing:.2em;
    45.     }
    46.  
    47. #tagline     {
    48.     font:bold normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
    49.     color: #FF9933;
    50.     letter-spacing:.4em;
    51.     }
    52.  
    53. #monthformat {
    54.     border-bottom: 2px solid #E6F3FF;
    55.         }
    56.        
    57. #dateformat {
    58.     font:11px Verdana, Arial, Helvetica, sans-serif;
    59.     color: #003366;
    60.     letter-spacing:.2em;
    61.     }
    62.    
    63. #dateformat a {
    64.     font:11px Verdana, Arial, Helvetica, sans-serif;
    65.     color: #003366;
    66.     font-weight:bold;
    67.     letter-spacing:.1em;
    68.     }
    69.    
    70. #dateformat a:hover {
    71.     color: #FF6600;
    72.     letter-spacing:.1em;
    73.     }
    74.    
    75. /* Class Styles */
    76.    
    77. .bodyText {
    78.     font:11px Verdana, Arial, Helvetica, sans-serif;
    79.     color:#003366;
    80.     line-height:20px;
    81.     margin-top:0px;
    82.     }
    83.    
    84. .pageName{
    85.     font: 18px Verdana, Arial, Helvetica, sans-serif;
    86.     color: #3366CC;
    87.     line-height:24px;
    88.     letter-spacing:.2em;
    89.     }
    90.    
    91. .subHeader {
    92.     font:bold 10px Verdana, Arial, Helvetica, sans-serif;
    93.     color: #3366CC;
    94.     line-height:16px;
    95.     letter-spacing:.2em;
    96.     }
    97.  
    98. .quote {
    99.     font: 20px Verdana, Arial, Helvetica, sans-serif;
    100.     color: #759DA1;
    101.     line-height:30px;
    102.     }
    103.    
    104. .smallText {
    105.     font: 10px Verdana, Arial, Helvetica, sans-serif;
    106.     color: #003366;
    107.     }
    108.    
    109. .navText {
    110.     font: 11px Verdana, Arial, Helvetica, sans-serif;
    111.     color: #003366;
    112.     line-height:16px;
    113.     letter-spacing:.1em;
    114.     text-decoration: none;
    115.     }
    116.    
    117. ss
    118.  
    Wäre super wenn mir jemand helfen könnte!

    Danke im Vorraus!

    Mfg KarlKani21
     
    #1      
  2. KirschKeks

    KirschKeks Freaky Deluxe

    Dabei seit:
    11.08.2007
    Beiträge:
    445
    Geschlecht:
    weiblich
    Ort:
    Hamburg
    Software:
    Photoshop CS2
    Kameratyp:
    DSLR Canon 450D
    Dreamweaver 8 Hyperlink-Bilder Umrandung
    AW: Dreamweaver 8 Hyperlink-Bilder Umrandung

    Musst in deiner CSS-Datei folgenden Befehl eingeben, dass du keinen Rand willst:)


    versuchs mal müsste eigentlich so klappen



    lg KirschKeks
     
    #2      
  3. sokie

    sokie Mod | Web

    Dabei seit:
    23.03.2008
    Beiträge:
    5.338
    Geschlecht:
    männlich
    Ort:
    Bünde NRW
    Software:
    <br>COREL <br> Texteditor
    Dreamweaver 8 Hyperlink-Bilder Umrandung
    AW: Dreamweaver 8 Hyperlink-Bilder Umrandung

    Code (Text):
    1.  
    2. img {
    3.   border: 0 none;
    4. }
    5.  
     
    #3      
  4. KarlKani21

    KarlKani21 Noch nicht viel geschrieben

    Dabei seit:
    02.08.2008
    Beiträge:
    4
    Geschlecht:
    männlich
    Dreamweaver 8 Hyperlink-Bilder Umrandung
    AW: Dreamweaver 8 Hyperlink-Bilder Umrandung

    Vielen Dank...hat funktioniert!

    Man muss dem Ding halt nur sagen was es machen soll ;);););)
     
    #4      
x
×
×