Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › Dreamweaver CS3 - Image on Image?
New Posts  All Forums:Forum Nav:

Dreamweaver CS3 - Image on Image?

post #1 of 10
Thread Starter 
Hello guys,

So im making my web template for my site. I have designed it in photoshop, and one part of it has a menu bar. For this menu bar I made buttons, but in DW, I cant get the buttons onto the menu bar as I cant seem to place an image on an image.

Any help?

Thanks
I.XXII.I
(17 items)
 
  
CPUMotherboardGraphicsRAM
Intel i7 5960X 8 core Asus X99 Deluxe EVGA GeForce GTX Titan X Corsair Dominator Platinum 16GB 
Hard DriveHard DriveOptical DriveOS
Samsung 830 SSD 128GB (OS/Apps) Samsung 830 SSD 512GB (Games) LG BH10LS30 Windows 8.1 Professional x64 
MonitorKeyboardPowerCase
BenQ XL2411T(Main) + Samsung T240 (Secondary) Corsair K70 RGB Mechanical Corsair AX1200 Cooler Master HAF X 
MouseAudioAudioOther
Razer Imperator Asus Xonar D2X 7.1 Sound Card Astro A40 2013 Ed. audio system Western Digital Elements 3TB (Storage) 
  hide details  
Reply
I.XXII.I
(17 items)
 
  
CPUMotherboardGraphicsRAM
Intel i7 5960X 8 core Asus X99 Deluxe EVGA GeForce GTX Titan X Corsair Dominator Platinum 16GB 
Hard DriveHard DriveOptical DriveOS
Samsung 830 SSD 128GB (OS/Apps) Samsung 830 SSD 512GB (Games) LG BH10LS30 Windows 8.1 Professional x64 
MonitorKeyboardPowerCase
BenQ XL2411T(Main) + Samsung T240 (Secondary) Corsair K70 RGB Mechanical Corsair AX1200 Cooler Master HAF X 
MouseAudioAudioOther
Razer Imperator Asus Xonar D2X 7.1 Sound Card Astro A40 2013 Ed. audio system Western Digital Elements 3TB (Storage) 
  hide details  
Reply
post #2 of 10
So sounds like you are trying to make an active button on top of a backround... What about just using the base image on the backround when making the button in DW?
post #3 of 10
Thread Starter 
Quote:
Originally Posted by Gremlin View Post
So sounds like you are trying to make an active button on top of a backround... What about just using the base image on the backround when making the button in DW?
Its not a button as such, its like a Black square that says 'Home' On it, and im trying to get that onto the menu bar so I can hyperlink it.
I.XXII.I
(17 items)
 
  
CPUMotherboardGraphicsRAM
Intel i7 5960X 8 core Asus X99 Deluxe EVGA GeForce GTX Titan X Corsair Dominator Platinum 16GB 
Hard DriveHard DriveOptical DriveOS
Samsung 830 SSD 128GB (OS/Apps) Samsung 830 SSD 512GB (Games) LG BH10LS30 Windows 8.1 Professional x64 
MonitorKeyboardPowerCase
BenQ XL2411T(Main) + Samsung T240 (Secondary) Corsair K70 RGB Mechanical Corsair AX1200 Cooler Master HAF X 
MouseAudioAudioOther
Razer Imperator Asus Xonar D2X 7.1 Sound Card Astro A40 2013 Ed. audio system Western Digital Elements 3TB (Storage) 
  hide details  
Reply
I.XXII.I
(17 items)
 
  
CPUMotherboardGraphicsRAM
Intel i7 5960X 8 core Asus X99 Deluxe EVGA GeForce GTX Titan X Corsair Dominator Platinum 16GB 
Hard DriveHard DriveOptical DriveOS
Samsung 830 SSD 128GB (OS/Apps) Samsung 830 SSD 512GB (Games) LG BH10LS30 Windows 8.1 Professional x64 
MonitorKeyboardPowerCase
BenQ XL2411T(Main) + Samsung T240 (Secondary) Corsair K70 RGB Mechanical Corsair AX1200 Cooler Master HAF X 
MouseAudioAudioOther
Razer Imperator Asus Xonar D2X 7.1 Sound Card Astro A40 2013 Ed. audio system Western Digital Elements 3TB (Storage) 
  hide details  
Reply
post #4 of 10
Html/PHP?? Either way you are going to have to make tables..
post #5 of 10
Thread Starter 
Quote:
Originally Posted by Gremlin View Post
Html/PHP?? Either way you are going to have to make tables..
Ok ok, but how will I know what sizes to make the table/(s)?
I.XXII.I
(17 items)
 
  
CPUMotherboardGraphicsRAM
Intel i7 5960X 8 core Asus X99 Deluxe EVGA GeForce GTX Titan X Corsair Dominator Platinum 16GB 
Hard DriveHard DriveOptical DriveOS
Samsung 830 SSD 128GB (OS/Apps) Samsung 830 SSD 512GB (Games) LG BH10LS30 Windows 8.1 Professional x64 
MonitorKeyboardPowerCase
BenQ XL2411T(Main) + Samsung T240 (Secondary) Corsair K70 RGB Mechanical Corsair AX1200 Cooler Master HAF X 
MouseAudioAudioOther
Razer Imperator Asus Xonar D2X 7.1 Sound Card Astro A40 2013 Ed. audio system Western Digital Elements 3TB (Storage) 
  hide details  
Reply
I.XXII.I
(17 items)
 
  
CPUMotherboardGraphicsRAM
Intel i7 5960X 8 core Asus X99 Deluxe EVGA GeForce GTX Titan X Corsair Dominator Platinum 16GB 
Hard DriveHard DriveOptical DriveOS
Samsung 830 SSD 128GB (OS/Apps) Samsung 830 SSD 512GB (Games) LG BH10LS30 Windows 8.1 Professional x64 
MonitorKeyboardPowerCase
BenQ XL2411T(Main) + Samsung T240 (Secondary) Corsair K70 RGB Mechanical Corsair AX1200 Cooler Master HAF X 
MouseAudioAudioOther
Razer Imperator Asus Xonar D2X 7.1 Sound Card Astro A40 2013 Ed. audio system Western Digital Elements 3TB (Storage) 
  hide details  
Reply
post #6 of 10
Thread Starter 
Quote:
Originally Posted by Gremlin View Post
So sounds like you are trying to make an active button on top of a backround... What about just using the base image on the backround when making the button in DW?
You mentioned making it the background..How Would I go about doing that?
I.XXII.I
(17 items)
 
  
CPUMotherboardGraphicsRAM
Intel i7 5960X 8 core Asus X99 Deluxe EVGA GeForce GTX Titan X Corsair Dominator Platinum 16GB 
Hard DriveHard DriveOptical DriveOS
Samsung 830 SSD 128GB (OS/Apps) Samsung 830 SSD 512GB (Games) LG BH10LS30 Windows 8.1 Professional x64 
MonitorKeyboardPowerCase
BenQ XL2411T(Main) + Samsung T240 (Secondary) Corsair K70 RGB Mechanical Corsair AX1200 Cooler Master HAF X 
MouseAudioAudioOther
Razer Imperator Asus Xonar D2X 7.1 Sound Card Astro A40 2013 Ed. audio system Western Digital Elements 3TB (Storage) 
  hide details  
