Dica 1: como definir a largura de uma tabela
Dica 1: como definir a largura de uma tabela
Instruções para o idioma HTML (HyperText Markup Language ou "HyperText Markup Language") que formam tabelas, colocados em páginas web, fornecemum grande número de parâmetros adicionais. Isso permite, ao contrário de outros elementos de bloco, definir dimensões não só com a ajuda do idioma CSS (Cascading Style Sheets ou "Cascading tabelas estilos "), mas também os meios do próprio HTML.
Instruções
1
Use o atributo width da tag da tabela para especificar a largura tabelas em pixels. A tabela tag (a instrução HTML) consiste em uma abertura (<tabela>) e uma parte de fechamento (</ table>), entre as quais são as tags que formam cadeias de caracteres e células tabelas. A etiqueta de abertura pode ser colocadaParâmetros adicionais (atributos), cuja lista para cada tag específico é determinada por padrões internacionais. Para a tag da tabela, esses padrões permitem o uso do atributo de largura, que especifica amplitude tabelas em pixels. Olhe o código HTML do mais simples tabelas com uma etiqueta que define amplitude em 500 pixels, pode, por exemplo, assim: <tabela largura = "500"> <tr> <td> 1ª célula </ td> <td> 2ª célula </ td> </ tr> </ table>
2
Adicione um% de caractere ao valor do atributo de largura, se amplitude tabelas é necessário especificar em porcentagem, em vez de em pixels:<tabela largura = "60%"> <tr> <td> 1ª célula </ td> <td> 2ª célula </ td> </ tr> </ table> Observe que essas porcentagens não serão necessariamente contadas da largura da janela do navegador. A estrutura do documento é importante aqui - como um matryoshka aninhado não pode ser mais amplo do que aquele em que está aninhado e 100% da largura tabelas não pode ser maior do que a largura do elemento pai. Por exemplo, se a tabela estiver dentro do bloco div, serão aceitos 100% da largura desse bloco.
3
Use as instruções do idioma da descrição do estilo se desejar especificar o mesmo amplitude tabelas colocadas em uma página da web. Para fazer isso, primeiro coloque as tags de abertura e fechamento que limitam as instruções do idioma CSS na parte do cabeçalho do HTML (entre <head> e </ head>): <style type = "text / css"> / * aqui haverá instruções CSS * / </ style> Então, entre estas tags, coloque o seguinte código CSS: table {width: 100px;} Aqui, a tabela indica que a descrição colocada dentro das chaves deve ser aplicada a todas as tags da tabela encontradas no código da página. Bem, a largura do parâmetro especifica amplitude. Aqui, também, pode-se usar o parente amplitude em percentagem.
4
Especifique no código CSS e na tag HTML da tabela o nome da classe, se você especificar amplitude não para todas as tabelas, mas apenas para uma ouvários. Por exemplo, deixe a classe que marca um grupo de tabelas estreitas ser chamado de minúsculo. Então a descrição de seu estilo pode ser assim: table.tiny {width: 100px;} E a tag correspondente de uma das tabelas no código HTML é: <tt> <tt> 1ª célula </ td> <td> 2ª célula </ td> </ tr> </ table>
Dica 2: como definir a largura
Largura da coluna em documentos de planilhaO Microsoft Office Excel determina a facilidade de uso e aparência. Este parâmetro é especialmente importante ao imprimir tabelas. No Excel, existem várias maneiras de definir a largura das colunas: a introdução de números, arrastando bordas. E você pode confiar na seleção do parâmetro para o próprio programa.
Você precisará
- Folha de cálculo do Microsoft Office Excel.
Instruções
1
Para definir a mesma largura fixaAgrupar as colunas da tabela começam com a seleção. Clique no título de uma das colunas, depois pressione a tecla Shift e use a seta para a esquerda ou para a direita para expandir a seleção para as outras colunas desejadas.
2
Escolha uma das maneiras de definir a largura paragrupo de colunas selecionadas. Você pode fazer isso especificando um valor numérico exato, ou escolha o tamanho certo visualmente. Para usar a primeira opção, clique no intervalo de colunas selecionado com o botão direito do mouse e selecione "Largura da coluna" no menu de contexto. Digite um valor numérico e clique em OK. Os tamanhos de célula padrão no Excel são especificados em unidades chamadas pontos. Cada um deles é 1/72 de polegada ou 1/28 de um centímetro.
3
A segunda opção visual é implementada comUse o mouse. Passe o ponteiro para a borda entre os cabeçalhos de duas colunas. Quando o cursor muda de aparência e se torna uma seta horizontal bidirecional, pressione o botão esquerdo e mova ou mova a borda para a largura desejada.
4
Se você precisa instalar para cada coluna amplitude, correspondendo à largura dos dados colocados nele,selecione todas as células na planilha. Clique em uma célula vazia na junção dos cabeçalhos de linha e coluna. Em seguida, abra a lista suspensa "Formato", colocada no grupo de comandos "Celulares" na guia "Início". Selecione a linha "Largura da coluna de ajuste automático". Você pode fazer isso não só com o ponteiro do mouse, mas também com o teclado: pressione a tecla "b" para ir a esta linha da lista e, em seguida, a tecla Enter para ativá-la.
5
Além da largura das colunas, o Excel permite que você especifique elargura da área de impressão, i.e. Defina os limites horizontais do fragmento da tabela a serem impressos para a impressora. Para usar esta opção, selecione o intervalo desejado de colunas e clique na guia Layout de página. No grupo de comandos "Configuração da página", expanda a lista suspensa "Área de impressão" e selecione "Definir".
Dica 3: como criar um menu pop-up
Com a ajuda de código HTML competente e regras CSS simples, você pode fazer uma janela pop-up menu, complemente e mude. Se você usar as ferramentas de tabelas em cascata e linguagem de marcação, você pode garantir a operação correta do menu em todos os navegadores.
Instruções
1
Aguarde o início da barra de menu básica. Crie uma lista numerada especial do submenu em um editor de texto. Geralmente, para esses fins, use o "Bloco de Notas". O submenu atua como um elemento da lista principal. Por exemplo: O primeiro elemento O elemento drop-down O elemento drop-down 2 O elemento drop-down 3 O elemento drop-down 4 O elemento drop-down 5
2
Salve esta lista em um arquivo html separado. Em seguida, crie um arquivo .css. Insira todos os parâmetros de folha de estilo necessários. Faça isso com muito cuidado, porque há um erro e o menu pop-up não será exibido corretamente ou não funcionará.
3
Remova todos os marcadores e preenchimentos utilizados na lista não numerada. Defina a largura do menu usando ferramentas CSS: ul-style: none; width: 200px; }
4
Observe a posição relativa de todos os itens na lista usando um atributo chamado posição: ul li: relativo; }
5
Em seguida, crie um submenu cujos elementos aparecerão no menu principal à direita no momento em que o cursor do mouse estiver sobre o item: li ul: absolute; left: 199px; top: 0; display: none; }
6
O atributo esquerdo tem um valor de um pixel menor,do que a largura do menu em si. Isso permite que você coloque corretamente os pontos pop-up sem criar limites duplos. O atributo de exibição é usado para ocultar o submenu quando a página é aberta.
7
Especifique os estilos necessários para links usandoParâmetros correspondentes css. Conecte o visor: bloqueie o parâmetro para que os links ocupem todos os lugares reservados para eles. Para que o menu apareça quando o cursor do mouse está sobre ele (deslize), digite o seguinte código: li: hover ul: block; }
8
Se desejar, especifique parâmetros adicionais para exibir itens e links da lista. Inclua um atributo no arquivo .html. O menu pop-up está pronto para uso.
