styling

Hi. My page is displaying as like this please help me

same here, i correctly wrapped up the element like this

`< div id="printpage" >
< h1 >Test< /h1 >
< /div >

< button class="md-icon-button md-primary md-raised" ng-print print-element-id="printpage" md-button>< i class="fa fa-print">< /i >`

Looking the same, defining other element ids does not fix it

Same issue + table tags are not recognized

Hi Everyone. I am posting the css files here. just replace your css file with my file and all be work fine.
I have done with this issue.
thanx

@media screen {
#printSection {
display: none;
}
}

@media print {
body * {
display:none;
}

#printSection, #printSection * {
    display: inline-block;
    
}

table {
    table-layout: auto;
}
td {
    border: 1px solid #ccc;
    width: 160px;
    height: auto;
}
th {
    border: 1px solid #ccc;
    width: 160px;
    height: auto;
}
th:nth-child(2) {
    border: 1px solid #ccc;
    width: 210px;
    height: auto;
}
td:nth-child(2) {
    border: 1px solid #ccc;
    width: 210px;
    height: auto;
}

#printSection {
    position:absolute;
    left:0;
    top:0;
}

}

github is not allowing me to attach a .css file and me too lazy to change extension. I have pasted the css file contents here. replace your css file contents with my css contents. if some issue persists then play with css little bit and it will fix.
thnx.

Navigation Menu

Repository navigation

styling #21

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

styling #21

Description

Activity

xzessmedia commented on Aug 15, 2017

raszkiewicz commented on Sep 14, 2017

ranamateenft commented on Sep 15, 2017

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions