Avatar billede docks Nybegynder
10. november 2004 - 13:56 Der er 8 kommentarer

Printvenlig version af CSS

Hejsa

Jeg har lige bygget en side op med CSS. Det virker fint (i IE) Nu vil jeg gerne lave en printvenlig version af den, men jeg kan SLET ikke finde ud af det. Har rodet med det i vildt lang tid nu... Der sker ting i udskriften der bare ikke giver mening for mig.

Så først og fremmest har jeg brug for en der kan sit CSS og hurtugt kan overskue problematikken.

Såfremt der også er noget der gider så kunne jeg godt tænke mig en hånd med på optimering til Mozilla også. Men den printvenlige er vigtigst for mig :)

http://www.de-silva.dk/printcss/

Der er html'en og CSS filerne ligger også der (bare kig i source)...

Jeg håber virkelig der er en der kan hjælpe mig for jeg er ved at blive SINDSYG af at rode med det...

Meninger er at den del hvor al inhold skal printes ud og resten skal være "hidden"
Avatar billede docks Nybegynder
10. november 2004 - 14:07 #1
forresten så kan jeg kontaktes på msn: info@de-silva.dk
Avatar billede basementjack Nybegynder
10. november 2004 - 14:37 #2
Jeg vil gerne hjælpe.. Men jeg skal vide hvormeget af siden der skal printes ud.. Og så vil det være godt hvis dine billeder på siden også virker.. :)
Avatar billede docks Nybegynder
10. november 2004 - 15:00 #3
cool.

Det der skal printes er kun den boks til højre. Der vil både være billeder og tekst i den boks. Jeg smider billeder op med det samme. Tusinde tak ;)
Avatar billede basementjack Nybegynder
10. november 2004 - 15:18 #4
Virker dette css ikke :

css__________________________
#leftImageBar {display: none;}
#outerLeftMenu {display: none;}

body {
    background: white;
    }
   
#whiteContent {
    width: auto;
    margin: 0 5%;
    padding: 0;
    border: 0;
    float: none !important;
    color: black;
    background: transparent;
    }

#header {display:none;}
#logo {display:none;}
Avatar billede docks Nybegynder
10. november 2004 - 15:34 #5
ved du hvad jeg fandt selv en løsning.

Jeg valgte at bruge media="screen" på den eksisterende style således at når man printer så bruger den slet ikke den style :)

Jeg mangler lige at teste og se at det virker 100%.

Jeg er dog taknemmelig for din hjælp og vil da selvfølgelig give dig point.

Jeg afventer lige en lille dags tid og tester hvis der er ok med dig?
Avatar billede basementjack Nybegynder
10. november 2004 - 15:35 #6
Det er helt fint.. Du skriver bare igen, når der er noget.. :)
Avatar billede docks Nybegynder
10. november 2004 - 15:51 #7
float: none !important;  <---- hvad betyder dette?
Avatar billede basementjack Nybegynder
10. november 2004 - 15:55 #8
Det betyder at objektet ikke skal floate, dvs. fx at have tekstombrydning om sig, eller komme ud i en af siderne.. !important betyder at dette er vigtigt og hvis der laves om på reglen senere skal det ignoreres.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester