|
CSS - Scrolling Image Marquee Problem
I have a image marquee on a page and sometimes only the top halves of the images show up. usually after refreshing the page the full images show up but I still want to fix it. I've tried adjusting the overflow but it doesnt change it, and i cant figure out where in the code the problem is.
heres the page with the marquee http://myspace.com/hheyh222 and here's the code for the layout. Code: <p><style>
td.text td.text table table table, td.text td.text table fffbr, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}td.text td.text table {background-color:transparent;}td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}td.text td.text table table td {padding:3;}td.text td.text table table br {display:inline;}
.FriendsComments table table {display:none;}
.friendsComments td {height:0px;}
.FriendsComments td {background-color:transparent;}
.FriendsComments td td b a {display:inline;}
table table,table table table table,table table{background-color:transparent;width:300px;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
ffffffa.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,.lightbluetext 8,strong,.blacktext10,.nametext,div b font font, div font font u,table table table table, table table table table td.text, td.text td.text table,table.contacttable{display:none;}
.latestBlogEntry {display: none;}
table tr td div div{
visibility:hidden;
display:none;
border:0px!important;
background-color:transparent;
}tr {background:transparent;}
div table form tr td,td.text table,a.text, table div font div table form tr td,td.text table,a.text, table div font a, table div div,{visibility:hidden;di-splay:none}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
div table td font {display: none;}
body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form {display:none!important;}
font, br, p, div, table {
color: 000000;
font: 8pt arial;
text-align: justify;}
u{
color: 000000;
font: 8pt arial;
letter-spacing: 1px}
i {
color: 000000;
background-color:f0ff00;
font: 8pt arial;
letter-spacing: 2px}
s
{
color: 000000;
font: 8pt arial;
letter-spacing: -1px}
b {
color: 00aeff;
background-color: ffffff;
font: 8pt arial;}
a:link, a:visited, a:active {
color: be003a;
font: 8pt arial;
text-align: justify;}
body{scrollbar-3dlight-color:000000;
scrollbar-arrow-color:ffffff;
scrollbar-track-color: ff2467;
scrollbar-darkshadow-color:000000;
scrollbar-face-color:000000;
scrollbar-highlight-color:ffffff;
scrollbar-shadow-color:000000;}
.head1 {
color: ffffff;
font: 8pt arial;
letter-spacing: 1px;
padding: 0px;
background-color: 00aeff;
text-align:left;
text-transform:uppercase;
border-bottom: 0px dotted;
border-color: transparent;
display: block;}
.head2{
color: ffffff;
font: 7pt arial;
letter-spacing: 1px;
padding: 0px;
background-color: transparent;
text-align:right;
text-transform:lowcase;
border-bottom: 0px solid;
border-color: transparent;
display: block;}
a:hover{
color: transparent;
letter-spacing: 0px;
font: 7pt arial;
padding: 0px;
background-color: transparent;
text-transform:lowcase;
border-bottom: 0px solid;
border-color: transparent;}
input.comment4 {
color:ffffff;
font-size:8px ;
width:150px ;
height:15px ;
font-family:arial;
background-color:ff2467;
border-color:000000 ;
border-width:1px ;
border-style:solid ;
letter-spacing:1px ;
text-transform:uppercase ;
line-height:7px ;
font-weight:normal ;}
textarea.box4{
background-color:ff2467;
width:150px ;
height:50px ;
font-family:georgia;
color:ffffff;
line-height:13px ;
font-size:11px ;
border-color:000000 ;
border-style:solid ;
border-width:1px ;
letter-spacing:1px ;
font-weight:bold ;
}
</style>
</HEAD>
<BODY background=http://img340.imageshack.us/img340/8715/85p9j4iay0.png>
<div style="position: absolute; left:0px; top:0px; overflow: auto; visibility:visible; z-index:0;">
<img src="http://img512.imageshack.us/img512/2333/layoutcopy2ev4.gif" alt="WOO" />
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy"
style="position:absolute; top:450px; left:565px;">
<img src="http://x.myspace.com/images/clear.gif" border="0"
style="width:100px; height:50px;"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5hZGRmcmllbmRfdmVyaWZ5 JmZyaWVuZElEPTQ2MTI4NjUy"
style="position:absolute; top:380px; left:760px;">
<img src="http://x.myspace.com/images/clear.gif" border="0"
style="width:100px; height:50px;"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld0FsYnVtcyZmcmll bmRJRD00NjEyODY1Mg=="
style="position:absolute; top:490px; left:685px;">
<img src="http://x.myspace.com/images/clear.gif" border="0"
style="width:100px; height:50px; "></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD00 NjEyODY1Mg=="
style="position:absolute; top:575px; left:575px;">
<img src="http://x.myspace.com/images/clear.gif" border="0"
style="width:120px; height:60px; "></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9NDYxMjg2NTI="
style="position:absolute; top:580px; left:770px;">
<img src="http://x.myspace.com/images/clear.gif" border="0"
style="width:100px; height:50px; "></a>
</div>
<div style="position: absolute; left:10px; top:350px; width:530px; height:330px;overflow: auto; visibility:visible; z-index:0;">
<center><br><br><br><br>
<img src="http://img293.imageshack.us/img293/8942/finalsmallerxw1.gif" alt="Image Hosted by ImageShack.us" /><br><bR>
<SELECT style="background-color: #050706; color: #ffffff; font-family: Arial; font-size: 11px; width: 200px; ">
<OPTION>Music</OPTION>
<OPTION>Suicide God Pill</OPTION>
<OPTION>Fischerspooner</OPTION>
<OPTION>Kimya Dawson</OPTION>
<OPTION>Klaus Nomi</OPTION>
<OPTION>Marilyn Manson</OPTION>
<OPTION>Brian Eno</OPTION>
<OPTION>Meg Lee Chin</OPTION>
<OPTION>White Stripes</OPTION>
<OPTION>Kidney Theives</OPTION>
<OPTION>Mika</OPTION>
<OPTION>The Eels</OPTION>
</SELECT><br><br>
<SELECT style="background-color: #050706; color: #ffffff; font-family: Arial; font-size: 11px; width: 200px; ">
<OPTION>Movies</OPTION>
<OPTION>Hedwig And The Angry Inch</OPTION>
<OPTION>Phantom of the Paradise</OPTION>
<OPTION>Velvet Goldmine</OPTION>
<OPTION>Donnie Darko</OPTION>
<OPTION>Muppet movies</OPTION>
<OPTION>Zeitgeist</OPTION>
<OPTION>Tarnation</OPTION>
<OPTION>Rocky Horror Picture Show</OPTION>
<OPTION>The Dreamers</OPTION>
<OPTION>Harry Potter</OPTION>
<OPTION>Shortbus </OPTION>
</SELECT><br><br>
<SELECT style="background-color: #050706; color: #ffffff; font-family: Arial; font-size: 11px; width: 200px; ">
<OPTION>TV</OPTION>
<OPTION>The Muppet Show</OPTION>
<OPTION>Will & Grace</OPTION>
<OPTION>Queer as Folk</OPTION>
<OPTION>That 70s Show</OPTION>
<OPTION>Mr. Bean</OPTION>
<OPTION>Freaks and Geeks</OPTION>
<OPTION>Still Standing</OPTION>
<OPTION>Threes Company</OPTION>
<OPTION>The Riches</OPTION>
</SELECT><br><br>
<SELECT style="background-color: #050706; color: #ffffff; font-family: Arial; font-size: 11px; width: 200px; ">
<OPTION>Books</OPTION>
<OPTION>Harry Potter</OPTION>
<OPTION>Disco Bloodbath/Party Monster</OPTION>
<OPTION>Freakshow</OPTION>
<OPTION>Junior</OPTION>
<OPTION>It's Kind of a Funny Story</OPTION>
<OPTION>The Picture of Dorian Grey</OPTION>
<OPTION>A Clockwork Orange</OPTION>
<OPTION>etc.</OPTION>
</SELECT><br><br>
<img src="http://img216.imageshack.us/img216/3830/stuffscopyhn5.gif" alt="Image Hosted by ImageShack.us" /><br><br>
<img src="http://img20.imageshack.us/img20/9248/poliwhirlwooonw3.gif" alt="Image Hosted by ImageShack.us" /><br><br>
<a href="http://www.msplinks.com/MDFodHRwOi8vdG90YWxseWpzai5wcm9ib2FyZHM1NC5jb20vaW5kZXguY2dp" target="_blank"> <img src="http://img338.imageshack.us/img338/841/jamesbannerlb1.gif" border="0" alt="TOTALLY JAME ST JAMES" /></a><br><br>
<img src="http://img211.imageshack.us/img211/9954/2bannerfinishedee6.gif" alt="Image Hosted by ImageShack.us" />
<br><br>
<A HREF="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNhZmVwcmVzcy5jb20vdmF1Z2hubWljaGFlbA==" TARGET="_blank"><IMG SRC="http://members.aol.com/sharksgp/vaughnshopbanner500.gif" WIDTH="500" HEIGHT="134" ALIGN="BOTTOM" NATURALSIZEFLAG="3" BORDER="0" ALT="MY OFFICIAL STORE"></A>
<br><br>
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="270" width="435" style="width:435px; visibility:visible; height:270px;" border="0" data="http://www.myplaylist.org/mc/mp3player.swf?tomy=http://www.myplaylist.org/mc/config/config_black.xml&mywidth=435&myheight=270&file=http://www.myplaylist.org/loadplaylist.php?playlist=30916882">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.myplaylist.org/mc/mp3player.swf?tomy=http://www.myplaylist.org/mc/config/config_black.xml&mywidth=435&myheight=270&file=http://www.myplaylist.org/loadplaylist.php?playlist=30916882" />
<param name="menu" value="false" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
</object>
</div>
<div style="position: absolute; left:595px; top:180px; width:130px; height:170px; overflow: visible; visibility:visible; z-index:0;">
<marquee>
<a href=http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL3ZhdWdobl9taWNoYWVs><img border=0 src=http://img507.imageshack.us/img507/4663/vaughnpicro8.jpg> </a>
<a href=http://www.msplinks.com/MDFodHRwOi8vbXlzcGFjZS5jb20vc3VpY2lkZWdvZHBpbGw=><img border=0 src=http://img296.imageshack.us/img296/9289/suicidegodpillpicby1.jpg> </a>
<a href=http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2t1cnRteXNleHltYW4=><img border=0 src=http://img181.imageshack.us/img181/1350/alyssapicrl1.jpg> </a>
<a href=http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL3BhcmtlcnJ5YW5tdXNpYw==><img border=0 src=http://img410.imageshack.us/img410/7487/parkerpicap6.jpg> </a>
</marquee>
</div>
<div style="position: absolute; left:245px; top:220px; width:200px; height:170px;overflow: auto; visibility:visible; z-index:0;">
<center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="46128652" type="hidden">
<textarea name="f_comments" class="box4">Leave me a comment</textarea><br>
<input type="submit"class="comment4" value="? submit"></form>
</div>
Similar TutorialsI am currently working on a page, zoompool.com and I am having a problem when I scroll down the page. There seems to be an odd line appearing on the page. I realize that the page does not validate as 1.0 strict, but I made the changes and this is still happening when I run it from apache on my home computer. I am not sure why this is happening. If anyone has any suggestions I would really appreciate it. Hi there! Please have a look here. As you can see there's a scrolling box with a overflow:auto propriety set. All works well either in Firefox and Internet Explorer, but I had to use a hack to made it work with IE: Code:
#content {
position: relative;
margin-left: auto;
margin-right: auto;
padding-right: 25px;
padding-left: 25px;
font-family: Verdana,Arial,helvetica, sans-serif;
font-size: 11px;
text-align: justify;
overflow: auto;
width: 543px;
height: 225px;
background-image: url(img/centerblank.jpg);
background-repeat: no-repeat;
_background-attachment: fixed;
}
FF doesn't read the _background-attachment so all works fine.. problem is, this way the css code is no w3c compliant. Any ideas? Hi all, Normally I'm faithful to table layout in my page design, but try to stay aware of how CSS is comming along at least as far as browser compatibility issues go. I've been wanting to use CSS for its transperancy abilities, and with my first trial page I've sadly run into same reasons I've steered away from CSS for so long. Hopefully all is not lost, and I may find help here. My problem is with a div that has a background image, and another div inside that containing the text which uses semi tranperant background color and "overflow : auto" to set the text apart from the background and allow scrolling. In IE, everything looks beautiful, and I wondered for a moment why I stayed away form CSS for so long. Then I tried Mozilla... Scrolling the text in the div is painfully slow and unresponsive to the point its almost impossible to move where you want in the text. The opaque background changes in color once you move down and leaves a seperation between the two colors or opacity, and generally works poorly. Here is the link, and the source is small: http://coinmonger.com/now.html Hopefully this is due to my lack of expertise using CSS, and a work-around is available. Currently I've downsized the background image hoping it was image size that was causing the problem (as this is just a quick test to see if I could do this), but no change. The page even loads slower using the "moz-opacity" attribute. Any input is appreciated! Hello, I have set up a scrolling div area on a page I'm working on. In IE it is displayed nicely, but in Foxfire/Mozilla the div seems to have a top margin of around 6px. I've done everything I can think of to get rid of it, but it's still there. I'm thinking it's probably the way that it's being rendered by the browser, but I don't have any idea how ti fix it. If you could help that would be great.. PHP Code: div.main_page_scroll { height: 186px; width: 210px; overflow: auto; scrollbar-base-color: #C7E9FB; scrollbar-track-color: #C7E9FB; scrollbar-face-color: #C7E9FB; scrollbar-highlight-color: #C7E9FB; scrollbar-3dlight-color: #AEC9D6; scrollbar-darkshadow-color: #AEC9D6; scrollbar-shadow-color: #C7E9FB; scrollbar-arrow-color: #AEC9D6; font-family: tahoma; font-size: 9px; color: #211F1E; text-align: left; background-color:#C7E9FB; } thanks, Chris Hi. I have a table cell <td width="100%"> then a div <div style="width: 100%; height: 400px; overflow-x: scroll; overflow-y:scroll;"> then a table that are wider than td above. I firefox the div is not wider than the td above. In IE7 (not tested in IE6), the DIV does force the td above to be wider than it should. is there a way to make this work in IE7 as it should. Is it a bug in IE7? Any workarounds/ solutions for this?. If not possible to do with CSS then I would appreciate a workaround suggestion. Could I put an image or other element within the TD and set that width to 100% to make it as wide as the TD, and then user javascript to find actual pixelwidth of image or other element, and then use javascript to reset the width of the DIV..... Anybody??? Need it to work in IE6, IE7 and Firefox. I'm having a little trouble with the Overflow attribute on my side scrolling website. I have uploaded 2 versions one and two of the same site, one with
Code: overflow:hidden; overflow-x:visible; and one with just. Code: overflow:hidden; the first one is completely static in safari and won't scroll at all but scrolls really nicely in firefox (with a scroll wheel as there are no scroll bars). The second one has a horizontal scroll bar but goes really wierd and starts scrolling horizontally as well which I don't want to happen as it messes up my site. Is there a way to get the site to scroll horizontally without scrolling vertically? I have tried it both this way and by only using Code: overflow-y:hidden; but it has similar results. Any help on this would be greatly appreciated Hi folks, I'm working on a website at the moment and having some issues 'fixing it' for Internet Explorer. The design scrolls horizontally, and using 'position:fixed;' on certain elements keeps them on the page while the rest scrolls - this works fine in Safari / Camino / Firefox etc. but as we know position:fixed; is broken in IE. I tried applying the fix found at http://web.tampabay.rr.com/bmerkey/...tion-fixed.html but this only seems to work for regular vertical scrolling pages - when scrolled horizontally the "fixed" elements still scroll with the page. Is there any way possible to get this to work? I really really want to avoid any of those javascript "jumpy" scripts to reposition the element all the time. Thanks all. i have a scrolling marquee. when the drop down menu extends, couple of the items gets hidden underneath the marquee container. when i define z-index:-1 then the marquee container disappears on the screen. does anyone have a suggestion for this? thanks. btw. it only happens in IE http://gcterminal.mallfinder.com/index.cfm?refresh=1&showdebug=1 I've downloaded a web template he http://www.freewebsitetemplates.com/preview/dogstemplate/ I've been re-working it to fit what I need, but I've run into some problems with the CSS. I want to center my images that I place, but I can't seem to figure it out. For whatever reason I'm not able to attach my html or css file. So I've uploaded a zip file with them to: http://www.tombraiders.net/katie/css.zip If any of you would be able to help I would be so appreciated! I'd also like to move the image down a line as right now it's right under the previous line of text. Thank you! Hello, I don't know whether this is the right forum for my issue, so apologies if it isn't. To better understand the problem, kindly visit this page: http://www.lightblu.com/contact.php Basically, you see those 4 social networking logos? They are at the right position. However, when you click "Submit (without writing anything anything in the form), the errors will display, and the logos will shift downwards as a result. I don't want this. I want the logos to be at the same position. Question: how could I do this? I'm trying to find the logic first before implementing it, which I can't even figure out. Thanks guys Hey, I found a script that enlarges a picture when you hover over it. I edited the script a bit to fit my needs. However, the whole script works fine except that in IE there's a stacking problem. The enlarged image is shown below the thumbnail image (when you hover over the thumbnail image). This is how it looks in IE: http://img122.imageshack.us/img122/6428/errorbm9.jpg And this is how it should look (chrome): http://img122.imageshack.us/img122/4663/correctax8.jpg I tried to set the z-index of the enlarged image to 2 and that of the thumbnail to 1, but that doesn't seem to work. the css: Code: .hoverbox{ /* For the list (ul tag) */
float: left;
cursor: default;
list-style: none;
width: 80%;
}
.hoverbox a{
cursor: default;
}
.hoverbox a .preview{ /* hide the enlarged picture by default*/
display: none;
}
.hoverbox a:hover .preview{ /* the enlarged image settings */
display: block;
position: absolute;
top: 50px;
left: 50px;
}
.hoverbox img{ /* the default settings for all images */
background: #fff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 2px;
vertical-align: top;
}
.defaultImg{ /* width of the thumbnail image */
width: 100px;
height: 75px;
}
.hoverbox li{
background: #eee;
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 5px;
position: relative;
}
.hoverbox .preview{
border-color: #000;
}
The html for the images Code: <ul class="hoverbox"> <li> <a href="#"><img src="images/pictures/thumbnails/foto1.jpg" alt="description" class="defaultImg"/><img src="images/pictures/foto1.jpg" alt="description" class="preview" /></a> </li> <li> <a href="#"><img src="images/pictures/thumbnails/foto2.jpg" alt="description" class="defaultImg" /><img src="images/pictures/foto2.jpg" alt="description" class="preview" /></a> </li> </ul> Does anyone have a solution to my problem? Thanks in advance I have a problem with my CSS in IE6 (surprise, surprise). If you look at www.bluehatmedia.co.uk you will notice that the left hand menu is for some reason on the far right (needing to scroll). But if you look in FireFox, Netscape, Opera, Safari they all work fine. But if you mouse over a link then the menu goes back to the left had side where it should be. and when i remove the following from my CSS: background-image:url(images/picture.gif); background-repeat: repeat-y; background-position: right top; the background image doesnt display (obviously) and then menu goes back to the left. Any ideas much appreciated Tom I don't know if this has been adressed or not but I am having a problem using the background:url(images/stuff.jpg); and the background-image: .... I been trying to set an elements background but I get nothing for the background it will not apper even if I do a simple code like this this is just an example : Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> CSS Code:
div#top p {
background:url('image/logo.gif');
}
I would do something like this and it will not show the bg image I mean this is just a simple code I have done it in the past but I don't know why I am not able to see the bg image is there a rule I missed somewhere if so which one well hope you can help me hi, i'm trying to add an outer glow image to my site, starting about a 100px from the top. when i use padding on the element i'm adding the trim to, the entire site including the banner shifts down. so i tried using background position, which works until i add repeat-y, which causes it to repeat in the 100px where i don't want it. is there a way to make an image only repeat down? Hello, I'm currently developing a new website for a clan but Internet Explorer isn't displaying the background image of the content area correctly. It pushes the content area ~4px to the right from where it should be. I've tried reducing the size of the navigation element but that didn't work and in fact had the opposite effect of what I was looking for. For some reason I can't link to an image, nor to the site itself to show you the error. This is the code applicable to the content area. Code: #content
{
width:770px;
background-image:url(images/backgrounds/conbg.png);
background-repeat:repeat-y;
font-size:11px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 70px;
margin-left: 130px;
margin-right: 0px;
vertical-align:top;
}
#contentlimit
{
width:690px;
}
#condiv
{
width:770px;
margin-left: 130px;
margin-right: 0px;
}
And this the Navigation element: Code: #nav
{
width:130px;
display:block;
float:left;
vertical-align:top;
margin: 0px 0px 0px 0px;
}
.mlink a
{
display: block;
color: #666666;
background-image:url(images/backgrounds/link.jpg);
width: 130px;
padding: .0px .0px;
height:15px;
text-decoration: none;
text-indent: 10px;
}
.mlink a:hover
{
color: #333333;
text-decoration: none;
background-image:url(images/backgrounds/linkhov.jpg);
}
At last check, with this current style sheet, the code was valid. Any help appreciated, Cold I put together a new web layout with divs and css at www.verbazon.net/index.php. I have a php include for that main content box text that shows up, and as you can see, it screws up the content box images separating them. If anyone can help me fix this I appreciate it. My Css file is located at www.verbazon.net/style.css Hey all. I've been putting together a website for my friend, and my css chops are admittedly pretty old and not that great anyway. I'm wondering if anyone could give me some advice. I can't get a background-image in a <div> to load at all in a firefox browser, though it loads in safari. I've highlighted the particular image tag. Does anything look wrong? _____________________________________ a:link { text-decoration: none;} a:visited { text-decoration: none;} a:hover { text-decoration: underline;} a:active { text-decoration: none;} body { background-image: url("images/backcolor.jpg"); } #site { position: absolute; top: 0px; left: 0px; width: 864px; height: 576px; background-image: url("images/backdrop.jpg"); overflow: auto; } ____________________________ (snippet from html) <body> <div id="site"> <div id="nav"> <a href="about.html"><img src="images/about.jpg" border="0"></a> <a href="resume.html"><img src="images/resume.jpg" border="0"></a> <a href="portfolio.html"><img src="images/portfolio.jpg" border="0"></a> <a href="links.html"><img src="images/links.jpg" border="0"></a> </div> <div id="image"> </div> <div id="text"> <span class="main"> <span class="title">There is music in everything.</span><br> <span class="link">In the very core of the emotions we emit as human beings there is sonic substance. Much like music, sound contains rhythm, texture, timbre and tone. It has the incredible capability of evoking and opening all of our senses: sight, taste, touch and smell. When a sound design is successful it is an art, a piece that is honored individually for its strength and intelligence, rather than its ability to support a production.</span> <br><br> <span class="link">These are the qualities I strive for in my designs, to create sensory events that evoke emotional responses and aesthetic meaning. Sound can have great presence in a performance. It should always be welcomed. </span> <br><br> <span class="link">Anthony Mattana is a junior sound design major at Carnegie Mellon University's School of Drama. Please feel free to contact at any time.</span> </span> </span> <br><br><br> <span class="main2"> <a href="mailto:anthmattana@gmail.com"><img src="images/sig.jpg" border="0"></a> </span> </div> </div> </body> </html> |
|||||||