Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › Text/Image Zoom on website
New Posts  All Forums:Forum Nav:

Text/Image Zoom on website

post #1 of 10
Thread Starter 
Hey,
Im making this website im all done, even got an icon, just inputting text right now, but the problem i have is,
If u zoom in and out (CTRL+Scroll Wheel), the links and the top zoom in and out too. Any ideas on how to prevent this from happening and having static images?
thanks

Edit*
on the main page it shows http://www.wildrose-eng.com/home, but on the careers page, it shows what it should, which is wildrose engineering corp. all the pages have the same code for the title, but only careers display the correct one.
    
CPUMotherboardGraphicsRAM
i5 2500k Asus P67-M Pro HD 4890 2x4gb Gskill DDR3 16000 
Hard DriveOptical DriveOSMonitor
60gb Force 3 SSD + 1TB Caviar Black Samsung 22X DVD Windows 7 x64 Ultimate LG IPS 23" 
KeyboardPowerCaseMouse
Razer Black Widow Ultimate Silverstone 700W Corsair 600T Logitech G500 
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
i5 2500k Asus P67-M Pro HD 4890 2x4gb Gskill DDR3 16000 
Hard DriveOptical DriveOSMonitor
60gb Force 3 SSD + 1TB Caviar Black Samsung 22X DVD Windows 7 x64 Ultimate LG IPS 23" 
KeyboardPowerCaseMouse
Razer Black Widow Ultimate Silverstone 700W Corsair 600T Logitech G500 
  hide details  
Reply
post #2 of 10
Nice site, that is weird.....

Has something to do with your spacing. Are those items in a table? What did you use to make the layout?
quad core madness
(14 items)
 
  
CPUMotherboardGraphicsRAM
Lapped Intel Core 2 Quad - Q6600 G0 Stepping Asus P5K Deluxe WiFi ATi Sapphire HD 6950 2GB Unlocked 8GB G.Skill Pi Black DDR2-800 PC2-6400 
Hard DriveOptical DriveOSMonitor
60GB OCZ Solid 2 SSD Samsung SATA 18X DVD Burner Windows 7 Ultimate x64 Dell 3007WFP-HC + 2x 2007FP in PLP 
KeyboardPowerCaseMouse
Ducky Shine Blue, MX Red Corsair HX620 620W Lian Li V1000 Plus Black Razer Mamba 2012 
Mouse PadAudio
XTrack Ripper XL Creative X-Fi XtremeMusic 
  hide details  
Reply
quad core madness
(14 items)
 
  
CPUMotherboardGraphicsRAM
Lapped Intel Core 2 Quad - Q6600 G0 Stepping Asus P5K Deluxe WiFi ATi Sapphire HD 6950 2GB Unlocked 8GB G.Skill Pi Black DDR2-800 PC2-6400 
Hard DriveOptical DriveOSMonitor
60GB OCZ Solid 2 SSD Samsung SATA 18X DVD Burner Windows 7 Ultimate x64 Dell 3007WFP-HC + 2x 2007FP in PLP 
KeyboardPowerCaseMouse
Ducky Shine Blue, MX Red Corsair HX620 620W Lian Li V1000 Plus Black Razer Mamba 2012 
Mouse PadAudio
XTrack Ripper XL Creative X-Fi XtremeMusic 
  hide details  
Reply
post #3 of 10
It isn't just that the top ones increase, but if you increase, the box with the writing in it moves down too. Weird.
FX Rig
(13 items)
 
  
CPUMotherboardGraphicsRAM
AMD FX-8320e Gigabyte GA-970A-UD3P Sapphire R9 380 4GB 2x8GB Crucial Ballistix DDR3-1600 
Hard DriveHard DriveOptical DriveCooling
Intel 240GB SSD HGST 4TB Storage DVD-RW Cooler Master Hyper 212 EVO 
OSMonitorPowerCase
Windows 7 x64 AOC 27" 1080p Corsair CX750m Corsair 200R 
Audio
Asus Xonar DS 
  hide details  
Reply
FX Rig
(13 items)
 
  
CPUMotherboardGraphicsRAM
AMD FX-8320e Gigabyte GA-970A-UD3P Sapphire R9 380 4GB 2x8GB Crucial Ballistix DDR3-1600 
Hard DriveHard DriveOptical DriveCooling
Intel 240GB SSD HGST 4TB Storage DVD-RW Cooler Master Hyper 212 EVO 
OSMonitorPowerCase
Windows 7 x64 AOC 27" 1080p Corsair CX750m Corsair 200R 
Audio
Asus Xonar DS 
  hide details  
