Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › Need Web Coding Help Urgent plz!!!
New Posts  All Forums:Forum Nav:

Need Web Coding Help Urgent plz!!! - Page 2

post #11 of 30
Quote:
Originally Posted by MaCnRYdER View Post
meh makes code messy Im using Notepad++
Im with you I only use np++. Try searching for some tutorials on how to make css buttons and some other css stuff. For me its hard to explain how to do this.
Performance 1
(14 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core i7 950 @ 4.4GHz Asus P6X58D-E 2x eVGA GTX 470 SLi G.skill Ripjaws 6GB @ 1603MHz 
Hard DriveCoolingOSMonitor
3x Samsung f3 Heatkiller 3.0 (Feser 480) windows 7 64-Bit 2x LG 20" lcds 
KeyboardPowerCaseMouse
Microsoft (G19 dead) Thermaltake 850w Thermaltake Armor logitech mx-518 
Mouse Pad
Puppy dog mouse pad 
  hide details  
Reply
Performance 1
(14 items)
 
  
CPUMotherboardGraphicsRAM
Intel Core i7 950 @ 4.4GHz Asus P6X58D-E 2x eVGA GTX 470 SLi G.skill Ripjaws 6GB @ 1603MHz 
Hard DriveCoolingOSMonitor
3x Samsung f3 Heatkiller 3.0 (Feser 480) windows 7 64-Bit 2x LG 20" lcds 
KeyboardPowerCaseMouse
Microsoft (G19 dead) Thermaltake 850w Thermaltake Armor logitech mx-518 
Mouse Pad
Puppy dog mouse pad 
  hide details  
Reply
post #12 of 30
Thread Starter 
Quote:
Originally Posted by hybrid-kernel View Post
usual method iirc is a list (ul > li > a) and having the li float left/right and the a display block (with some padding of course)
alright do you mean something like this?
Quote:
<ul>
<li><a href="#" titl="my page">Home</a></li>
<li><a href="#" titl="my page">Administration</a></li>
<li><a href="#" titl="my page">Scholastic Departments</a></li>
<li><a href="#" titl="my page">Clubs</a></li>
<li><a href="#" titl="my page">Music</a></li>
<li><a href="#" titl="my page">Portfolio</a></li>
<li><a href="#" titl="my page">Contact</a></li>
</ul>
But I didn't understand what you meant by the css?
AMD Baby!!!
(13 items)
 
  
CPUMotherboardGraphicsRAM
Sempron 140 Gigabyte 870A-UD3 Sapphire 4670 A-Data 2gb DDR3 
Hard DriveOSMonitorPower
40gb IDE :( Windows 7 Cheap CRT 300watt 
Case
NZXT Beta Evo 
  hide details  
Reply
AMD Baby!!!
(13 items)
 
  
CPUMotherboardGraphicsRAM
Sempron 140 Gigabyte 870A-UD3 Sapphire 4670 A-Data 2gb DDR3 
Hard DriveOSMonitorPower
40gb IDE :( Windows 7 Cheap CRT 300watt 
Case
NZXT Beta Evo 
  hide details  
Reply
post #13 of 30
1) title* not titl
2) something like (the menu class is important in case you have other lists somewhere)
Code:
ul.menu li { float: left; }
ul.menu li a { display: block; padding: 5px; }
Rena
(13 items)
 
  
CPUMotherboardGraphicsRAM
AMD Phenom II x6 1055T Asus M4A88TD-M/USB3 XFX 8800gt 512mb 2x2GB 1333MHz 
Hard DriveOptical DriveOSMonitor
250gb WD + 1tb WD + 2tb WD LG GSA-H55L Aptosid amd64 Samsung Syncmaster 216BW 
KeyboardPowerMouse
Genius Thermaltake TR2 W0379RU 500W Generic Microsoft Mouse 
  hide details  
Reply
Rena
(13 items)
 
  
CPUMotherboardGraphicsRAM
AMD Phenom II x6 1055T Asus M4A88TD-M/USB3 XFX 8800gt 512mb 2x2GB 1333MHz 
Hard DriveOptical DriveOSMonitor
250gb WD + 1tb WD + 2tb WD LG GSA-H55L Aptosid amd64 Samsung Syncmaster 216BW 
KeyboardPowerMouse
Genius Thermaltake TR2 W0379RU 500W Generic Microsoft Mouse 
  hide details  
Reply
post #14 of 30
Quote:
Originally Posted by MaCnRYdER View Post
alright do you mean something like this?


But I didn't understand what you meant by the css?
You're on the right track with that, then you'll need to make some left/right/centre/sub-menu buttons. Have a look here, fantastic and easy to understand example with all of the code and images included. All you'd need to do is replace the button images with your own and play around with the CSS to get it to sit how you want it. Also, it's worth looking at the code in-depth so you know how to do it yourself for future reference.

Good luck!

EDIT: Also, good work on using Notepad++! Such a fantastic editor, and you actually understand what you're doing rather than using Dreamweaver
Orange != Red
(20 items)
 
  
Reply
Orange != Red
(20 items)
 
  
Reply
post #15 of 30
use <ul> elements within an <il>. You can use firebug to look at the css html and js/jquery of any site within firefox. Just install the addon, go to a site you'd like to look at the coding of, press f12. Then you can edit the code and see results in real time.
JJS
(14 items)
 
  
CPUMotherboardGraphicsRAM
Xeon X5650 Asus P6X58D-e R9 290x 4Gb 24Gb HyperX DDR3 
Hard DriveHard DriveOSMonitor
250Gb 840 EVO 3x Seagate 3Tb Windows 7 x64 2x Dell U2711 
KeyboardPowerCaseMouse
Steelseries 7G, Das Professional S Silent, Antec 550W Not at the moment Logitech G9, G500 (x2), G500s 
Audio
Sound Blaster Z 
  hide details  
Reply
JJS
(14 items)
 
  
CPUMotherboardGraphicsRAM
Xeon X5650 Asus P6X58D-e R9 290x 4Gb 24Gb HyperX DDR3 
Hard DriveHard DriveOSMonitor
250Gb 840 EVO 3x Seagate 3Tb Windows 7 x64 2x Dell U2711 
KeyboardPowerCaseMouse
Steelseries 7G, Das Professional S Silent, Antec 550W Not at the moment Logitech G9, G500 (x2), G500s 
Audio
Sound Blaster Z 
  hide details  
Reply
post #16 of 30
this is great and all help wise, BUT OP needs to decided what style of navigation buttons he wants to perform. For a noob in this area i would advise you to do a google search on CSS navigation and go to some sites that have displayed "X" hottest buttons etc. etc. Go from there, i could post up 20 styles and code bits for you on this. Also make sure to use N++ but if you have dreamweaver use code view.
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
OverKill
(18 items)
 
  
CPUMotherboardGraphicsGraphics
AMD Phenom II X6 1055T Gigabyte 890FXA ATI FirePro V3800 ATI FirePro V3800 
RAMHard DriveHard DriveOptical Drive
16gb GSkill 10666 Seagate Western Digital  LG Blue Ray 
CoolingOSMonitorMonitor
stock air 7 Pro 64 bit (2)22" Acer x223w (2)23" Acer G235H 
KeyboardPowerCaseMouse
Microsoft Wireless Antec 900watt Antec 300 Wacom Tablet 
Audio
Logitech Speakers and sub 
  hide details  
Reply
post #17 of 30
Thread Starter 
Quote:
Originally Posted by graphicsman View Post
this is great and all help wise, BUT OP needs to decided what style of navigation buttons he wants to perform. For a noob in this area i would advise you to do a google search on CSS navigation and go to some sites that have displayed "X" hottest buttons etc. etc. Go from there, i could post up 20 styles and code bits for you on this. Also make sure to use N++ but if you have dreamweaver use code view.
Thanks for the help I was able to put my links in the right order but now Im stuck again how would I go to adding that black box in the middle of my page like I do in my PSD?
AMD Baby!!!
(13 items)
 
  
CPUMotherboardGraphicsRAM
Sempron 140 Gigabyte 870A-UD3 Sapphire 4670 A-Data 2gb DDR3 
Hard DriveOSMonitorPower
40gb IDE :( Windows 7 Cheap CRT 300watt 
Case
NZXT Beta Evo 
  hide details  
Reply
AMD Baby!!!
(13 items)
 
  
CPUMotherboardGraphicsRAM
Sempron 140 Gigabyte 870A-UD3 Sapphire 4670 A-Data 2gb DDR3 
Hard DriveOSMonitorPower
40gb IDE :( Windows 7 Cheap CRT 300watt 
Case
NZXT Beta Evo 
  hide details  
Reply
post #18 of 30
HOLD THE F**KING PHONE.

I GOT THIS PEOPLE

*runs off to the coding cave of doom* aka his computer chair with dreamweaver open.
post back in a few with proper and correct coding.
post #19 of 30
Ummm where are the images for the backgrounds?
I need those.

NVM, I guess everybody abandoned this thread.

Bed time for me anyway.
Edited by thrasherht - 1/4/11 at 12:07am
post #20 of 30
Thread Starter 
Is that black box in the psd how would it go to the content?
AMD Baby!!!
(13 items)
 
  
CPUMotherboardGraphicsRAM
Sempron 140 Gigabyte 870A-UD3 Sapphire 4670 A-Data 2gb DDR3 
Hard DriveOSMonitorPower
40gb IDE :( Windows 7 Cheap CRT 300watt 
Case
NZXT Beta Evo 
  hide details  
Reply
AMD Baby!!!
(13 items)
 
  
CPUMotherboardGraphicsRAM
Sempron 140 Gigabyte 870A-UD3 Sapphire 4670 A-Data 2gb DDR3 
Hard DriveOSMonitorPower
40gb IDE :( Windows 7 Cheap CRT 300watt 
Case
NZXT Beta Evo 
  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 › Need Web Coding Help Urgent plz!!!