HTML Seite in zwei Hälften teilen?
Kann mir jemand erklären wie das geht?
Ja ich bin Anfänger in diesem Bereich xD
Computer,
HTML
HTML – die neusten Beiträge
Verwandte Themen
HTML Text verschiebt sich?
Hallo... Ich programmiere gerade eine Seite und möchte ein Bild rechts oben einfügen. Dazu benutze ich diesen Script: <img src="https://steamuserimages-a.akamaihd.net/ugc/109607797360622796/082FD74234D265BD8E8F60B2F75F94288E506F54/" img align="right">
Mein Problem ist dass sich der Text der links davon centriert in der Mitte ist weiter nach Links verschiebt obwohl das Bild den Text nicht berührt. Wenn ich das Bild in hintergrund setze um dieses Problem zu vermeiden wird das Bild unsichtbar. Und die größe des Bildes möchte ich auch nicht ändern. Kann mir wer sagen wie ich das Bild so hinbekomme das es den Text nicht verschiebt?
Computer,
Bilder,
Technik,
HTML,
Technologie
html >>> Formular in Tabelle?
Was ist hier falsch? . bzw. .. is das valide?
HTML,
programmieren,
CSS
CSS/Javascript: mit :hover ein anderes Element sichtbar machen?
Hallo ihr lieben,
ich hänge gerade an einem Programmierproblem. Ich möchte versuchen Banner Mapping zu programmieren und finde meinen (vermutlich dummen kleinen)Fehler nicht.
Hier der "bisherige" Code:
<html>
<head><title> Test :)</title>
<script type="text/javascript>
<script src= "https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>
<script>
jQuery('#hoverdiv').hoverdiv(
function() {$('#Kindelement').show();},
function() {$('#Kindelement').hide();}
);
</script>
<style>
.hover
{
background-color: red;
z-index: 1;
}
.Kindelement
{
position: absolute;
top:0;
background-color: blue;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
opacity: 0;
z-index: 2;
}
.hoverdiv
{
position: relative;
}
.hoverdiv:hover + .Kindelement
{
opacity: 1;
}
</style>
</head>
<body>
<div id="hoverdiv" style="background: grey;
color: white;
border-radius: 50px !important;
font-family: "Helvetica Neue",
Arial, sans-serif !important;
float: none !important;" ;>
<a>+</a>
<div id="Kindelement"
style="color: white;
background: grey;
position: absolute;
top: 770px !important;
opacity: 0;">
<a href="link" style="color: white; background: grey">Name</a>
</div>
</div>
</body>
</html>
Habe sehr viel probiert, aber finde keine Lösung in Google :( bei <a> ist der link natprlich ein richtiger link - nur aus Datenschutz zensiert :)
Es soll auf das hoverdiv gehovert werden und dadurch das Kindelement angezeigt werden - wenn man wieder mit der Maus davon runter geht soll es wieder verschwinden..
Dankeschön schonmal!
Computer,
HTML,
programmieren,
CSS,
JavaScript
JavaScript - Erste Schritte, CSS wird blockiert?
Ich bekomme folgenden Error, wenn ich versuche meine ersten Versuche einer Webseite in Firefox zu laden.
Die Ressource von "http://localhost:63342/FirstTest/style.css" wurde wegen eines MIME-Typ-Konfliktes ("text/html") blockiert (X-Content-Type-Options: nosniff)
Das ist der Code von den Datein.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>Title</title>
<link rel="stylesheet"href="style.css">
</head>
<body>
<div class="placeholder">
I'm in a div!
</div>
<div class="anotherClass">
I'm in another class!
</div>
</body>
</html>
CSS
.placeholder{
background-color: red;
}
.anotherClass{
background-color: lightseagreen;
}
Leider werden nur die div Elemente ausgeben, woran kann es legen? Ich werde aus der Fehlermeldung nicht schlau.
Schöne Grüße
Computer,
Technik,
HTML,
CSS,
Informatik,
Technologie,
Webentwicklung
