Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › Photoshop Layout Help
New Posts  All Forums:Forum Nav:

Photoshop Layout Help

post #1 of 8
Thread Starter 
I have a layout in photoshop, but how do I make it so it sets itself to be the correct size, and "touch" the top and bottom of the website, no matter what size resolution you are running? I think it has something to do with tables, not sure on this.
FX-57 Rig
(13 items)
 
  
CPUMotherboardGraphicsRAM
AMD Athlon64 FX-57 DFI Lanparty NF4 SLI-DR EVGA 7950GX2 OCZ 2x1 GB 2-3-2-5 
Hard DriveOSMonitorKeyboard
74GB Raptor Windows Vista Ultimate Acer AL2216W 22" Widescreen Saitek Eclipse (Blue) 
PowerCaseMouseMouse Pad
680W Aspire Thermaltake Armor Logitech G5 Icemat v2 
  hide details  
Reply
FX-57 Rig
(13 items)
 
  
CPUMotherboardGraphicsRAM
AMD Athlon64 FX-57 DFI Lanparty NF4 SLI-DR EVGA 7950GX2 OCZ 2x1 GB 2-3-2-5 
Hard DriveOSMonitorKeyboard
74GB Raptor Windows Vista Ultimate Acer AL2216W 22" Widescreen Saitek Eclipse (Blue) 
PowerCaseMouseMouse Pad
680W Aspire Thermaltake Armor Logitech G5 Icemat v2 
  hide details  
Reply
post #2 of 8
Quote:
Originally Posted by Chopes
I have a layout in photoshop, but how do I make it so it sets itself to be the correct size, and "touch" the top and bottom of the website, no matter what size resolution you are running? I think it has something to do with tables, not sure on this.
I used to do that with a table have a width and height of 100%.
Having a percentage makes the table expand and adjust to any resolution.
My System
(13 items)
 
  
CPUMotherboardOSMonitor
P4 630 3.0GHz Asus P5LD2-VM Windows XP Pro (SP2) Viewsonic VX-724 (LCD) 
PowerCaseMouse
Antec TruePower II 480W TT SViking (modded) Logitech G5 +TT Gamma Pad 
  hide details  
Reply
My System
(13 items)
 
  
CPUMotherboardOSMonitor
P4 630 3.0GHz Asus P5LD2-VM Windows XP Pro (SP2) Viewsonic VX-724 (LCD) 
PowerCaseMouse
Antec TruePower II 480W TT SViking (modded) Logitech G5 +TT Gamma Pad 
  hide details  
Reply
post #3 of 8
Thread Starter 
Im having some troubles, I sent you a pm. For some reason when I do it, everything starts having errors, theres problems all over the page and stuff. Check your pm.
FX-57 Rig
(13 items)
 
  
CPUMotherboardGraphicsRAM
AMD Athlon64 FX-57 DFI Lanparty NF4 SLI-DR EVGA 7950GX2 OCZ 2x1 GB 2-3-2-5 
Hard DriveOSMonitorKeyboard
74GB Raptor Windows Vista Ultimate Acer AL2216W 22" Widescreen Saitek Eclipse (Blue) 
PowerCaseMouseMouse Pad
680W Aspire Thermaltake Armor Logitech G5 Icemat v2 
  hide details  
Reply
FX-57 Rig
(13 items)
 
  
CPUMotherboardGraphicsRAM
AMD Athlon64 FX-57 DFI Lanparty NF4 SLI-DR EVGA 7950GX2 OCZ 2x1 GB 2-3-2-5 
Hard DriveOSMonitorKeyboard
74GB Raptor Windows Vista Ultimate Acer AL2216W 22" Widescreen Saitek Eclipse (Blue) 
PowerCaseMouseMouse Pad
680W Aspire Thermaltake Armor Logitech G5 Icemat v2 
  hide details  
Reply
post #4 of 8
set the width to 90% (not pixels), post the link if you can, or the html file.
My System
(13 items)
 
  
CPUMotherboardOSMonitor
AMD Opteron 165 D/C DFI LANPARTY nF4 SLI-DR Winxp Pro SP2 Viewsonic Pro p95f+ 
KeyboardPowerCaseMouse
Microsoft Silverstone ST60F 600w! Antec Microsoft internet 
  hide details  
Reply
My System
(13 items)
 
  
CPUMotherboardOSMonitor
AMD Opteron 165 D/C DFI LANPARTY nF4 SLI-DR Winxp Pro SP2 Viewsonic Pro p95f+ 
KeyboardPowerCaseMouse
Microsoft Silverstone ST60F 600w! Antec Microsoft internet 
  hide details  
Reply
post #5 of 8
I can help too but I don't know exactley what you meen.

