HTML Frage - Href als ganzen Block funktioniert nicht :O

Agent47 · 24. März 2015

Hey,

Ich erstelle gerade für meinen YouTube Kanal mit dem ich bald durchstarten möchte eine Website.

Ich bin aber leider kein Profi in sachen HTML.

Kann mir einer helfen? Ich möchte ein Href ( ALSO EIN LINK ) als ganzen Block haben dies funktioniert leider nicht.

Code

.EOM-BOX{
	width: 20%;
	height: 150px;
    line-height: 150px;
	background:#000;
	margin-top: 5%;
	display: inline-block;
	overflow: hidden;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	-webkit-transition: 0.6s ease;
	-moz-transition: 0.6s ease;
	-ms-transition: 0.6s ease;
	-o-transition: 0.6s ease;
	transition: 0.6s ease;
	opacity: 0.7;
}
.EOM-BOX span{
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
	-webkit-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
}
.EOM-BOX span a{
	font-family:'AgencyFB-Reg';
	text-shadow: 0px 0px 3px #000;
	color: #fef4e9;
	letter-spacing: 0.21em;
	display: block;
}

Alles anzeigen

Ich hoffe jemand kann mir helfen .

Mit freundlichen Grüßen,
Agent47

Scripter4.0 · 24. März 2015

Guten Abend,

melde mich bei mir auf dem Teamspeak, dann kann ich dir eben helfen.

Mit freundlichen Grüßen,
Scripter4.0

Agent47 · 24. März 2015

Guten Abend,

leider kann ich zurzeit kein Teamspeak benutzen ich habe keine ahnung wieso.

Es stürtz immer ab. Könntest du mir vllt erklären worin der Fehler liegt?

Mfg

Scripter4.0 · 24. März 2015

Eine Frage dann noch: was verstehst du unter "ganzem Block"?

//Edit:
Meinst du vielleicht das?

Streich das eine auch.. keine Ahnung wie mir das passieren konnte.

HTML:

Code

<a href="#" id="link">Test</a>

CSS:

Code

#link {
	width: 20%;
	height: 150px;
	margin-top: 5%;
        line-height: 150px;
	background:#000;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	border: solid 1px #da7c0c;
	background-color: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	opacity: 0.7;
	/*-webkit-transition: 0.6s ease;
	-moz-transition: 0.6s ease;
	-ms-transition: 0.6s ease;
	-o-transition: 0.6s ease;
	transition: 0.6s ease;
	*/
}

Alles anzeigen

Mit freundlichen Grüßen,
Scripter4.0

Agent47 · 24. März 2015

Leider funktioniert es nicht.

http://eom.bplaced.net ist meine Website.

Leider bin ich ab morgen eine ganze Woche nicht mehr Online.

Ich hoffe mir kann ihn dieser Zeit einer helfen.

Einen schönen Abend noch

Silverdark · 24. März 2015

Mach einfach aus:

Code

<div class="EOM-BOX">
      <span><a href="https://www.youtube.com/channel/UCh96uvhTMh3UWPerepFj20A" target="_blank">YouTube</a></span>
</div>

das:

Code

<a href="https://www.youtube.com/channel/UCh96uvhTMh3UWPerepFj20A" target="_blank" class="EOM-BOX">
      <span>YouTube</span>
</a>

Natürlich für jede Box

Scripter4.0 · 24. März 2015

Sowas ähnliches wollte ich auch gerade posten, aber da warst du wohl schneller

Allen schönen Abend noch

Mit freundlichen Grüßen,
Scripter4.0

breadfish.de 12. März 2022