Member 12751456 Ответов: 1

Как добавить ссылку внутри моего заполнителя

В этом мне нужно добавить что-то забытое? ссылка внутри заполнителя но проблема находится внутри заполнителя как я смогу добиться того, что любая помощь будет оценена по достоинству.

Что я уже пробовал:

<a><!DOCTYPE html>


    

        
        
        
    

        <!-- CSS -->
        
        
        
		
        

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            
            
        <![endif]-->

       

    

    

        <!-- Top content -->
        </a><div class="top-content"><a>
        	
            </a><div class="inner-bg"><a>
                </a><div class="container"><a>
                                        </a><div class="row"><a>
                        </a><div class="col-sm-6 col-sm-offset-3 form-box"><a>
                        	<div class="form-top">
                        		<div class="form-top-left">
                        			<h3>Login to DigiCash</h3>
                            		<p>Enter your username and password to log on:</p>
                        		</div>
                        		<div class="form-top-right">
                        			
                        		</div>
                            </div>
                            </a><div class="form-bottom"><a>
			                    </a></div><a>
                        </a></div><a>
                    </a></div><a>
                    </a><div class="row"><a>
                        </a><div class="col-sm-6 col-sm-offset-3 social-login"><a>
                        	<h3>...or login with:</h3>
                        	</a><div class="social-login-buttons"><a>
	                        	</a><a class="btn btn-link-2" href="#">
	                        		 Facebook
	                        	</a>
	                        	<a class="btn btn-link-2" href="#">
	                        		 Twitter
	                        	</a>
	                        	<a class="btn btn-link-2" href="#">
	                        		 Google Plus
	                        	</a>
                        	</div>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>


        <!-- Javascript -->
        
        
        
        
        
        <!--[if lt IE 10]>
            
        <![endif]-->

body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #888;
    line-height: 20px;
    text-align: center;
}

strong { font-weight: 500; }