Reply
I.XXII.I
(17 items)
 
  
CPUMotherboardGraphicsRAM
Intel i7 5960X 8 core Asus X99 Deluxe EVGA GeForce GTX Titan X Corsair Dominator Platinum 16GB 
Hard DriveHard DriveOptical DriveOS
Samsung 830 SSD 128GB (OS/Apps) Samsung 830 SSD 512GB (Games) LG BH10LS30 Windows 8.1 Professional x64 
MonitorKeyboardPowerCase
BenQ XL2411T(Main) + Samsung T240 (Secondary) Corsair K70 RGB Mechanical Corsair AX1200 Cooler Master HAF X 
MouseAudioAudioOther
Razer Imperator Asus Xonar D2X 7.1 Sound Card Astro A40 2013 Ed. audio system Western Digital Elements 3TB (Storage) 
  hide details  
Reply
post #7 of 10
You dont need to make tables if you dont want to.

Try something like this:
Code:
#menuBar{background:url(images/repeatingBGimage.jpg) repeat-x;}
a.button{background:url(images/buttonImage.jpg repeat x;}
then in html:
Code:
<div id="menuBar">
  <a class="button">LINK</a>
  <a class="button">ANOTHER LINK</a>
</div>
That should get you started... there is a lot of other ways you can go about this and things you can change like using ul-li's and defining height and width and such. Just let me know what you need and/or don't understand.
post #8 of 10
it's alot easier if u just use Fireworks to make the buttons and put them on top of the non working ones youre try to make
Flak's Machine
(13 items)
 
  
CPUMotherboardGraphicsRAM
Core 2 Duo E6400 @ 3.6 GHz ASUSTek P5N32-SLI-SE-Deluxe NVIDIA 7900GTX DDR2 2GB 
Hard DriveOSMonitorKeyboard
750 GB Windows XP Media Center Edition Professional AOC 17" Flat Screen Alienware 
PowerCaseMouseMouse Pad
750 Watt Alienware Area 51 Blue Alienware Laser Custom 
  hide details  
Reply
Flak's Machine
(13 items)
 
  
CPUMotherboardGraphicsRAM
Core 2 Duo E6400 @ 3.6 GHz ASUSTek P5N32-SLI-SE-Deluxe NVIDIA 7900GTX DDR2 2GB 
Hard DriveOSMonitorKeyboard
750 GB Windows XP Media Center Edition Professional AOC 17" Flat Screen Alienware 
PowerCaseMouseMouse Pad
750 Watt Alienware Area 51 Blue Alienware Laser Custom 
  hide details  
Reply
post #9 of 10
You said you designed it in photoshop...so why not cut it in photoshop too? It will be a lot easier that way and you won't have to mess around with the code.
2011
(14 items)
 
  
CPUMotherboardGraphicsRAM
Phenom X4 955 BE @ 3.2Ghz Gigabyte 880GA-UD3H XFX 6870 Dual Fan  4Gb G.Skill Ripjaw 1333Mhz 
Hard DriveOptical DriveCoolingOS
80Gb Seagate SATA LG DVD+ Zalman CNPS 9700 Windows 7 64 bit 
MonitorKeyboardPowerCase
Asus VH238H Black 23" Full HD - LED Backlit Microsoft Media Pro Antec Earthwatts 600w Antec 900 (modded) 
MouseMouse Pad
Logitech MX518 Steelpad 5L 
  hide details  
Reply
2011
(14 items)
 
  
CPUMotherboardGraphicsRAM
Phenom X4 955 BE @ 3.2Ghz Gigabyte 880GA-UD3H XFX 6870 Dual Fan  4Gb G.Skill Ripjaw 1333Mhz 
Hard DriveOptical DriveCoolingOS
80Gb Seagate SATA LG DVD+ Zalman CNPS 9700 Windows 7 64 bit 
MonitorKeyboardPowerCase
Asus VH238H Black 23" Full HD - LED Backlit Microsoft Media Pro Antec Earthwatts 600w Antec 900 (modded) 
MouseMouse Pad
Logitech MX518 Steelpad 5L 
  hide details  
Reply
post #10 of 10
you guys are crazy with your photoshop and cutting and tables... css is sooo much easier.
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Web Coding
Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › Dreamweaver CS3 - Image on Image?