Anzeige

Problem mit den Farben im IE & Menügestaltung

Problem mit den Farben im IE & Menügestaltung | PSD-Tutorials.de

Erstellt von nicovod, 16.11.2008.

  1. nicovod

    nicovod Shichi Fukujin v.1.0

    Dabei seit:
    31.05.2008
    Beiträge:
    80
    Geschlecht:
    männlich
    Software:
    Adobe Photoshop CS3, Notepad++
    Kameratyp:
    Canon Powershot A540
    Problem mit den Farben im IE & Menügestaltung
    Ich bin gerade dabei für meine Seite http://www.cofilew.de
    ein eigenes Wordpress Theme zu machen, soweit so gut, eigentlich sogar fertig wer da nicht der IE >.< Ich bin jetzt soweit das die seite fast komplett genauso dargestellt wird wie im FF doch der IE stellt die farben einfach anders da >.<

    Im Firefox :
    [​IMG]

    Im Internet Explorer :
    [​IMG]

    Zur Info : Alle Grafiken wurden in Photoshop erstellt mit dem genauen Wert #242424, das selbe wurde auch in der CSS Datei Eingetragen!
    ------------------------------------------------------------------------

    Das Zweite Problem was ich hab was man oben in den Screenshots sieht ist die gestaltung des menüs, die buttons sollten direkt nebeneinander sein was aber nicht ist, ich dachte zuerst es wär ein border ist es aber auch nicht.

    Die Buttons wurden mit folgendem Code eingefügt :
    HTML:
    1. <a href="<?php echo get_option('home'); ?>/"><img onmouseover="this.src='http://www.cofilew.de/wp-content/themes/cofilew/images/startseitebuttonhover.gif'" onmouseout="this.src='http://www.cofilew.de/wp-content/themes/cofilew/images/startseitebutton.gif'" src="http://www.cofilew.de/wp-content/themes/cofilew/images/startseitebutton.gif" /></a>
    2. <a href="/uber-mich/"><img onmouseover="this.src='http://www.cofilew.de/wp-content/themes/cofilew/images/uebermichbuttonhover.gif'" onmouseout="this.src='http://www.cofilew.de/wp-content/themes/cofilew/images/uebermichbutton.gif'" src="http://www.cofilew.de/wp-content/themes/cofilew/images/uebermichbutton.gif" /></a>
    3. <a href="/artworks/"><img onmouseover="this.src='http://www.cofilew.de/wp-content/themes/cofilew/images/artworksbuttonhover.gif'" onmouseout="this.src='http://www.cofilew.de/wp-content/themes/cofilew/images/artworksbutton.gif'" src="http://www.cofilew.de/wp-content/themes/cofilew/images/artworksbutton.gif" /></a>
    4. <a href="/themes/"><img onmouseover="this.src='http://www.cofilew.de/wp-content/themes/cofilew/images/themesbuttonhover.gif'" onmouseout="this.src='http://www.cofilew.de/wp-content/themes/cofilew/images/themesbutton.gif'" src="http://www.cofilew.de/wp-content/themes/cofilew/images/themesbutton.gif" /></a>
    5. <a href="/impressum/"><img onmouseover="this.src='http://www.cofilew.de/wp-content/themes/cofilew/images/impressumbuttonhover.gif'" onmouseout="this.src='http://www.cofilew.de/wp-content/themes/cofilew/images/impressumbutton.gif'" src="http://www.cofilew.de/wp-content/themes/cofilew/images/impressumbutton.gif" /></a>
    6. <a href="/kontakt/"><img onmouseover="this.src='http://www.cofilew.de/wp-content/themes/cofilew/images/kontaktbuttonhover.gif'" onmouseout="this.src='http://www.cofilew.de/wp-content/themes/cofilew/images/kontaktbutton.gif'" src="http://www.cofilew.de/wp-content/themes/cofilew/images/kontaktbutton.gif" /></a>
    7. </div>
    hier die gesamte style.css :
    HTML:
    1.  
    2.  
    3. .post-info {
    4. height: 18px;
    5. line-height: 11px;
    6. background-color : #242424;
    7. margin : 0px 0px 0px 0px;
    8. padding : 0px 0px 0px 0px;
    9. font-size : 13px;
    10. color: #319af6;
    11. }
    12.  
    13. #content .post-info .category {
    14. background:transparent url('images/box.png')
    15. left top no-repeat;
    16. padding-left : 20px;
    17. }
    18. #content .post-info .clock {
    19. background:transparent url('images/clock.png');
    20. background-repeat: no-repeat;
    21. padding-left : 20px;
    22. }
    23. #content .post-info .user {
    24. background:transparent url('images/user_gray.png');
    25. background-repeat: no-repeat;
    26. padding-left : 20px;
    27. }
    28.  
    29. #content .post-info .comment {
    30. background:transparent url('images/comment.png');
    31. background-repeat: no-repeat;
    32. padding-left : 20px;
    33. }
    34.  
    35. .post-info .category {
    36. background:transparent url('images/box.png');
    37. background-repeat: no-repeat;
    38. padding-left : 20px;
    39. }
    40.  
    41. /* Ende Post-info */
    42.  
    43. /* Begin Typographie & Farben */
    44. body {
    45.    font-size: 62.5%; /* Setzt 1em zu 10px zurück */
    46.     font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    47.     background-color: #d5d6d7;
    48.     color: #ffffff;
    49.     text-align: center;
    50.     }
    51.  
    52. #page {
    53.     background-color: white;
    54.     border: 1px solid #959596;
    55.     text-align: left;
    56.     }
    57.  
    58. #header {
    59.     background-color: #242424;
    60.     }
    61.  
    62. #content {
    63.     font-size: 1.2em
    64.     }
    65.  
    66. .widecolumn .entry p {
    67.     font-size: 1.05em;
    68.     }
    69.  
    70. .narrowcolumn .entry, .widecolumn .entry {
    71.     line-height: 1.4em;
    72.     }
    73.  
    74. .widecolumn {
    75.     line-height: 1.6em;
    76.     }
    77.    
    78. .narrowcolumn .postmetadata {
    79.     text-align: center;
    80.     }
    81.  
    82. .alt {
    83.     background-color: #333333;
    84.     border-top: 1px dashed #e6e6e6;
    85.     border-bottom: 1px dashed #e6e6e6;
    86.     }
    87.  
    88. #footer {
    89.     background-color: #242424;
    90.     }
    91.  
    92. small {
    93.     font-family: Arial, Helvetica, Sans-Serif;
    94.     font-size: 0.9em;
    95.     line-height: 1.5em;
    96.     }
    97.  
    98. h1, h2, h3 {
    99.     font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    100.     font-weight: bold;
    101.     }
    102.  
    103. h1 {
    104.     font-size: 4em;
    105.     text-align: center;
    106.     }
    107.  
    108. .description {
    109.     font-size: 1.2em;
    110.     text-align: center;
    111.     }
    112.  
    113. h2 {
    114.     font-size: 1.6em;
    115.     }
    116.  
    117. h2.pagetitle {
    118.     font-size: 1.6em;
    119.     }
    120.  
    121. #sidebar h2 {
    122.     font-family: 'Lucida Grande', Verdana, Sans-Serif;
    123.     font-size: 1.2em;
    124.     }
    125.  
    126. h3 {
    127.     font-size: 1.3em;
    128.     }
    129.  
    130. h1, h1 a, h1 a:hover, h1 a:visited, .description {
    131.     text-decoration: none;
    132.     color: #85da00;
    133.     }
    134.  
    135. h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
    136.     color: #85da00;
    137.     }
    138.  
    139. h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
    140.     text-decoration: none;
    141.     color: #ffffff;
    142.     }
    143.  
    144. .entry p a:visited {
    145.     color: #000000;
    146.     }
    147.  
    148. .commentlist li, #commentform input, #commentform textarea {
    149.     font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    150.     }
    151.    
    152. .commentlist li {
    153.     font-weight: bold;
    154.     }
    155.  
    156. .commentlist cite, .commentlist cite a {
    157.     font-weight: bold;
    158.     font-style: normal;
    159.     font-size: 1.1em;
    160.     }
    161.  
    162. .commentlist p {
    163.     font-weight: normal;
    164.     line-height: 1.5em;
    165.     text-transform: none;
    166.     }
    167.  
    168. #commentform p {
    169.     font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    170.     }
    171.  
    172. .commentmetadata {
    173.     font-weight: normal;
    174.     }
    175.  
    176. #sidebar {
    177.     font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    178.     }
    179.  
    180. small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    181.     color: #ffffff;
    182.     }
    183.    
    184. code {
    185.     font: 1.1em 'Courier New', Courier, Fixed;
    186.     }
    187.  
    188. acronym, abbr, span.caps
    189. {
    190.     font-size: 0.9em;
    191.     letter-spacing: .07em;
    192.     }
    193.  
    194. a, h2 a:hover, h3 a:hover {
    195.     color: #85da00;
    196.     text-decoration: none;
    197.     }
    198.  
    199. a:hover {
    200.     color: #85da00;
    201.     text-decoration: underline;
    202.     }
    203.    
    204. #wp-calendar #prev a {
    205.     font-size: 9pt;
    206.     }
    207.  
    208. #wp-calendar a {
    209.     text-decoration: none;
    210.     }
    211.  
    212. #wp-calendar caption {
    213.     font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    214.     text-align: center;
    215.     }
    216.  
    217. #wp-calendar th {
    218.     font-style: normal;
    219.     text-transform: capitalize;
    220.     }
    221. /* Ende Typographie & Farben */
    222.  
    223.  
    224.  
    225. /* Beginn Struktur */
    226. body {
    227.    margin: 0;
    228.     padding: 0;
    229.     }
    230.  
    231. #page {
    232.     background-color: white;
    233.     margin: 10px auto;
    234.     padding: 0px 0px 0px 0px;
    235.     width: 820px;
    236.     border: 1px solid #959596;
    237.     }
    238.    
    239. #header {
    240.     padding: 0;
    241.     margin: 0 auto;
    242.     height: 138px;
    243.     width: 100%;
    244.     background-color: #73a0c5;
    245.     }
    246.  
    247. #menu {
    248. text-align: center;
    249. margin : 0;
    250. padding: 0;
    251. }
    252.    
    253. #headerimg {
    254.     margin: 0;
    255.     height: 138px;
    256.     width: 100%;
    257.     }
    258.  
    259. .narrowcolumn {
    260.     float: left;
    261.     padding: 10px 0 20px 17px;
    262.     margin: 0px 10px 0;
    263.     width: 530px;
    264.     }
    265.  
    266. .widecolumn {
    267.     padding: 10px 0 20px 0;
    268.     margin: 5px 0 0 185px;
    269.     width: 450px;
    270.     }
    271.    
    272. .post {
    273.     margin: 0 0 40px;
    274.     text-align: justify;
    275.     }
    276.  
    277. .widecolumn .post {
    278.     margin: 0;
    279.     }
    280.  
    281. .narrowcolumn .postmetadata {
    282.     padding-top: 5px;
    283.     }
    284.  
    285. .widecolumn .postmetadata {
    286.     margin: 30px 0;
    287.     }
    288.    
    289. #footer {
    290.     padding: 0 0 0 1px;
    291.     margin: 0 auto;
    292.     width: 820px;
    293.     clear: both;
    294.     }
    295.  
    296. #footer p {
    297.     margin: 0;
    298.     padding: 20px 0;
    299.     text-align: center;
    300.     }
    301. /* End Struktur */
    302.  
    303.  
    304.  
    305. /*    Beginn Überschriften */
    306. h1 {
    307.     font-size: 60%;
    308.     color: #ffffff;
    309.     padding-top: 40px;
    310.     margin: 0;
    311.     }
    312.  
    313. .description {
    314.     text-align: center;
    315.     }
    316.  
    317. h2 {
    318.     margin: 30px 0 0;
    319.     }
    320.  
    321. h2.pagetitle {
    322.     margin-top: 30px;
    323.     text-align: center;
    324. }
    325.  
    326. #sidebar h2 {
    327.     margin: 5px 0 0;
    328.     padding: 0;
    329.     }
    330.  
    331. h3 {
    332.     padding: 0;
    333.     margin: 30px 0 0;
    334.     }
    335.  
    336. h3.comments {
    337.     padding: 0;
    338.     margin: 40px auto 20px ;
    339.     }
    340. /* Ende Überschriften */
    341.  
    342.  
    343.  
    344. /* Beginn Bilder */
    345. p img {
    346.     padding: 0;
    347.     max-width: 100%;
    348.     }
    349.  
    350. /*    Using 'class="alignright"' on an image will (who would've
    351.     thought?!) align the image to the right. And using 'class="centered',
    352.     will of course center the image. This is much better than using
    353.     align="center", being much more futureproof (and valid) */
    354.    
    355.    
    356. img.centered {
    357.     display: block;
    358.     margin-left: auto;
    359.     margin-right: auto;
    360.     }
    361.    
    362. img.alignright {
    363.     padding: 4px;
    364.     margin: 0 0 2px 7px;
    365.     display: inline;
    366.     }
    367.  
    368. img.alignleft {
    369.     padding: 4px;
    370.     margin: 0 7px 2px 0;
    371.     display: inline;
    372.     }
    373.  
    374. .alignright {
    375.     float: right;
    376.     }
    377.    
    378. .alignleft {
    379.     float: left
    380.     }
    381. /* Ende Bilder */
    382.  
    383.  
    384.  
    385. /* Begin Listen */
    386.  
    387. html>body .entry ul {
    388.     margin-left: 0px;
    389.     padding: 0 0 0 30px;
    390.     list-style: none;
    391.     padding-left: 10px;
    392.     text-indent: -10px;
    393.     }
    394.  
    395. html>body .entry li {
    396.     margin: 7px 0 8px 10px;
    397.     }
    398.  
    399. .entry ul li:before, #sidebar ul ul li:before{
    400.     content: "\00BB \0020";
    401.     }
    402.  
    403. .entry ol {
    404.     padding: 0 0 0 35px;
    405.     margin: 0;
    406.     }
    407.  
    408. .entry ol li {
    409.     margin: 0;
    410.     padding: 0;
    411.     }
    412.  
    413. .postmetadata ul, .postmetadata li {
    414.     display: inline;
    415.     list-style-type: none;
    416.     list-style-image: none;
    417.     }
    418.    
    419. #sidebar ul, #sidebar ul ol{
    420.     margin: 0px;
    421.     padding: 0px;
    422.     }
    423.  
    424. #sidebar ul{
    425.     list-style-type: none;
    426.     list-style-image:none;
    427.     margin-bottom: 15px;
    428.     }
    429.    
    430. #sidebar ul li{
    431.     list-style-type: none;
    432.     margin-bottom: 15px;
    433.     }
    434.  
    435. #sidebar ul p, #sidebar ul select {
    436.     margin: 5px 0 8px;
    437.     }
    438.  
    439. #sidebar ul ul, #sidebar ul ol {
    440.     margin: 5px 0 0 10px;
    441.     }
    442.  
    443. #sidebar ul ul ul, #sidebar ul ol{
    444.     margin: 0 0 0 10px;
    445.     }
    446.  
    447. ol li, #sidebar ul ol li {
    448.     list-style: decimal outside;;
    449.     }
    450.  
    451. #sidebar ul ul li, #sidebar ul ol li {
    452.     margin: 3px 0 0;
    453.     padding: 0;
    454.     }
    455. /* Ende Listen */
    456.  
    457.  
    458.  
    459. /* Beginn Form Elemente */
    460. #searchform {
    461.     margin: 10px auto;
    462.     padding: 5px 3px;
    463.     }
    464.  
    465. #sidebar #searchform #s {
    466.     width: 115px;
    467.     padding: 2px;
    468.     }
    469.  
    470. #sidebar #searchsubmit {
    471.     padding: 1px;
    472.     }
    473.  
    474. .entry form { /* Nur für Passwortgeschütze Artikel */
    475.     text-align:center;
    476.     }
    477.  
    478. select {
    479.     width: 130px;
    480.     }
    481.  
    482. #commentform input {
    483.     width: 170px;
    484.     padding: 2px;
    485.     margin: 5px 5px 1px 0;
    486.     }
    487.  
    488. #commentform textarea {
    489.     width: 100%;
    490.     padding: 2px;
    491.     }
    492.  
    493. #commentform #submit {
    494.     margin: 0;
    495.     float: right;
    496.     }
    497. /* Ende Form Elemente */
    498.  
    499.  
    500.  
    501. /* Begin Kommentare*/
    502. .alt {
    503.     margin: 0;
    504.     padding: 10px;
    505.     }
    506.  
    507. .commentlist {
    508.     padding: 0;
    509.     text-align: justify;
    510.     }
    511.  
    512. .commentlist li {
    513.     margin: 15px 0 3px;
    514.     padding: 5px 10px 3px;
    515.     list-style: none;
    516.     }
    517.  
    518. .commentlist p {
    519.     margin: 10px 5px 10px 0;
    520.     }
    521.  
    522. #commentform p {
    523.     margin: 5px 0;
    524.     }
    525.  
    526. .nocomments {
    527.     text-align: center;
    528.     margin: 0;
    529.     padding: 0;
    530.     }
    531.  
    532. .commentmetadata {
    533.     margin: 0;
    534.     display: block;
    535.     }
    536. /* Ende Kommentare*/
    537.  
    538.  
    539.  
    540. /* Beginn Sidebar */
    541. #sidebar {
    542.     padding: 20px 0px 0px 20px;
    543.     text-align:left;
    544.     float:right;
    545.     width: 220px;
    546.     }
    547.  
    548. #sidebar form {
    549.     margin: 0;
    550.     }
    551. /* Ende Sidebar */
    552.  
    553.  
    554.  
    555. /* Beginn Kalendar */
    556. #wp-calendar {
    557.     empty-cells: show;
    558.     margin: 10px auto 0;
    559.     width: 155px;
    560.     }
    561.  
    562. #wp-calendar #next a {
    563.     padding-right: 10px;
    564.     text-align: right;
    565.     }
    566.  
    567. #wp-calendar #prev a {
    568.     padding-left: 10px;
    569.     text-align: left;
    570.     }
    571.  
    572. #wp-calendar a {
    573.     display: block;
    574.     }
    575.  
    576. #wp-calendar caption {
    577.     text-align: center;
    578.     width: 100%;
    579.     }
    580.  
    581. #wp-calendar td {
    582.     padding: 3px 0;
    583.     text-align: center;
    584.     }
    585.  
    586. #wp-calendar td.pad:hover { /* Doesn't work in IE */
    587.     background-color: #fff; }
    588. /* Ende Kalendar */
    589.  
    590.  
    591.  
    592. /* Beginn Verschiedener Tags & Klassen */
    593. acronym, abbr, span.caps {
    594.    cursor: help;
    595.     }
    596.  
    597. acronym, abbr {
    598.     border-bottom: 1px dashed #999;
    599.     }
    600.  
    601. blockquote {
    602.     margin: 15px 30px 0 10px;
    603.     padding-left: 20px;
    604.     border-left: 5px solid #ddd;
    605.     }
    606.  
    607. blockquote cite {
    608.     margin: 5px 0 0;
    609.     display: block;
    610.     }
    611.  
    612. .center {
    613.     text-align: center;
    614.     }
    615.  
    616. hr {
    617.     display: none;
    618.     }
    619.  
    620. a img {
    621.     border: none;
    622.     }
    623.  
    624. .navigation {
    625.     display: block;
    626.     text-align: center;
    627.     margin-top: 10px;
    628.     margin-bottom: 60px;
    629.     }
    630. /* Ende Verschiedener Tags & Klassen*/
    Hoffe ihr habt ne Lösung für das Problem, wollte das Design eigentlich ende der Woche fertiggestellt haben.

    Vielen Dank im Vorraus
     
    #1      
  2. eisfritze

    eisfritze Rocker

    Dabei seit:
    28.03.2008
    Beiträge:
    461
    Geschlecht:
    männlich
    Ort:
    Königs Wusterhausen
    Software:
    PS CS6 / AE CS6-CC / Premiere CS6-CC
    Kameratyp:
    Sony Alpha 300
    Problem mit den Farben im IE & Menügestaltung
    AW: Problem mit den Farben im IE & Menügestaltung

    Hab ich Tomaten auf den Augen? Ich sehe keinen Unterschied.
    Aber das Problem ist bekannt, dass manche Dinge anders dargestellt werden. Ich habe mich
    damals an die Jungs von Firefox gewandt. Die gaben mir dann den richtigen Code. Schau mal
    bitte hier nach: Webbrowser Firefox & E-Mail-Client Thunderbird | Mozilla Europe
    Da wird dir geholfen.
     
    #2      
  3. stb_87

    stb_87 Web-Sheriff - ohne Bild

    Dabei seit:
    13.05.2007
    Beiträge:
    1.895
    Geschlecht:
    männlich
    Software:
    dies & das
    Problem mit den Farben im IE & Menügestaltung
    AW: Problem mit den Farben im IE & Menügestaltung

    Welche Version vom IE?!? Version 6?!?

    Da gibt es auch schon kleine, aber feine Unterschiede.

    Im IE 6 wird bei Grafiken automatisch 3px abstand eingefügt. Keine Ahnung jetzt, wie der "Fachausdruck" für den Fehler ist.

    Alternativ könntest du aber statt der einzelnen Grafiken einzubinden, die Bilder mit unterschiedilchen Klassen oder IDs einbinden und dann mit dem Hover effekt versehen. Ist eine shcönere Lösung als die jetzige.

    Edit:

    Es gibt so genannte "Websichere Farben". Die werden garantiert überall gleich angezeigt. Bei anderen Farben kann es durchaus zu Abweichungen kommen.
     
    #3      
  4. 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
    Problem mit den Farben im IE & Menügestaltung
    AW: Problem mit den Farben im IE & Menügestaltung

    vielleicht solltest du statt der gif buttons png buttons nehmen. das gifkann nur 255 farben darstellen.
    (übrigens kommt man mit den Beispielen, die nun jpg sind nicht wirklich weiter. ein link zur Seite wäre einfacher.)
     
    #4      
  5. nicovod

    nicovod Shichi Fukujin v.1.0

    Dabei seit:
    31.05.2008
    Beiträge:
    80
    Geschlecht:
    männlich
    Software:
    Adobe Photoshop CS3, Notepad++
    Kameratyp:
    Canon Powershot A540
    Problem mit den Farben im IE & Menügestaltung
    AW: Problem mit den Farben im IE & Menügestaltung

    Im IE 7 tauchte dieses Problem auf, ich habe das Theme nun mal aktiviert aber wie gesagt ist noch nicht so ganz fertig.

    Hmm nur ich frag mich wie ich das mit CSS Lösen soll, mir fällt jetzt nur die methode ein :

    a.menu:link {
    background-image : url('bla');
    }

    a.menu:hover {
    background-image : url ('blahover');
    }


    nur wie löse ich das dann im html bereich ?

    <a href="blbabla" class="menu"></a> (und zwischen <a> und </a> kommt dann nichts? )

    Nur fals der IE 7 die farbe jetzt nicht unterstützt kann ich also das komplette konzept umwerfen oder wie ? ist doch nicht normal alle anderen Programmen stellen die farbe richtig da.

    /edit: mir ist gerade was aufgefallen, der stellt die farbe von den buttons und den infobalken richtig dar, der stellt aber die farbe der kompletten seite viel zu dunkel dar

    Vergleicht mal im Firefox 3 und im Internet Explorer 7 (fals ihr besitzt)
     
    #5      
  6. Top_Gun

    Top_Gun Aktives Mitglied

    Dabei seit:
    24.07.2008
    Beiträge:
    965
    Geschlecht:
    männlich
    Problem mit den Farben im IE & Menügestaltung
    AW: Problem mit den Farben im IE & Menügestaltung

    Im IE6 gibt es die Farbdifferenzen auch aber da dort die ganze Seite nicht richtig dargestellt wird, ist das wohl Nebensache...
     
    #6      
  7. nicovod

    nicovod Shichi Fukujin v.1.0

    Dabei seit:
    31.05.2008
    Beiträge:
    80
    Geschlecht:
    männlich
    Software:
    Adobe Photoshop CS3, Notepad++
    Kameratyp:
    Canon Powershot A540
    Problem mit den Farben im IE & Menügestaltung
    AW: Problem mit den Farben im IE & Menügestaltung

    ehrlich gesagt es ist mir egal mittlerweile, ich hab grad per http://browsershots.org das ergebnis gesehen, also wie es im IE oder auf anderen Browsern aussieht und das ist nicht mehr ganz koscher, ich denke ich werde mich erstmal noch etwas weiter mit HTML und CSS beschäftigen und mich dann nochmal ranwagen :(

    Wieso gibt es nicht einfach nur Firefox :(
     
    #7      
  8. 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
    Problem mit den Farben im IE & Menügestaltung
    AW: Problem mit den Farben im IE & Menügestaltung

    doch. Du notierst einfach wie einen gewöhnlichen Textlink:
    <a href="">linktext</a>

    in der css Formatierung nimmst du den Text aber aus dem sichtbaren Bereich heraus:

    Code (Text):
    1.  
    2. #meinMenu a{
    3.     text-indent: -2000px;
    4. }
    5.  
    der Hintergrund ist der, dass der Text, der für den Link steht so auch von suchmaschinen und textbrowsern identifiziert werden kann
     
    #8      
  9. Skate4Life

    Skate4Life Guest

    Problem mit den Farben im IE & Menügestaltung
    AW: Problem mit den Farben im IE & Menügestaltung

    Hi, ich habe bei photoshop meine Farbenquelle gesucht. Beispiel ff0023
    aber in html wird es als anders angezeigt =/
     
    #9      
x
×
×
teststefan