2010-12-14 11 views
0

Ich suche, den Hyperlink an einem anderen Ort zu setzen. Wie kann ich den google.com-Link an einen anderen Ort auf der Seite verschieben?Ich möchte den Hyperlink an einem anderen Ort sein

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
     "http://www.w3.org/TR/html4/loose.dtd"> 

<html> 
<head> 
<title>Randy's first html web page !</title> 
<style type="text/css"> 
body 
{background-image:url('Koala.gif');} 
h1 
{ 
text-align:center; 
font-size:500%; 
} 
h2 
{ 
text-align:center; 
font-size:250%; 
} 
p 
{ 
text-align:center; 
font-size:200%; 
color:#00fff0; 
} 
div 
{ 
background-color:#efffff; 
} 
a 
{ 
text-align:center; 
} 
th 
{ 
background-color:green; 
} 
tr 
{ 
background-color:green; 
} 
table 
{ 
width: 200px; 
margin-left: auto; 
margin-right: auto; 
} 
</style> 
</head> 
<h1> Hello Professor</h1> 
<h2> By: Randy White</h2> 
<P> It's getting better as the term goes on.</P> 
<P>Week 2</P> 
<P><img src="Hydrangeas.jpg" width="150" height="100" alt="Hydrangeas.jpg"></P> 
<table border="1"> 
<tr> 
<th>Month</th> 
<th>Day</th> 
<th>Year</th> 
</tr> 
<tr> 
<td>December</td> 
<td>13</td> 
<td>2010</td> 
</tr> 
</table> 
<a href="http://www.google.com">Visit Google!</a> 
</body> 
</html> 
+1

Kurz: STRG + x, CTRL-v – miku

+0

keinen Witz, den ich zu css bin hier und ich bin immer besser, aber ich habe noch ein paar Probleme – user770022

+0

Durch Ausschneiden/Einfügen es an anderer Stelle im Dokument? – David

Antwort

0

In Ihrem CSS, fügen Sie diese:

#google-link { 
    text-align: center; 
} 

Dies richtet Text innerhalb in der Mitte.

In Ihrem HTML, um den Link zu dieser Google ändern:

<div id="google-link"><a href="http://www.google.com">Visit Google!</a></div> 

Die div mit dem Google-Link-ID gekennzeichnet ist, das es die obige Art bekommt. Der Stil wirkt sich auf den Inhalt des div aus und richtet sie an der Mitte aus. Das div selbst ist die Breite der Seite.

+0

das ist, dass es – user770022

+1

@randy: Sie haben Glück, alles funktioniert. Du vermisst eine Öffnung Tag – Gerrat

+0

Würdest du das betrachten, er ist. Guter Fang, @Gerrat - das habe ich komplett vertuscht. –

0
body { 
    margin: auto; 
} 
0
  1. Ihr html fehlt eine öffnung < body> tag!
  2. "text-align: center;" hinzufügen an Ihr CSS für das Body-Tag.
Verwandte Themen