2016-03-25 4 views
-1

Ich muss eine sehr einfache Webseite für ein Blog erstellen, aber ich bin nicht sehr gut mit HTML e CSS und ich bin Stack.löschen Leerzeichen zwischen Zeilen und Größe ändern html

Wie kann ich den Abstand zwischen den Zeilen in der Tabelle entfernen? Siehe das Bild: (enter image description here)

Ich muss auch das Leerzeichen in der unteren linken Zelle entfernen, die vier andere Zellen enthält.

Dann kann ich nicht die Größe der Seite ändern, wenn sich das Fenster ändert (zum Beispiel auf Mobiltelefonen), irgendeinen Vorschlag?

Danke !!

Dies ist die HTML & CSS-Code:

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>

+0

Warum in der Welt haben Sie dies mit 'amazon-web-services' und' profile' versehen? Dies ist eine 'html' und' css' Frage. Bitte machen Sie sich etwas Mühe, um zu wissen, nach welchen Technologien Sie fragen, anstatt nur zufällig Dinge zu markieren. –

+0

Das war urkomisch! : D –

Antwort

0

put "vertical-align: bottom" auf alle Ihre Bilder.

td img { 
    vertical-align: bottom; 
} 
Verwandte Themen