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!!!

post #1 of 30
Thread Starter 
So I have my layout done already I just need to add text and pictures, I made the layout in photoshop. I want to know how to add text to my navigation bar that I have and how to add text in my content?
Here is my HTML and CSS.
Here is also my layout on photoshop




Thats how I want it to end up looking, Well Im kinda of stuck PLZ help OCN.net
and this is what I have so far



Quote:
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Royal High School</title>
<link href="style.css" media="screen" rel="stylesheet" type="text/css">
</head>
<body>
<div id="menu">
</div>
<div id="content">
</div>
<div id="footer">
<div id="footer-content">
<div class="gold-bar"></div>
</div>
<div class="gold-bar"></div>


</body>
</html>
Quote:
body {
margin: 0;
padding: 0;
background-image: url(images/content.png);
background-repeat: repeat-x;
background-color: #ece8ce;
text-align: center;
}
body > div {
text-align: left;
}
#menu {
position: relative;
margin: 100px auto 0 auto;
background-image: url(images/menubg.png);
width: 1025px;
height: 46px;
}
#content {
position: relative;
margin: 0 auto;
min-height: 700px;
width: 1019px;
background-image: url(images/contentbg.png);
background-repeat: repeat-y;
}
#footer {
position: relative;
width: 100%;
height: 246px;
background-color: #231f1f;
}
#footer-content {
margin-left: -510px;
position: absolute;
top: 0;
left: 50%;
height: 100px;
width: 1017px;
background-image: url(images/contentbg.png);
background-repeat: repeat-y;
}
#footer-content .gold-bar {
position: relative;
left: 9px;
width: 1000px;
margin-top: 20px;
}
.gold-bar {
height: 50px;
background-color: #c8bb6b;
}
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 #2 of 30
$$?
Waiting on X399
(13 items)
 
  
CPUMotherboardGraphicsRAM
AMD Phenom II B57 @ X4 3.9 Gigabyte 790FXTA-UD5 Sapphire Radeon 290 8 GB G.Skill 2133 
Hard DriveCoolingOSKeyboard
250 GB 840 EVO Noctua NH-D14 Windows 10 Logitech K350 
PowerCaseMouseMouse Pad
Seasonic x750 Corsair 600T Logitech G100s Razer Goliathus Speed 
Audio
Plantronics Gamecom 788 
  hide details  
Reply
Waiting on X399
(13 items)
 
  
CPUMotherboardGraphicsRAM
AMD Phenom II B57 @ X4 3.9 Gigabyte 790FXTA-UD5 Sapphire Radeon 290 8 GB G.Skill 2133 
Hard DriveCoolingOSKeyboard
250 GB 840 EVO Noctua NH-D14 Windows 10 Logitech K350 
PowerCaseMouseMouse Pad
Seasonic x750 Corsair 600T Logitech G100s Razer Goliathus Speed 
Audio
Plantronics Gamecom 788 
  hide details  
Reply
post #3 of 30
Why not use dreamweaver??

looks like dreamweaver would easily do all that with some AP Divs and a template page
    
CPUMotherboardGraphicsRAM
Intel Core i7 930 [4.33 Ghz] EVGA X58 SLI LE EVGA GTS 450 [SLI] 6 GB DDR 3 OCZ 1600 [1T-7-8-7-18 @ 1474] 
Hard DriveOptical DriveOSMonitor
Vertex 2 [120 GB] + 4x WD Green 2 TB [Raid1] Samsung BD-R [12x] Microsoft Windows 7 Pro [x64] [3] Samsung SyncMaster 2233sw 
KeyboardPowerCaseMouse
I-rocks Corsair HX650 [650W] Lian Li PC K62 Logi 
Mouse Pad
Metallica 
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
Intel Core i7 930 [4.33 Ghz] EVGA X58 SLI LE EVGA GTS 450 [SLI] 6 GB DDR 3 OCZ 1600 [1T-7-8-7-18 @ 1474] 
Hard DriveOptical DriveOSMonitor
Vertex 2 [120 GB] + 4x WD Green 2 TB [Raid1] Samsung BD-R [12x] Microsoft Windows 7 Pro [x64] [3] Samsung SyncMaster 2233sw 
KeyboardPowerCaseMouse
I-rocks Corsair HX650 [650W] Lian Li PC K62 Logi 
Mouse Pad
Metallica 
  hide details  