Making a layout in photoshop requires you to dice it when you are done in to seperate images. I wouldn't reccomend you use all images as links unless you really feel the need to do so. Photoshop is just image software, it can be used to do anything. What resolution are you trying to make the website viewable at? If you set the width to 90%, it will stretch the images to 90% of any browser at any resolution, which will result in some blurry images or things loading in the wrong place.
650 Dominator
(15 items)
 
Bumblebee
(14 items)
 
 
CPUMotherboardGraphicsGraphics
Intel i7 3770k ASUS Sabertooth Z77 eVGA GTX 680 2GB eVGA GTX 680 2GB 
RAMHard DriveHard DriveCooling
Crucial Ballistix DDR3 1600 Intel 520 Intel 520 CM Hyper Evo+ 
OSKeyboardPowerCase
Windows 8 Pro Das Keyboard Ultimate Corsair HX850 Corsair 650D 
MouseMouse PadAudio
SteelSeries Sensei Fnatic SteelSeries Qck+ Fnatic SteelSeries 7H Fnatic 
  hide details  
Reply
650 Dominator
(15 items)
 
Bumblebee
(14 items)
 
 
CPUMotherboardGraphicsGraphics
Intel i7 3770k ASUS Sabertooth Z77 eVGA GTX 680 2GB eVGA GTX 680 2GB 
RAMHard DriveHard DriveCooling
Crucial Ballistix DDR3 1600 Intel 520 Intel 520 CM Hyper Evo+ 
OSKeyboardPowerCase
Windows 8 Pro Das Keyboard Ultimate Corsair HX850 Corsair 650D 
MouseMouse PadAudio
SteelSeries Sensei Fnatic SteelSeries Qck+ Fnatic SteelSeries 7H Fnatic 
  hide details  
Reply
post #6 of 8
Thread Starter 
I cant figure this out at all...


I think I have to do something with the picture sizes or something, but i am so confused...
FX-57 Rig
(13 items)
 
  
CPUMotherboardGraphicsRAM
AMD Athlon64 FX-57 DFI Lanparty NF4 SLI-DR EVGA 7950GX2 OCZ 2x1 GB 2-3-2-5 
Hard DriveOSMonitorKeyboard
74GB Raptor Windows Vista Ultimate Acer AL2216W 22" Widescreen Saitek Eclipse (Blue) 
PowerCaseMouseMouse Pad
680W Aspire Thermaltake Armor Logitech G5 Icemat v2 
  hide details  
Reply
FX-57 Rig
(13 items)
 
  
CPUMotherboardGraphicsRAM
AMD Athlon64 FX-57 DFI Lanparty NF4 SLI-DR EVGA 7950GX2 OCZ 2x1 GB 2-3-2-5 
Hard DriveOSMonitorKeyboard
74GB Raptor Windows Vista Ultimate Acer AL2216W 22" Widescreen Saitek Eclipse (Blue) 
PowerCaseMouseMouse Pad
680W Aspire Thermaltake Armor Logitech G5 Icemat v2 
  hide details  
Reply
post #7 of 8
post or zip up what you've got and ill look at it
My System
(13 items)
 
  
CPUMotherboardOSMonitor
AMD Opteron 165 D/C DFI LANPARTY nF4 SLI-DR Winxp Pro SP2 Viewsonic Pro p95f+ 
KeyboardPowerCaseMouse
Microsoft Silverstone ST60F 600w! Antec Microsoft internet 
  hide details  
Reply
My System
(13 items)
 
  
CPUMotherboardOSMonitor
AMD Opteron 165 D/C DFI LANPARTY nF4 SLI-DR Winxp Pro SP2 Viewsonic Pro p95f+ 
KeyboardPowerCaseMouse
Microsoft Silverstone ST60F 600w! Antec Microsoft internet 
  hide details  
Reply
post #8 of 8
Thread Starter 
z_one helped me through

it was a weird problem. All fixed.
FX-57 Rig
(13 items)
 
  
CPUMotherboardGraphicsRAM
AMD Athlon64 FX-57 DFI Lanparty NF4 SLI-DR EVGA 7950GX2 OCZ 2x1 GB 2-3-2-5 
Hard DriveOSMonitorKeyboard
74GB Raptor Windows Vista Ultimate Acer AL2216W 22" Widescreen Saitek Eclipse (Blue) 
PowerCaseMouseMouse Pad
680W Aspire Thermaltake Armor Logitech G5 Icemat v2 
  hide details  
Reply
FX-57 Rig
(13 items)
 
  
CPUMotherboardGraphicsRAM
AMD Athlon64 FX-57 DFI Lanparty NF4 SLI-DR EVGA 7950GX2 OCZ 2x1 GB 2-3-2-5 
Hard DriveOSMonitorKeyboard
74GB Raptor Windows Vista Ultimate Acer AL2216W 22" Widescreen Saitek Eclipse (Blue) 
PowerCaseMouseMouse Pad
680W Aspire Thermaltake Armor Logitech G5 Icemat v2 
  hide details  
Reply
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 › Photoshop Layout Help