[HTML] Verlinkte Bild Datei hat einen hässlichen Rahmen

Dieses Thema im Forum "Webdesign" wurde erstellt von Massac3re, 6. Dezember 2009 .

  1. 6. Dezember 2009
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    Verlinkte Bild Datei hat einen hässlichen Rahmen

    Hi
    bin grad dabei html/xhtml und css zu lernen. Un habe da ein kleines Optisches Problem bei meinen Navigationsbuttons. Und zwar wenn ich einen Button verlinke zeigt mir der browser immer so einen Rahmen der mir wahrshceins sagen soll das auf dem Bild ein Link liegt aber da dass optisch gar nicht in mein Design passt muss der weg weis aber nicht wie ich das machen soll.

    hier mal ein screenshot:

    Bild
     
  2. 6. Dezember 2009
    AW: Verlinkte Bild Datei hat einen hässlichen Rahmen

    füg mal in die css-datei folgendes ein:
    PHP:
    #img a {
       
    border : 0px ;
    }
     
  3. 6. Dezember 2009
    AW: Verlinkte Bild Datei hat einen hässlichen Rahmen

    Ich nehme an, dass du das Bild mit <img src=".." einbindest?
    img muss das Attribut border="0" haben.
     
  4. 6. Dezember 2009
    AW: Verlinkte Bild Datei hat einen hässlichen Rahmen

    boarder hab ich schon probiert tut sich aber gar nichts.

    so hab ichs gemacht

    Code:
     <div id="navibereich">
    <ul>
     <li id="navi01"><a href="index.html"><img boarder=0 src="images/Bilder/newsbuttonun.png"/></a></li>
     <li id="navi02"><a href="biografie.html"><img boarder=0 src="images/Bilder/biografiebuttonun.png"/></a></li>
     <li id="navi03"><a href="discografie.html"><img src="images/Bilder/Discografiebuttonun.png"/></a></li>
     <li id="navi04"><a href="downloads.html"><img src="images/Bilder/downloadbuttonun.png"/></a></li>
     <li id="navi05"><a href="impressum.html"><img src="images/Bilder/impressumbuttonun.png"/></a></li>
     <li id="navi06"><a href="kontakt.html"><img src="images/Bilder/kontaktbuttonun.png"/></a></li>
     <li id="navi07"><a href="pics.html"><img src="images/Bilder/picsbuttonun.png"/></a></li>
    </ul>
     
  5. 6. Dezember 2009
    AW: Verlinkte Bild Datei hat einen hässlichen Rahmen

    Es heisst bo a rder
     
  6. 6. Dezember 2009
    AW: Verlinkte Bild Datei hat einen hässlichen Rahmen

    Upps das ist mir aber peinlich...
    ka wie ich auf Boarder gekommen bin
    Ok so funzt es
    mal ne andere Frage mit was kann ich in Css die Navi am besten positionieren .
    Weil ich hab eigentlich alles in den Hintergrund gehauen weil das so beschissen zu slicen ging und nur die navi ist sag ich mal im verdergrund.

    ich hoff du verstehst was ich meine
     
  7. 6. Dezember 2009
    AW: Verlinkte Bild Datei hat einen hässlichen Rahmen

    Verstehe grad nicht, was du meinst. Kannst vllt dazu nochmal 'n Screen posten oder so?
    Ansonsten kann ich dir die Seite css4you.de bzgl. CSS-Lernen empfehlen!
     
  8. 6. Dezember 2009
    AW: Verlinkte Bild Datei hat einen hässlichen Rahmen

    Wenn du schon CSS drin hast, dann nimm border aus den img-tags und packs, wie ich oben schon geschrieben hab, in die CSS-Datei.

    Wo und wie möchtest du die Navi denn haben?
     
  9. 6. Dezember 2009
    AW: Verlinkte Bild Datei hat einen hässlichen Rahmen

    Davon kann man kein Bild machen
    Weil das alles so schwert zu slicen war hab ich header,bg,footer und content in den hintergrund gepackt per background-image.
    das einzigste was nicht im hintergrund ist, ist die navi.
    Diese soll neben dem Content sein
    und ich weis jetz nciht mit welchem attribut im Css ich das jetz machen soll (absolute,...)
    Kapiert?
    Weil wenn ich mit absolute die genauen pixel angaben mache
    Dann stellt er mir das zwar dort hin und im dreamvearer ist es auch richtig
    aber der browser zeigt das aders an z.B im Zoom.

    mfg
     
  10. 6. Dezember 2009
    AW: Verlinkte Bild Datei hat einen hässlichen Rahmen

    beispiel von selfhtml:
    HTML:
    <div style="float:left; width:5em; border:2px solid gray;">navigation</div>
    <div style="border:2px solid blue;">content</div>
    
     
  11. 6. Dezember 2009
    AW: Verlinkte Bild Datei hat einen hässlichen Rahmen

    Hm hast du das Bild in den background vom body tag gehauen? Dann ist es klar, dass es verrutscht. Versuch es mal in einem div Tag mit fester Hoehe und Breite (dem BG-Bild entsprechend).
     
  12. 6. Dezember 2009
    AW: Verlinkte Bild Datei hat einen hässlichen Rahmen

    ich hab einen div um alle divs rumgemacht und dort backgorund image eingegeben
    ich versteh grad nicht ganz was du meinst wie ich es machen soll
     
  13. 6. Dezember 2009
    AW: Verlinkte Bild Datei hat einen hässlichen Rahmen

    Source waere jetzt angebracht. Das scheint mir doch ziemlich verwirrend.
    Hast du evtl 'n Link wo ichs mir mal ansehen koennte?
     
  14. 6. Dezember 2009
    AW: Verlinkte Bild Datei hat einen hässlichen Rahmen

    man -,-

    Ich hab 2 Div bereiche gemacht die in einem anderen div bereich liegen

    Also 2 div bereiche die von einem anderen div bereich umschlossen wird

    Bei video2brain nannten sie es wrapper
     
  15. 7. Dezember 2009
    AW: Verlinkte Bild Datei hat einen hässlichen Rahmen

    so werden die rahmen entfernt
    HTML:
    img {
     border:0;
    } 
    
     
  16. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.