-1
Blog için çok basit bir web sayfası oluşturmalıyım ama html e css ve i'm stack ile çok iyi değilim.Satırlar arasında yeniden boyutlandırma ve yeniden boyutlandırma sayfa html
Tablodaki satırlar arasındaki boşluğu nasıl kaldırabilirim? Resme bakın: (enter image description here)
Ayrıca soldaki dört hücreye sahip soldaki hücreyi de kaldırmak zorundayım.
Ardından, pencere değiştiğinde (örneğin, cep telefonlarında), herhangi bir öneride sayfayı nasıl yeniden boyutlandıracağımı bilmiyorum?
Teşekkürler! tüm resimlerinizin üzerine: "alt vertical-align"
body {
\t background-image: url(E:/Workspace/Sviluppo_Pagine_Internet/Blog/Blog_Images/AGGIUSTATE/UBUNTU.png);
\t background-size: 100% 40%;
\t background-repeat: no-repeat;
\t background-color: #191970; \t
\t width: 100%;
}
td {
\t padding:0px;
\t \t
\t \t \t \t
}
tr{
\t \t
}
table {
\t
\t border-collapse: collapse;
}
.mainTable {
margin-top: 50%; \t
\t
}
.image6x6 {
\t width: 600px;
\t height: 600px;
}
.image3x3 {
\t width: 300px;
\t height: 300px;
}
.td6x6 {
\t \t width: 600px;
\t height: 600px;
}
}
.td3x3 {
\t \t width: 300px;
\t \t height: 300px;
}<!DOCTYPE html>
<html>
\t <head>
\t \t <link type="text/css" rel="stylesheet" href="Main_Page.css"/> \t
\t \t <title></title>
\t </head>
\t <body>
<center><table class="mainTable">
\t
\t <tr>
\t
<!--PRIMA CELLA-->
\t <td class"td6x6">
\t \t \t <a href="E:\Workspace\Sviluppo_Pagine_Internet\Blog\BlogPage.html">
\t \t \t \t <img src="E:\Workspace\Sviluppo_Pagine_Internet\Blog\Blog_Images\AGGIUSTATE\Blog.png" class="image6x6">
\t \t \t \t \t </a>
\t </td>
<!--SECONDA CELLA-->
\t \t \t <td class"td6x6">
\t \t \t <a href="https://github.com/github" target="GitHub">
\t \t \t \t <img src="E:\Workspace\Sviluppo_Pagine_Internet\Blog\Blog_Images\AGGIUSTATE\GitHub.png" class="image6x6">
\t \t \t </a>
\t </td>
\t </tr>
\t <tr>
\t
\t \t
<!--TERZA CELLA-->
<td class"td6x6">
<table>
<tr>
\t \t <td class"td3x3">
\t \t \t <a href="mailto:email"> \t
\t \t \t \t <img src="E:\Workspace\Sviluppo_Pagine_Internet\Blog\Blog_Images\AGGIUSTATE\Email.png" class="image3x3">
\t \t \t </a>
\t </td>
\t <td class"td3x3">
\t \t \t <a href="https://www.linkedin.com/in/linked" target="Linkedin"> \t
\t \t \t \t <img src="E:\Workspace\Sviluppo_Pagine_Internet\Blog\Blog_Images\AGGIUSTATE\Linkedin.png" class="image3x3">
\t \t \t </a>
\t </td>
</tr>
<tr>
\t <td class"td3x3">
\t \t \t <a href="https://www.facebook.com/fb" target="Facebook"> \t
\t \t \t \t <img src="E:\Workspace\Sviluppo_Pagine_Internet\Blog\Blog_Images\AGGIUSTATE\Facebook.png" class="image3x3">
\t \t \t </a>
\t </td>
\t <td class"td3x3">
\t \t \t <a href="https://www.instagram.com/dddinst/" target="Instagram"> \t
\t \t \t \t <img src="E:\Workspace\Sviluppo_Pagine_Internet\Blog\Blog_Images\AGGIUSTATE\Instagram.png" class="image3x3">
\t \t \t </a>
\t </td>
</tr>
</table>
</td>
<!--QUARTA CELLA-->
\t \t <td class"td6x6">
\t \t \t <a href="E:\Workspace\Sviluppo_Pagine_Internet\Blog\ContactPage.html"> \t
\t \t \t \t <img src="E:\Workspace\Sviluppo_Pagine_Internet\Blog\Blog_Images\AGGIUSTATE\About.png" class="image6x6">
\t \t \t </a>
\t </td>
</tr>
</table></center>
<div>
</div>
<div style="position: relative; background-color: black; width: 100%; height: 100px; margin-bottom: 0%; margin-top: 3%">
<h4 style="text-align: center; color: blue; padding-top: 2%">emailaddress</h4>
</div>
Neden bu dünyada "amazon-web-services" ve "profile" ile etiketlediniz? Bu bir "html" ve "css" sorusu. Sadece rastgele etiketleme yapmak yerine, hangi teknolojileri sorduğunuzu bilmek için lütfen biraz çaba sarf edin. –
Bu çok komikti! : D –