css Position einen Text-Link auf der rechten Seite einer Kopfzeile

Was ich tun möchte, ist ein fettgedruckter Titel auf der linken Seite mit einer normalen Größe und Schriftart-Text Link auf der rechten Seite. Das Problem kann niemals nur den Link daneben erhalten. Ich bekomme immer einen anderen Text oder habe den Link unten statt neben.css Position einen Text-Link auf der rechten Seite einer Kopfzeile

Test

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<title></title> 
<link rel="stylesheet" type="text/css" href="my.css"> 
</head> 
<body> 
<div class="main"> 
<div class="swtitle"> 
<h1 class="swTitle">Title</h1> <a class="downloadXYZ" href="download.zip">Download</a> 
text i dont want. I cant figure out what to write here. 
</div> 
</div> 

</body> 
</html>

Quelle

2009-05-15 Anonymous

Können Sie Ihr CSS, das Sie verwenden, hinzufügen? – CodeLikeBeaker

sind Break-Tags so viel von einem No-No? – peirix

Sie sollten das style = "display: inline" verwenden, das wird Ihnen helfen, Ihren Text zu erhalten, den Sie umschließen müssen, was Sie tun, wie Bilder.

<h1 class="swTitle" style="display:inline;">Title</h1>

Sie können den Schwimmer auch verwenden, wenn Sie auch mögen, aber inline ist viel besser.

Quelle

2009-05-15 13:20:40

Ich würde 'Inline-Block' bevorzugen, damit Sie Rand/Padding nicht verlieren – outofmind

Anfängliche Gedanken ohne CSS wäre die folgende, zumindest Ihr Einstieg:

<html> 
<head> 
    <title></title> 
    <link rel="stylesheet" type="text/css" href="my.css"> 
</head> 
<body> 
    <div> 
     <div style="float: left;"> 
      <h1> 
       Title</h1> 
     </div> 
     <div style="float: right;"> 
      <a class="downloadXYZ" href="download.zip">Download</a>text i dont want. I cant 
      figure out what to write here. 
     </div> 
    </div> 
</body> 
</html>

Quelle

2009-05-15 13:03:02 CodeLikeBeaker

Ich bin ein CSS-Guru nicht, aber man könnte die folgende (beachten Sie versuchen, die "display: inline") auf das Header-Tag.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
    <head> 
     <title></title> 
     <link rel="stylesheet" type="text/css" href="my.css"> 
    </head> 
    <body> 
     <div class="main"> 
      <div class="swtitle"> 
       <h1 class="swTitle" style="display:inline;">Title</h1> 
       <a class="downloadXYZ" href="download.zip">Download</a>text i dont want. I cant figure out what to write here. 
      </div> 
     </div> 
    </body> 
</html>

Hoffe, das hilft!

Quelle

2009-05-15 13:04:27 Rohland

css Position einen Text-Link auf der rechten Seite einer Kopfzeile

Antwort

Verwandte Themen