Reply
post #4 of 10
Thread Starter 
Quote:
Originally Posted by dr4gon View Post
Nice site, that is weird.....

Has something to do with your spacing. Are those items in a table? What did you use to make the layout?
Nope, they arent, could that be why? And thank u

Quote:
Originally Posted by Retrospekt View Post
It isn't just that the top ones increase, but if you increase, the box with the writing in it moves down too. Weird.
Extremely wierd


I also have another problem (updated OP), on the main page it shows http://www.wildrose-eng.com/home, but on the careers page, it shows what it should, which is wildrose engineering corp. all the pages have the same code for the title, but only careers display the correct one.
    
CPUMotherboardGraphicsRAM
i5 2500k Asus P67-M Pro HD 4890 2x4gb Gskill DDR3 16000 
Hard DriveOptical DriveOSMonitor
60gb Force 3 SSD + 1TB Caviar Black Samsung 22X DVD Windows 7 x64 Ultimate LG IPS 23" 
KeyboardPowerCaseMouse
Razer Black Widow Ultimate Silverstone 700W Corsair 600T Logitech G500 
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
i5 2500k Asus P67-M Pro HD 4890 2x4gb Gskill DDR3 16000 
Hard DriveOptical DriveOSMonitor
60gb Force 3 SSD + 1TB Caviar Black Samsung 22X DVD Windows 7 x64 Ultimate LG IPS 23" 
KeyboardPowerCaseMouse
Razer Black Widow Ultimate Silverstone 700W Corsair 600T Logitech G500 
  hide details  
Reply
post #5 of 10
Thread Starter 
sorry for the early bump,
but i need this fixed asap.
    
CPUMotherboardGraphicsRAM
i5 2500k Asus P67-M Pro HD 4890 2x4gb Gskill DDR3 16000 
Hard DriveOptical DriveOSMonitor
60gb Force 3 SSD + 1TB Caviar Black Samsung 22X DVD Windows 7 x64 Ultimate LG IPS 23" 
KeyboardPowerCaseMouse
Razer Black Widow Ultimate Silverstone 700W Corsair 600T Logitech G500 
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
i5 2500k Asus P67-M Pro HD 4890 2x4gb Gskill DDR3 16000 
Hard DriveOptical DriveOSMonitor
60gb Force 3 SSD + 1TB Caviar Black Samsung 22X DVD Windows 7 x64 Ultimate LG IPS 23" 
KeyboardPowerCaseMouse
Razer Black Widow Ultimate Silverstone 700W Corsair 600T Logitech G500 
  hide details  
Reply
post #6 of 10
Yeah, it was one of the first things I learned when I started out web design that images should be put in a table, if you don't want them to move and do funky stuff.

What did you use to make the layout, photoshop and slice?
quad core madness
(14 items)
 
  
CPUMotherboardGraphicsRAM
Lapped Intel Core 2 Quad - Q6600 G0 Stepping Asus P5K Deluxe WiFi ATi Sapphire HD 6950 2GB Unlocked 8GB G.Skill Pi Black DDR2-800 PC2-6400 
Hard DriveOptical DriveOSMonitor
60GB OCZ Solid 2 SSD Samsung SATA 18X DVD Burner Windows 7 Ultimate x64 Dell 3007WFP-HC + 2x 2007FP in PLP 
KeyboardPowerCaseMouse
Ducky Shine Blue, MX Red Corsair HX620 620W Lian Li V1000 Plus Black Razer Mamba 2012 
Mouse PadAudio
XTrack Ripper XL Creative X-Fi XtremeMusic 
  hide details  
Reply
quad core madness
(14 items)
 
  
CPUMotherboardGraphicsRAM
Lapped Intel Core 2 Quad - Q6600 G0 Stepping Asus P5K Deluxe WiFi ATi Sapphire HD 6950 2GB Unlocked 8GB G.Skill Pi Black DDR2-800 PC2-6400 
Hard DriveOptical DriveOSMonitor
60GB OCZ Solid 2 SSD Samsung SATA 18X DVD Burner Windows 7 Ultimate x64 Dell 3007WFP-HC + 2x 2007FP in PLP 
KeyboardPowerCaseMouse
Ducky Shine Blue, MX Red Corsair HX620 620W Lian Li V1000 Plus Black Razer Mamba 2012 
Mouse PadAudio
XTrack Ripper XL Creative X-Fi XtremeMusic 
  hide details  
