Vielen Dank und schönen Abend noch!
Beiträge von unnamedp
-
-
Hallo zusammen,
bin noch ein anfänger was das thema css angeht und habe folgendes problem:folgende html:
HTML
Alles anzeigen<!doctype html> <html> <head> <title>Startseite</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="style.css" type="text/css" rel="stylesheet" /> </head> <body> <div class="top"> </div> <div class="left"> <br> <a href="http://de.tinypic.com/">Tynipic</a> <br><br> <a href="http://xup.in/">Xup.in</a> </div> <div class="left2"> </div> <div class="bottom"> </div> </body> </html>
und die css dazu:
HTML
Alles anzeigenA:link {color:#white; text-decoration: none;} A:visited {color:#white; text-decoration: none;} A:hover {color:#red; text-decoration: none;} A:active {color:#white; text-decoration: none;} body { background-image: url("background2.jpg"); } .top { width: 98%; height: 100px; margin-top: 20px; margin-left: 10px; margin-right: 10px; opacity: 0.25; background-color: #000000; } .left { width: 180px; height: 400px; margin-top: 10px; margin-left: 10px; margin-right: 20px; opacity: 0.25; background-color: #000000; text-align: center; } .left2 { width: 180px; height: 100px; margin-top: 10px; margin-left: 10px; margin-right: 20px; opacity: 0.25; background-color: #000000; } .bottom { width: 98%; height: 100px; opacity: 0.25; background-color: #000000; position: absolute; bottom: 20px; margin-left: 10px; margin-right: 10px; } .content{ width: 100%; height: 100%; } div:hover {border:2px dotted #000000;} h1 { font-family: Verdana; font-size: 15px; text-align: center; color: white; }
wenn ich die html im browser öffne bleiben die links blau und nichts passiert mit formatierungen, hover, etc...
wo is der fehler?