I've been driving myself mad trying to figure out this seemingly simple placement of a div using CSS. I have a webpage that contains a single image, defined by CSS as background-image. I want to overlay a div that contains a a clickable link, as illustrated here:https://dl.dropbox.com/u/39682698/Fraud-Fighter2.png HTML:\[code\]<!doctype html><html><head><meta charset="utf-8"><title>ThreatMetrix Maintenance Page</title><link href="http://stackoverflow.com/questions/15490899/main.css" rel="stylesheet" type="text/css"></head><body><div id="apDiv1"><a href="http://threatmetrix.com/support">http://threatmetrix.com/support</a></div></body></html>\[/code\]CSS:\[code\]@charset "utf-8";/* CSS Document */body { background-color: #3fa9f5; background-image:url(fraud-fighter.png); background-repeat:no-repeat; background-position:center; background-position:top; font-size : 1.5em; font-family : Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}a:link { background-color: transparent; color:#f28a1a}a:visited { background-color: transparent; color:#f28a1a}a:active { background-color: transparent; position:relative}a:hover { background-color: transparent; color:#cb7518}a.noformat { text-decoration: none; color: #121212}#apDiv1 { position: absolute; width: 351px; height: 43px; z-index: 1; left: 233px; top: 240px;}\[/code\]Thank you SO much in advance for your help.-Dean
Need help laying out a page with CSS
- Thread starter nisshutsu
- Start date