Reply
post #4 of 30
Thread Starter 
meh makes code messy Im using Notepad++
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 #5 of 30
How can you complain about messy code when you only have a box so far..
Waiting on X399
(13 items)
 
  
CPUMotherboardGraphicsRAM
AMD Phenom II B57 @ X4 3.9 Gigabyte 790FXTA-UD5 Sapphire Radeon 290 8 GB G.Skill 2133 
Hard DriveCoolingOSKeyboard
250 GB 840 EVO Noctua NH-D14 Windows 10 Logitech K350 
PowerCaseMouseMouse Pad
Seasonic x750 Corsair 600T Logitech G100s Razer Goliathus Speed 
Audio
Plantronics Gamecom 788 
  hide details  
Reply
Waiting on X399
(13 items)
 
  
CPUMotherboardGraphicsRAM
AMD Phenom II B57 @ X4 3.9 Gigabyte 790FXTA-UD5 Sapphire Radeon 290 8 GB G.Skill 2133 
Hard DriveCoolingOSKeyboard
250 GB 840 EVO Noctua NH-D14 Windows 10 Logitech K350 
PowerCaseMouseMouse Pad
Seasonic x750 Corsair 600T Logitech G100s Razer Goliathus Speed 
Audio
Plantronics Gamecom 788 
  hide details  
Reply
post #6 of 30
I guess, Im awful with code. good luck though
    
CPUMotherboardGraphicsRAM
Intel Core i7 930 [4.33 Ghz] EVGA X58 SLI LE EVGA GTS 450 [SLI] 6 GB DDR 3 OCZ 1600 [1T-7-8-7-18 @ 1474] 
Hard DriveOptical DriveOSMonitor
Vertex 2 [120 GB] + 4x WD Green 2 TB [Raid1] Samsung BD-R [12x] Microsoft Windows 7 Pro [x64] [3] Samsung SyncMaster 2233sw 
KeyboardPowerCaseMouse
I-rocks Corsair HX650 [650W] Lian Li PC K62 Logi 
Mouse Pad
Metallica 
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
Intel Core i7 930 [4.33 Ghz] EVGA X58 SLI LE EVGA GTS 450 [SLI] 6 GB DDR 3 OCZ 1600 [1T-7-8-7-18 @ 1474] 
Hard DriveOptical DriveOSMonitor
Vertex 2 [120 GB] + 4x WD Green 2 TB [Raid1] Samsung BD-R [12x] Microsoft Windows 7 Pro [x64] [3] Samsung SyncMaster 2233sw 
KeyboardPowerCaseMouse
I-rocks Corsair HX650 [650W] Lian Li PC K62 Logi 
Mouse Pad
Metallica 
  hide details  
Reply
post #7 of 30
Thread Starter 
Quote:
Originally Posted by beers View Post
How can you complain about messy code when you only have a box so far..
Its easy just complain Do you have any idea on how to help me?
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 #8 of 30
Not to thready cap, I'm in the same boat as you getting a Nav bar to work across the top...
Blue Giant
(15 items)
 
  
CPUMotherboardGraphicsRAM
i7 3820 Asus P9X79 MSI GTX 570 in SLI RipjawsX 16GB DDR3 1600 8-8-8-24 
Hard DriveOptical DriveCoolingOS
2TB WD Black Blu-Ray Reader Custom Water Cooling Windows 7 Professional 
PowerCaseAudio
KINGWIN Mach 1 1000w AZZA Solano 1000 Xonar DG 
  hide details  
Reply
Blue Giant
(15 items)
 
  
CPUMotherboardGraphicsRAM
i7 3820 Asus P9X79 MSI GTX 570 in SLI RipjawsX 16GB DDR3 1600 8-8-8-24 
Hard DriveOptical DriveCoolingOS
2TB WD Black Blu-Ray Reader Custom Water Cooling Windows 7 Professional 
PowerCaseAudio
KINGWIN Mach 1 1000w AZZA Solano 1000 Xonar DG 
  hide details  
Reply
post #9 of 30
Thread Starter 
Quote:
Originally Posted by metroidfreak View Post
Not to thready cap, I'm in the same boat as you getting a Nav bar to work across the top...
Yea its a hard process right good to know I'm not the only one who has this problem.
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 #10 of 30
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)
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
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!!!