CSS разместить текстовую ссылку справа от заголовка - PullRequest
Новая
       6

CSS разместить текстовую ссылку справа от заголовка

3 голосов
/ 15 мая 2009

То, что я хочу сделать, это иметь жирный заголовок слева с нормальным размером и текстовую ссылку шрифта справа. Проблема никогда не может получить только ссылку рядом с ней. Я всегда получаю другой текст или имею ссылку ниже, а не рядом.

тест 

<!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>

Ответы [ 3 ]

5 голосов
/ 15 мая 2009

Вы должны использовать style = "display: inline", это поможет вам получить текст, который нужно обернуть вокруг того, что вы делаете, например изображения. 

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

Вы также можете использовать float, если хотите, но inline намного лучше.

1 голос
/ 15 мая 2009

Я не гуру CSS, но вы можете попробовать следующее (обратите внимание на "display: inline") на тег заголовка. 

<!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>

Надеюсь, это поможет!

0 голосов
/ 15 мая 2009

Первоначальная мысль без CSS была бы следующей, по крайней мере, для начала: 

<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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...