New Posts  All Forums:Forum Nav:

A quick question

post #1 of 3
Thread Starter 
Alright so I've been reading up on html and css, but I have a quick question.

In the large grey box at the top I want to have a picture up there for a few seconds, fade out, then another for a few seconds, fade out, etc. Will I need to use flash for this?

I don't have my website up yet so here's the code:

Quote:
<html>

<head>

<style type="text/css">
html,body {
margin:0;
padding:0;
background-image:url('http://farm7.static.flickr.com/6201/6050138165_2ee85fbe99_o.jpg');
}
p {
margin:0;
padding: 0;
}
</style>

</head>

<body>

<div
style="
top: 355;
left: 410;
position: absolute;
z-index: 1;
visibility: show;">
<p><font size="2" face="verdana" >HOME</p>

</div>

<div
style="
top: 355;
left: 496;
position: absolute;
z-index: 1;
visibility: show;">
<p><font size="2" face="verdana" >FLICKR</p>
</div>

<div
style="
top: 355;
left: 586;
position: absolute;
z-index: 1;
visibility: show;">
<p><font size="2" face="verdana" >PORTFOLIO</p>
</div>

<div
style="
top: 355;
left: 704;
position: absolute;
z-index: 1;
visibility: show;">
<p><font size="2" face="verdana" >ARCHIVE</p>
</div>

<div
style="
top: 355;
left: 814;
position: absolute;
z-index: 1;
visibility: show;">
<p><font size="2" face="verdana" >BAND PAGE</p>
</div>

<div
style="
top: 355;
left: 935;
position: absolute;
z-index: 1;
visibility: show;">
<p><font size="2" face="verdana" >ABOUT</p>
</div>

<div
style="
top: 355;
left: 1026;
position: absolute;
z-index: 1;
visibility: show;">
<p><font size="2" face="verdana" >SEARH</p>
</div>

<div
style="
top: 355;
left: 1122;
position: absolute;
z-index: 1;
visibility: show;">
<p><font size="2" face="verdana" >CONTACT</p>
</div>
</div>


<div style="background-color: 0a0a0a; width: 780px; height: 0%; margin-top:0; margin-left:400;">
<h2><img border="0" src="http://farm7.static.flickr.com/6189/6048018573_0b6894fe11_o.png" alt="Pulpit rock" width="800" height="50" /></h2>
</div>
<center>
<div style=" width: 780px; height:0%; margin-top:500;">

<div
style="
top: 384;
left: 415;
position: absolute;
z-index: 1;
visibility: show;">
<p style="color:1b1b1b;"><font size="4" face="verdana" >LATEST PHOTOS</p>
</div>

<a href="http://www.flickr.com/photos/mattdanis/sets/72157627308056403/">
<img border="0" src="http://farm7.static.flickr.com/6068/6040044974_76d6d39b14_z.jpg" style="margin-bottom:30px; width="640" height="427" />
</a>

<a href="http://www.flickr.com/photos/mattdanis/sets/72157627432384966/">
<img border="0" src="http://farm7.static.flickr.com/6133/6039480483_09b359ea57_z.jpg" style="margin-bottom:30px; width="640" height="427" />
</a>

<a href="http://www.flickr.com/photos/mattdanis/sets/72157627432381348/">
<img border="0" src="http://farm7.static.flickr.com/6073/6040034104_9f4edf0023_z.jpg" style="margin-bottom:30px; width="640" height="427" />
</a>

<a href="http://www.flickr.com/photos/mattdanis/sets/72157627308104007/">
<img border="0" src="http://farm7.static.flickr.com/6124/6040035158_99b6d836fb_z.jpg" style="margin-bottom:30px; width="640" height="427" />
</a>

<a href="http://www.flickr.com/photos/mattdanis/sets/72157627432366680/">
<img border="0" src="http://farm7.static.flickr.com/6130/6039491423_e2b780925f_z.jpg" style="margin-bottom:30px; width="640" height="427" />
</a>

</center>
</div>
</body>
</html>

Edited by xdanisx - 8/16/11 at 2:13pm
Parvum
(13 items)
 
  
CPUMotherboardGraphicsRAM
i7 6700k Gigabyte Z170X-Gaming 6 2x Gigabyte GTX 1080 G1 16GB DDR4 
Hard DriveOSMonitorKeyboard
Samsung 512GB M.2 950 Pro NVMe Windows 10 Dell 1440p Pok3r 
PowerCaseMouseMouse Pad
EVGA 750GQ Parvum M1.0 Logitech G9X Corsair 
  hide details  
Reply
Parvum
(13 items)
 
  
CPUMotherboardGraphicsRAM
i7 6700k Gigabyte Z170X-Gaming 6 2x Gigabyte GTX 1080 G1 16GB DDR4 
Hard DriveOSMonitorKeyboard
Samsung 512GB M.2 950 Pro NVMe Windows 10 Dell 1440p Pok3r 
PowerCaseMouseMouse Pad
EVGA 750GQ Parvum M1.0 Logitech G9X Corsair 
  hide details  
Reply
post #2 of 3
you are using too many "

how it should be:
Quote:
style="margin-bottom:30px; width=1000px; height=427px;"
i7 970 Rig
(13 items)
 
  
CPUMotherboardGraphicsRAM
i7 970 stock GIGABYTE X58A-UD3R GIGABYTE HD 6870 1GB [X2] CORSAIR 6GB DDR3 
Hard DriveOptical DriveOSMonitor
Samsung Spinpoint F1 1TB LG DVD Combo Drive Windows 7 Ultimate x64 Samsung Syncmaster 2693HM 
KeyboardPowerCaseMouse
Logitech G15 Antec 1200W TruePower Quattro Azza 1000R Logitech G9 
Mouse Pad
Razer Standard Speed 
  hide details  
