将表中的图像对齐并添加标题标题行

问题描述：

我希望以下脚本中的图像与表格上方的右上角对齐。目前它与表格左上方对齐，这可能吗？另外，我想在表格顶部添加一个额外的标题行，使用固定标题跨越表格的宽度，这是否可以不破坏表格？将表中的图像对齐并添加标题标题行

#Set variables 
$image = "C:\Scriptrepository\XXXXX.gif" 
$ImageBits = [Convert]::ToBase64String((Get-Content $image -Encoding Byte)) 
$ImageHTML = "<img src=data:image/gif;base64,$($ImageBits) alt=XXXXX;/>" 
$CurrentDate = Get-Date -Format F 
$Post = "<br><br> Members of $ADGroupName <br> Generated on $CurrentDate" 

#Function for alternating table colour rows 
function global:Set-AlternatingRows { 
    [CmdletBinding()] 
    Param(
     [Parameter(Mandatory, ValueFromPipeline)] 
     [string]$Line, 

     [Parameter(Mandatory)] 
     [string]$CSSEvenClass, 

     [Parameter(Mandatory)] 
     [string]$CSSOddClass 
    ) 

    Begin { 
     $ClassName = $CSSEvenClass 
    } 
    Process { 
     if ($Line.Contains("<tr><td>")) { 
      $Line = $Line.Replace("<tr>","<tr class=""$ClassName"">") 
      if ($ClassName -eq $CSSEvenClass) { 
       $ClassName = $CSSOddClass 
      } else { 
       $ClassName = $CSSEvenClass 
      } 
     } 
     return $Line 
    } 
} 

#Function to validate request and create variable from input 
function global:GetADGroupMembersrecursively { 
    Write-Host "Enter Distribution List/AD Group name:" -ForegroundColor Green 
    $global:ADGroupName = Read-Host 
    if ([string]::IsNullOrEmpty($ADGroupName)) { 
     cls 
     Write-Host -ForegroundColor red "Cannot be blank, please re-enter AD Group/distribution list name" | Out-Null 
     GetADGroupMembersRecursively 
    } 
    $global:DLCheck = DSQuery group -Name "$ADGroupName" 
    if ($DLCheck -eq $null) { 
     cls 
     Write-Host -ForegroundColor red "Did not find AD Group/Distribution List, please verify this is the correct name" | Out-Null 
     GetADGroupMembersRecursively 
    } 
} 

GetADGroupMembersRecursively 

$Head = @" 
<style> 
BODY {font-family: Arial; font-size: 8pt; color: #4C607B;} 
TABLE{margin: auto; font-family: Segoe UI; box-shadow: 10px 10px 5px #888; width: 100%;height :50px;} 
TH, TD {border: 1px solid #ffffff; border-collapse: collapse;padding: 3px;} 
TH {font-size: 1.2em; background-color: #003366; color: #ffffff; } 
TD {color: #000000; } 
.even { background-color: #efefef; } 
.odd { background-color: #c0c0c0; } 
TR { background: #b8d1f3; } 
H4 {font-family: Arial; font-size: 12pt; color: #4C607B;align=right;} 
H5 {font-family: Arial; font-size: 8pt; color: #4C607B;align=right;} 
</style> 
"@ 

#Table creation 
Get-ADGroupMember -Identity $ADGroupName -Recursive | 
    Get-ADUser -pr GivenName, Surname, mail, sAMAccountName | 
    Select-Object GivenName, Surname, mail, sAMAccountName | 
    sort Surname | 
    ConvertTo-Html -Head $head -Body $ImageHTML -PostContent $Post -As Table | 
    Set-AlternatingRows -CSSOddClass odd -CSSEvenClass even | 
    Out-File C:\ScriptRepository\Results\$ADGroupName.htm 
Invoke-Item C:\ScriptRepository\Results\$ADGroupName.htm

首先，制定出_result_应该是什么 - 什么HTML和CSS会提供你想要的输出吗？一旦你有了，编写PowerShell代码来生成它应该相当简单。 –

它从AD查找生成一个表格，表格工作正常，只是将图像放置在表格的右侧，并在表格的顶部添加一行，并标题出现问题。 –

使用正确的HTML和CSS构建带有虚拟表格的网页，看起来像您想要的样子。如果需要的话，可以手工完成 - 即使它没有“真实”数据，你也只是想要一些看起来正确的东西。然后，使用它作为指导，您应该能够计算出脚本应该发出的HTML和CSS，以包装您从AD查找创建的表格。 –

答

把图像中的块级元素（<p>例如），并调整该元素的权利：

... 
$ImageHTML = "<p class='pic'><img src=.../></p>" 
... 
$Head = @" 
<style> 
... 
p.pic {text-align: right} 
... 
</style> 
"@ 
...

Cheers Ansgar，我将\t p.pic {text-align：right}添加到$ Head，并按照您的建议修改$ ImageHTML =“

NHSImprovement;/ “它的功能完美。非常感谢您的时间和帮助，非常感谢。 –

将表中的图像对齐并添加标题标题行

相关推荐