a, a:hover, a:focus {
	color: #de615e;
	text-decoration: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

h1, h2 {
	margin-top: 10px;
	font-size: 38px;
    font-weight: 100;
    color: #555;
    line-height: 50px;
}

h3 {
	font-size: 22px;
    font-weight: 300;
    color: #555;
    line-height: 30px;
}

img { max-width: 100%; }

::-moz-selection { background: #de615e; color: #191919; text-shadow: none; }
::selection { background: #de615e; color: #191919; text-shadow: none; }


.btn-link-1 {
	display: inline-block;
	height: 50px;
	margin: 5px;
	padding: 16px 20px 0 20px;
	background: #de615e;
	font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    color: #191919;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.btn-link-1:hover, .btn-link-1:focus, .btn-link-1:active { outline: 0; opacity: 0.6; color: #191919; }

.btn-link-1.btn-link-1-facebook { background: #4862a3; }
.btn-link-1.btn-link-1-twitter { background: #55acee; }
.btn-link-1.btn-link-1-google-plus { background: #dd4b39; }

.btn-link-1 i {
	padding-right: 5px;
	vertical-align: middle;
	font-size: 20px;
	line-height: 20px;
}

.btn-link-2 {
	display: inline-block;
	height: 50px;
	margin: 5px;
	padding: 15px 20px 0 20px;
	background: rgba(0, 0, 0, 0.3);
	border: 1px solid #191919;
	font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    color: #191919;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.btn-link-2:hover, .btn-link-2:focus, 
.btn-link-2:active, .btn-link-2:active:focus { outline: 0; opacity: 0.6; background: rgba(0, 0, 0, 0.3); color: #191919; }


/***** Top content *****/

.inner-bg {
    padding: 100px 0 170px 0;
}

.top-content .text {
	color: #191919;
}

.top-content .text h1 { color: #191919; }

.top-content .description {
	margin: 20px 0 10px 0;
}

.top-content .description p { opacity: 0.8; }

.top-content .description a {
	color: #191919;
}
.top-content .description a:hover, 
.top-content .description a:focus { border-bottom: 1px dotted #191919; }

.form-box {
	margin-top: 35px;
}

.form-top {
	overflow: hidden;
	padding: 0 25px 15px 25px;
	background: #444;
	background: rgba(0, 0, 0, 0.35);
	-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
	text-align: left;
}

.form-top-left {
	float: left;
	width: 75%;
	padding-top: 25px;
}

.form-top-left h3 { margin-top: 0; color: #191919; }
.form-top-left p { opacity: 0.8; color: #191919; }

.form-top-right {
	float: left;
	width: 25%;
	padding-top: 5px;
	font-size: 66px;
	color: #191919;
	line-height: 100px;
	text-align: right;
	opacity: 0.3;
}

.form-bottom {
	padding: 25px 25px 30px 25px;
	background: #444;
	background: rgba(0, 0, 0, 0.3);
	-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
	text-align: left;
}

.form-bottom form textarea {
	height: 100px;
}

.form-bottom form button.btn {
	width: 100%;
}

.form-bottom form .input-error {
	border-color: #de615e;
}

.social-login {
	margin-top: 35px;
}

.social-login h3 {
	color: #191919;
}

.social-login-buttons {
	margin-top: 25px;
}


/***** Media queries *****/

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 768px) and (max-width: 991px) {}

@media (max-width: 767px) {
	
	.inner-bg { padding: 60px 0 110px 0; }

}

@media (max-width: 415px) {
	
	h1, h2 { font-size: 32px; }

}

input[type=text]:focus {
    border:3px solid  #33ccff;
}
input[type=password]:focus {
    border:3px solid  #33ccff;
}
.social-login-buttons a
{
hover:#de615e;
}

CSS3 В HTML5 Источник

jgakenhe

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

Member 12751456

на самом деле когда я помещаю свой код в это кодовое поле автоматически мой код меняется
это мое точное кодирование

<!DOCTYPE html>











тело {
семейство шрифтов: "Roboto", sans-serif;
размер шрифта: 16px;
шрифт-вес: 300;
цвет: #888;
линия-высота: 20 пикселей;
выравнивание текста: по центру;
}

strong { шрифт-Вес: 500; }

а, также:при наведении, а:фокус {
цвет: #de615e;
текстовое оформление: нет;
-о-переход: все .3С; -МОЗ-переход: все .3С; -в WebKit-переход: все .3С; -МС-переход: все .3С; переход: все .3С;
}

h1, h2 {
маржа-топ: 10px;
размер шрифта: 38px;
шрифт-вес: 100;
цвет: #555;
высота линии: 50px;
}

h3 {
размер шрифта: 22px;
шрифт-вес: 300;
цвет: #555;
высота линии: 30px;
}

img { максимальная ширина: 100%; }

::- moz-selection { background: #de615e; color: #191919; text-shadow: none; }
:: selection { background: #de615e; color: #191919; text-shadow: none; }

. btn-link-1 {
дисплей: встроенный блок;
высота: 50px;
маржа: 5 пикселей;
заполнение: 16px 20px 0 20px;
Предыстория: #de615e;
размер шрифта: 16px;
шрифт-вес: 300;
высота линии: 16px;
цвет: #191919;
-МОЗ-границы радиуса: в 4px; -в WebKit-границы радиуса: в 4px; границы-радиус: в 4px;
}
.БТН-линк-1:Ховер, .БТН-линк-1:фокус, .БТН-линк-1:активный { наброски: 0; непрозрачность: 0.6; цвет: #191919; }

.btn-link-1. btn-link-1-facebook { background: #4862a3; }
.btn-link-1. btn-link-1-twitter { background: #55acee; }
.БТН-ссылка-1.БТН-ссылка-1-Гугл-Плюс { фон: #dd4b39; }

. btn-link-1 i {
отступ-справа: 5px;
вертикальное выравнивание: среднее;
размер шрифта: 20px;
линия-высота: 20 пикселей;
}

. btn-link-2 {
дисплей: встроенный блок;
высота: 50px;
маржа: 5 пикселей;
заполнение: 15px 20px 0 20px;
фон: rgba(0, 0, 0, 0.3);
граница: 1px solid #191919;
размер шрифта: 16px;
шрифт-вес: 300;
высота линии: 16px;
цвет: #191919;
-МОЗ-границы радиуса: в 4px; -в WebKit-границы радиуса: в 4px; границы-радиус: в 4px;
}
.БТН-связь-2:Наведите, .БТН-связь-2:фокус,
.БТН-связь-2:активных, .БТН-Ссылка-2 активно:фокус { наброски: 0; непрозрачность: 0.6; справочная информация: в RGBA и(0, 0, 0, 0.3); цвет: #191919; }

/ * * * * * Верхний контент *****/

.внутренний-БГ {
заполнение: 100px 0 170px 0;
}

.топ-контент .текст {
цвет: #191919;
}

.top-content. text h1 { color: #191919; }

. топ-контент. описание {
маржа: 20px 0 10px 0;
}

. top-content. description p { непрозрачность: 0.8; }

.топ-контент .описание {
цвет: #191919;
}
.топ-контент .описание:наведите,
.top-content. description a: focus { border-bottom: 1px dotted #191919; }

. форма-коробка {
margin-top: 35px;
}

. форма-верхняя {
переполнения: скрытые;
заполнение: 0 25px 15px 25px;
Предыстория: #444;
фон: rgba(0, 0, 0, 0.35);
-МОЗ-границы радиуса: в 4px в 4px 0 0; -в WebKit-границы радиуса: в 4px в 4px 0 0; границы-радиус: в 4px в 4px 0 0;
выравнивание текста: слева;
}

. форма-вверху слева {
поплавок: левый;
ширина: 75%;
padding-top: 25px;
}

.форма-верхний левый Н3 { маржи-топ: 0; цвет: #191919; }
. form-top-left p { непрозрачность: 0.8; цвет: #191919; }

. форма-вверху справа {
поплавок: левый;
ширина: 25%;
прокладка-верх: 5px;
размер шрифта: 66px;
цвет: #191919;
высота линии: 100px;
выравнивание текста: справа;
непрозрачность: 0,3;
}

. форма-дно {
обивка: 25 пикселей 25 пикселей 30 пикселей 25 пикселей;
Предыстория: #444;
фон: rgba(0, 0, 0, 0.3);
-moz-border-radius: 0 0 4px 4px; - webkit-border-radius: 0 0

Member 12751456

опять же здесь также не отображается моя кодировка

Как добавить ссылку внутри моего заполнителя

jgakenhe

Member 12751456

Member 12751456

1 Ответов

David_Wimbley

Member 12751456

Категории

Недавние ответы

Изменение источника данных (базы данных) программно

Проблема при попытке вставить данные: ошибка при преобразовании типа данных nvarchar в числовой.

Может ли кто-нибудь, пожалуйста, сказать мне, как я практичен в жизненном цикле страницы .NET

C# get и set ? любая помощь ценится!

Как получить список ip-адресов пользователей, подключенных к моему Wi-Fi