Reply
post #7 of 10
When i zoomed in and out, the tabs at the top would all move downwards without zooming as i zoomed in on the text below. Likewise, all the text would move upwards as i zoomed out. The image did not zoom.
post #8 of 10
Thread Starter 
Quote:
Originally Posted by dr4gon View Post
Yeah, it was one of the first things I learned when I started out web design that images should be put in a table, if you don't want them to move and do funky stuff.

What did you use to make the layout, photoshop and slice?
I used dreamweaver, im going to try making tables for them tonight and try it out,
Thanks
Quote:
Originally Posted by ender475 View Post
When i zoomed in and out, the tabs at the top would all move downwards without zooming as i zoomed in on the text below. Likewise, all the text would move upwards as i zoomed out. The image did not zoom.
exactly the problem
    
CPUMotherboardGraphicsRAM
i5 2500k Asus P67-M Pro HD 4890 2x4gb Gskill DDR3 16000 
Hard DriveOptical DriveOSMonitor
60gb Force 3 SSD + 1TB Caviar Black Samsung 22X DVD Windows 7 x64 Ultimate LG IPS 23" 
KeyboardPowerCaseMouse
Razer Black Widow Ultimate Silverstone 700W Corsair 600T Logitech G500 
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
i5 2500k Asus P67-M Pro HD 4890 2x4gb Gskill DDR3 16000 
Hard DriveOptical DriveOSMonitor
60gb Force 3 SSD + 1TB Caviar Black Samsung 22X DVD Windows 7 x64 Ultimate LG IPS 23" 
KeyboardPowerCaseMouse
Razer Black Widow Ultimate Silverstone 700W Corsair 600T Logitech G500 
  hide details  
Reply
post #9 of 10
I can't see the site at the moment to test it. Have you taken it offline?

For image zooming, use something like Magic Zoom that will work when JavaScript is disabled and that search engines can spider.

However, I think your problem is text zooming rather than image zooming. All text on websites can be made bigger and smaller by the user. By being able to choose their preference, the user can control their experience. If you deliberately fix the font size so it cannot be changed, then you are hindering accessibility e.g. by people with poor eyesight.

Your site might not look as nice if people choose to make the text bigger, but that's their choice. Make it look nice for the default browser font size and test it to check that it is still usable for larger and smaller text sizes.
post #10 of 10
Thread Starter 
Quote:
Originally Posted by Wizard99 View Post
I can't see the site at the moment to test it. Have you taken it offline?

For image zooming, use something like Magic Zoom that will work when JavaScript is disabled and that search engines can spider.

However, I think your problem is text zooming rather than image zooming. All text on websites can be made bigger and smaller by the user. By being able to choose their preference, the user can control their experience. If you deliberately fix the font size so it cannot be changed, then you are hindering accessibility e.g. by people with poor eyesight.

Your site might not look as nice if people choose to make the text bigger, but that's their choice. Make it look nice for the default browser font size and test it to check that it is still usable for larger and smaller text sizes.
Thanks,
yes its down right now to fix up all the content
Thanks for ur input,
    
CPUMotherboardGraphicsRAM
i5 2500k Asus P67-M Pro HD 4890 2x4gb Gskill DDR3 16000 
Hard DriveOptical DriveOSMonitor
60gb Force 3 SSD + 1TB Caviar Black Samsung 22X DVD Windows 7 x64 Ultimate LG IPS 23" 
KeyboardPowerCaseMouse
Razer Black Widow Ultimate Silverstone 700W Corsair 600T Logitech G500 
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
i5 2500k Asus P67-M Pro HD 4890 2x4gb Gskill DDR3 16000 
Hard DriveOptical DriveOSMonitor
60gb Force 3 SSD + 1TB Caviar Black Samsung 22X DVD Windows 7 x64 Ultimate LG IPS 23" 
KeyboardPowerCaseMouse
Razer Black Widow Ultimate Silverstone 700W Corsair 600T Logitech G500 
  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 › Text/Image Zoom on website