Probleme beim Drucken der Seite

Ich habe ein Problem, wenn ich die Druckvorschau einer Seite anzeigen möchte. So sieht es im Browser aus.Probleme beim Drucken der Seite

enter image description here

Und das ist, wie es aussieht, wenn ich das vorherige Bild vizualize ich drucken möchten.

enter image description here

Dies sind die Stile, die ich benutze. Und prüfen Sie mit "media = 'print'". Auch hinzufügen ! Wichtig; am Ende des Stils

<!-- Latest Bootstrap min CSS --> 
    <link rel="stylesheet" href="/REDRIM/assets/bootstrap/css/bootstrap.min.css">  
    <!-- Google Font --> 
    <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,700' rel='stylesheet' type='text/css'> 
    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> 
    <link href='https://fonts.googleapis.com/css?family=Berkshire+Swash' rel='stylesheet' type='text/css'>  
    <!-- Font Awesome CSS --> 
    <link rel="stylesheet" href="/REDRIM/assets/fonts/font-awesome.min.css"> 
    <!-- magnific popup CSS --> 
    <link rel="stylesheet" href="/REDRIM/assets/css/magnific-popup.css"> 
    <!-- timeline CSS --> 
    <link rel="stylesheet" href="/REDRIM/assets/css/timeline.css"> 
    <!-- animate CSS -->   
    <link rel="stylesheet" href="/REDRIM/assets/css/animate.css">  
    <!-- Style CSS --> 
    <link rel="stylesheet" href="/REDRIM/assets/css/style.css">  
    <link rel="stylesheet" href="/REDRIM/assets/css/responsive.css"> 
    <link rel="stylesheet" href="/REDRIM/assets/bootstrap/css/print.css" media="print">

Was ich will, ist die Verbindung zu entfernen, die auf dem Etikett

a{outline: none !important; 
    color: #337ab7; 
    text-decoration: none; 
    background-color: transparent;}

Versuchen Sie, die folgenden Stil erscheint, aber ich verknüpfen, wenn die Vorschau zu erzeugen noch drucken möchten.

Quelle

2016-09-28 Zadot

Sie haben wahrscheinlich etwas in Ihrem Stylesheet, das besagt, dass es mit dem Link in Klammern gedruckt werden soll. Entfernen Sie den Code, der wie folgt aussieht:

a[href]:after { 
    content: " (" attr(href) ")" 
}

Oder Sie können es mit dieser außer Kraft setzen:

@media print { 
    a[href]:after { 
    content: none !important; 
    } 
}

Quelle

2016-09-28 17:22:45

Dies ist die Antwort: diese Verbindungen sind nicht nur zeigt sich auf eigene Faust. Sie werden genau so von CSS dorthin gebracht. Am besten, das CSS zu finden und es zu beseitigen. Das Überschreiben wird funktionieren, aber dann hast du sinnloses Css irgendwo herumgesessen und darauf gewartet, dich auf unerwartete Weise in den Hintern zu beißen. –

Danke ... Ich habe gearbeitet. Aber am Ende wurde nur die paar Etiketten "@media print" entfernt, die in der Datei "bootstrap.min.css" waren. Trotzdem danke. – Zadot

Sie sollten Code aus dem Bootstrap-Stylesheet nicht löschen, da Sie nicht wissen, welche Auswirkungen es haben wird. Es ist besser, einfach ein eigenes benutzerdefiniertes Stylesheet zu schreiben und dieses mit Vorrang vor Bootstraps zu referenzieren. –

Probleme beim Drucken der Seite

Antwort

Verwandte Themen