Reply
i7 970 Rig
(13 items)
 
  
CPUMotherboardGraphicsRAM
i7 970 stock GIGABYTE X58A-UD3R GIGABYTE HD 6870 1GB [X2] CORSAIR 6GB DDR3 
Hard DriveOptical DriveOSMonitor
Samsung Spinpoint F1 1TB LG DVD Combo Drive Windows 7 Ultimate x64 Samsung Syncmaster 2693HM 
KeyboardPowerCaseMouse
Logitech G15 Antec 1200W TruePower Quattro Azza 1000R Logitech G9 
Mouse Pad
Razer Standard Speed 
  hide details  
Reply
post #3 of 3
^This

You don't need " around your width and height values. It looks like you may have just been using width & height image tag values and not intending them to be in the style definition in which case you are just missing a closing quote for your style. Would advise moving those width/height into the style as suggested above.

Would also highly recommend not doing so many inline styles. Class your divs and other tags and at the very least use a <style> block in the head of the page. Better yet, a separate stylesheet. Code will be much easier to debug and maintain.

For your second question, NO, you absolutely don't need to and really shouldn't use flash for that simple functionality. Check out jQuery Cycle at http://jquery.malsup.com/cycle/ for everything you need to do that affect.
Edited by glakr - 8/16/11 at 2:20pm
White TITAN
(16 items)
 
   
CPUMotherboardGraphicsRAM
intel core i7-3770k Asus Z77 Sabertooth EVGA GTX 780 SC ACX Corsair Dominator Platinum 16GB (2x8GB) 
Hard DriveHard DriveHard DriveOptical Drive
Samsung 840 Pro  WD Black Crucial M4 LG Blueray 
CoolingOSMonitorPower
Swiftech H220 (Stock cooler on while RMA :( ) Windows 7 64bit Dell 2311h Ultrasharp x 2 Corsair AX850 
CaseMouseMouse PadAudio
Fractal Design Define R4 White (w/ Window) Logitech G700 Razer Control Edition Sound Blaster ZxR 
CPUMotherboardGraphicsRAM
Intel 980x Asus Rampage iii Extreme EVGA GTX580 SLI Patriot Viper Xtreme 12GB DDR3 2000 (PC3 16000) 
Hard DriveHard DriveHard DriveOptical Drive
120GB Corsair Force Series 3 SSD WD Caviar Black 640GB Crucial M4 128GB SSD LG Black Blu-ray Drive SATA Model UH12LS28 
CoolingCoolingCoolingCooling
XSPC RX360 and RX120 Rads Watercool HeatKiller 3.0 Limited Edition Black ... XSPC Dual Bay Res with Swiftech MCP655 Pump Silver Shining Bitspower Compression Fittings 
CoolingCoolingCoolingCooling
PrimoFlex Pro LRT Black Tubing -1/2in. ID X 3/4in. 3x Gentle Typhoon 120mm Fan 1850RPM (AP-15)  1x Noiseblocker NB-BlackSilentPro PL-2 120mm Ul... Koolance VID-NX580 Full Cover GPU Waterblock x2 
OSMonitorKeyboardPower
Windows 7 Home Premium x64 Dell U2311 Ultrasharp x2 Max Keyboard Nighthawk X8 Semi-Custom - Mechani... Antec High Current Gamer 900W 
CaseMouseMouse PadAudio
Xigmatek Elysium Black Logitech G700 Razer Goliathus Creative Sound Blaster Recon3D Fatal1ty Pro 
  hide details  
Reply
White TITAN
(16 items)
 
   
CPUMotherboardGraphicsRAM
intel core i7-3770k Asus Z77 Sabertooth EVGA GTX 780 SC ACX Corsair Dominator Platinum 16GB (2x8GB) 
Hard DriveHard DriveHard DriveOptical Drive
Samsung 840 Pro  WD Black Crucial M4 LG Blueray 
CoolingOSMonitorPower
Swiftech H220 (Stock cooler on while RMA :( ) Windows 7 64bit Dell 2311h Ultrasharp x 2 Corsair AX850 
CaseMouseMouse PadAudio
Fractal Design Define R4 White (w/ Window) Logitech G700 Razer Control Edition Sound Blaster ZxR 
CPUMotherboardGraphicsRAM
Intel 980x Asus Rampage iii Extreme EVGA GTX580 SLI Patriot Viper Xtreme 12GB DDR3 2000 (PC3 16000) 
Hard DriveHard DriveHard DriveOptical Drive
120GB Corsair Force Series 3 SSD WD Caviar Black 640GB Crucial M4 128GB SSD LG Black Blu-ray Drive SATA Model UH12LS28 
CoolingCoolingCoolingCooling
XSPC RX360 and RX120 Rads Watercool HeatKiller 3.0 Limited Edition Black ... XSPC Dual Bay Res with Swiftech MCP655 Pump Silver Shining Bitspower Compression Fittings 
CoolingCoolingCoolingCooling
PrimoFlex Pro LRT Black Tubing -1/2in. ID X 3/4in. 3x Gentle Typhoon 120mm Fan 1850RPM (AP-15)  1x Noiseblocker NB-BlackSilentPro PL-2 120mm Ul... Koolance VID-NX580 Full Cover GPU Waterblock x2 
OSMonitorKeyboardPower
Windows 7 Home Premium x64 Dell U2311 Ultrasharp x2 Max Keyboard Nighthawk X8 Semi-Custom - Mechani... Antec High Current Gamer 900W 
CaseMouseMouse PadAudio
Xigmatek Elysium Black Logitech G700 Razer Goliathus Creative Sound Blaster Recon3D Fatal1ty Pro 
  hide details  
Reply
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Web Coding