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 3

post #21 of 30
I could have helped you a year ago, but its been almost a year since id did any web coding. frown.gif
    
CPUMotherboardGraphicsRAM
athlon II x2 2.8:2500k cheapo giabyte:AsRock Extreme3 z68 gigabyte Super overclock 470 880/1760/1800 4 GB "value" ram: G.Skill 1600 
Hard DriveOSMonitorPower
Caviar Black 500GB XP Asus 24" XFX 750W 
Case
690 II 
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
athlon II x2 2.8:2500k cheapo giabyte:AsRock Extreme3 z68 gigabyte Super overclock 470 880/1760/1800 4 GB "value" ram: G.Skill 1600 
Hard DriveOSMonitorPower
Caviar Black 500GB XP Asus 24" XFX 750W 
Case
690 II 
  hide details  
Reply
post #22 of 30
Basically what you need to understand is that the code needs to be split up into div tags that you can control from the CSS file.


Steps you should follow:

1. Create the div tag.
2. Create a

or

or whatever and enter your text.
3. Go into your CSS file and format from there.
4. You should use CSS to format everything on your page as it is far easier for browsers to render.


Your pictures should be kept in a folder in the root directory and then read off that.

Hope this helps.
Bernard
(13 items)
 
  
CPUMotherboardGraphicsRAM
i7 950 @ 3.71 Ghz | 1.17v Rampage III Extreme EVGA GTX 580 Corsair Dominators GTX 6gb 1925MHz 7-7-7-20 
Hard DriveOptical DriveOSMonitor
64Gb C300 SATA 6 Gb/s, 2 x 320 Gb F4's RAID 0 ASUS 24x -_- Windows 7 Home(Who needs ultimate?!) ASUS VH226H 21.5 Inch 1080p 
PowerCaseMouseMouse Pad
Corsair HX1000 + Custom Sleeving NZXT Tempest Evo Razer Naga NONE 
  hide details  
Reply
Bernard
(13 items)
 
  
CPUMotherboardGraphicsRAM
i7 950 @ 3.71 Ghz | 1.17v Rampage III Extreme EVGA GTX 580 Corsair Dominators GTX 6gb 1925MHz 7-7-7-20 
Hard DriveOptical DriveOSMonitor
64Gb C300 SATA 6 Gb/s, 2 x 320 Gb F4's RAID 0 ASUS 24x -_- Windows 7 Home(Who needs ultimate?!) ASUS VH226H 21.5 Inch 1080p 
PowerCaseMouseMouse Pad
Corsair HX1000 + Custom Sleeving NZXT Tempest Evo Razer Naga NONE 
  hide details  
Reply
post #23 of 30
This ^
Roof Ski
(13 items)
 
  
CPUMotherboardGraphicsRAM
i7 950 @4ghz HT on 1v XFX X58I SLi 295's 12GB OCZ Obsidian 1600mhz 
Hard DriveOptical DriveOSMonitor
ocz agility 3 + 4TB Drives Samsung DVD-RW Win 7 Ultimate x64 2x Samsung 24"s + DELL E248WFP 
KeyboardPowerCaseMouse
G11 Sleeved corsair ax850 800D Sidewinder 
  hide details  
Reply
Roof Ski
(13 items)
 
  
CPUMotherboardGraphicsRAM
i7 950 @4ghz HT on 1v XFX X58I SLi 295's 12GB OCZ Obsidian 1600mhz 
Hard DriveOptical DriveOSMonitor
ocz agility 3 + 4TB Drives Samsung DVD-RW Win 7 Ultimate x64 2x Samsung 24"s + DELL E248WFP 
KeyboardPowerCaseMouse
G11 Sleeved corsair ax850 800D Sidewinder 
  hide details  
Reply
post #24 of 30
you need to use a container div for the page itself. Put the menu, and everything that isn't the background inside it. This is what the rest of the page will be positioned from.
post #25 of 30
dude ill do it for you when i get home chill

can you gimme the images file somehow
Bernard
(13 items)
 
  
CPUMotherboardGraphicsRAM
i7 950 @ 3.71 Ghz | 1.17v Rampage III Extreme EVGA GTX 580 Corsair Dominators GTX 6gb 1925MHz 7-7-7-20 
Hard DriveOptical DriveOSMonitor
64Gb C300 SATA 6 Gb/s, 2 x 320 Gb F4's RAID 0 ASUS 24x -_- Windows 7 Home(Who needs ultimate?!) ASUS VH226H 21.5 Inch 1080p 
PowerCaseMouseMouse Pad
Corsair HX1000 + Custom Sleeving NZXT Tempest Evo Razer Naga NONE 
  hide details  
Reply
Bernard
(13 items)
 
  
CPUMotherboardGraphicsRAM
i7 950 @ 3.71 Ghz | 1.17v Rampage III Extreme EVGA GTX 580 Corsair Dominators GTX 6gb 1925MHz 7-7-7-20 
Hard DriveOptical DriveOSMonitor
64Gb C300 SATA 6 Gb/s, 2 x 320 Gb F4's RAID 0 ASUS 24x -_- Windows 7 Home(Who needs ultimate?!) ASUS VH226H 21.5 Inch 1080p 
PowerCaseMouseMouse Pad
Corsair HX1000 + Custom Sleeving NZXT Tempest Evo Razer Naga NONE 
  hide details  
Reply
post #26 of 30
Here it is:

HTML
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Royal High School</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<style type="text/css">

  <!--

  

  -->

  </style>

  </head>

  

  <body id="home">

  <div id="wrapper">

<ul id="menu">  

              <li><a href="index.html" title="Home">Home</a></li>  

              <li><a href="administration.html" title="Administration">Administration</a></li>  

              <li><a href="#" title="SD">Scholastic Departments</a></li>

              <li><a href="clubs.html" title="Clubs">Clubs</a></li>

              <li><a href="music.html" title="Music">Music</a></li>

              <li><a href="contact.html" title="contact">Contact</a></li>    

          </ul>  
<div id="content">
</div>
<div id="footer">
<div id="footer-content">
<div class="gold-bar"></div>
</div>
<div class="gold-bar"></div>
   

  </body>

  </html>









And the CSS(the lines ive added are with spaces in between)
Code:
@charset "UTF-8";
/* CSS Document */

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;
}
ul#menu li {

margin: 0px; padding: 0px;

list-style: none;

margin-right: 10px;

text-transform: uppercase;

display: inline;
font-family: Helvetica, sans-serif;

}
ul#menu li a {

text-decoration: none;

color: #616161;
}

ul#menu li a:hover{

text-decoration: none;

color: #ffffff;

}
#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;
}


If you need more help, feel free to irritate me further. Just give me the images file then.
Bernard
(13 items)
 
  
CPUMotherboardGraphicsRAM
i7 950 @ 3.71 Ghz | 1.17v Rampage III Extreme EVGA GTX 580 Corsair Dominators GTX 6gb 1925MHz 7-7-7-20 
Hard DriveOptical DriveOSMonitor
64Gb C300 SATA 6 Gb/s, 2 x 320 Gb F4's RAID 0 ASUS 24x -_- Windows 7 Home(Who needs ultimate?!) ASUS VH226H 21.5 Inch 1080p 
PowerCaseMouseMouse Pad
Corsair HX1000 + Custom Sleeving NZXT Tempest Evo Razer Naga NONE 
  hide details  
Reply
Bernard
(13 items)
 
  
CPUMotherboardGraphicsRAM
i7 950 @ 3.71 Ghz | 1.17v Rampage III Extreme EVGA GTX 580 Corsair Dominators GTX 6gb 1925MHz 7-7-7-20 
Hard DriveOptical DriveOSMonitor
64Gb C300 SATA 6 Gb/s, 2 x 320 Gb F4's RAID 0 ASUS 24x -_- Windows 7 Home(Who needs ultimate?!) ASUS VH226H 21.5 Inch 1080p 
PowerCaseMouseMouse Pad
Corsair HX1000 + Custom Sleeving NZXT Tempest Evo Razer Naga NONE 
  hide details  
Reply
post #27 of 30
its cool you did that but he really needs to do his own research and do it all himself or he is never going to learn anything. that is why i did not post a solution in this post. He basically wanted someone to do it for him and you did. now he may expect that with every post. Plenty of people tried to aid him, but it wasnt enough.

you need to refer to W3 for knowledge, also buy a book, i have 135 books on css and html.
Edited by graphicsman - 1/12/11 at 9:20am
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 #28 of 30
Quote:
Originally Posted by graphicsman;11984095 
its cool you did that but he really needs to do his own research and do it all himself or he is never going to learn anything. that is why i did not post a solution in this post. He basically wanted someone to do it for him and you did. now he may expect that with every post. Plenty of people tried to aid him, but it wasnt enough.

you need to refer to W3 for knowledge, also buy a book, i have 135 books on css and html.

I know, i have a bit of a soft spot for web coding, i love scripting/html/css. I'm weak. But you're right; however sometimes it takes someone to show you how to go about it so in the future you get an idea of how to approach it. Coding can be daunting to the uninitiated.
Bernard
(13 items)
 
  
CPUMotherboardGraphicsRAM
i7 950 @ 3.71 Ghz | 1.17v Rampage III Extreme EVGA GTX 580 Corsair Dominators GTX 6gb 1925MHz 7-7-7-20 
Hard DriveOptical DriveOSMonitor
64Gb C300 SATA 6 Gb/s, 2 x 320 Gb F4's RAID 0 ASUS 24x -_- Windows 7 Home(Who needs ultimate?!) ASUS VH226H 21.5 Inch 1080p 
PowerCaseMouseMouse Pad
Corsair HX1000 + Custom Sleeving NZXT Tempest Evo Razer Naga NONE 
  hide details  
Reply
Bernard
(13 items)
 
  
CPUMotherboardGraphicsRAM
i7 950 @ 3.71 Ghz | 1.17v Rampage III Extreme EVGA GTX 580 Corsair Dominators GTX 6gb 1925MHz 7-7-7-20 
Hard DriveOptical DriveOSMonitor
64Gb C300 SATA 6 Gb/s, 2 x 320 Gb F4's RAID 0 ASUS 24x -_- Windows 7 Home(Who needs ultimate?!) ASUS VH226H 21.5 Inch 1080p 
PowerCaseMouseMouse Pad
Corsair HX1000 + Custom Sleeving NZXT Tempest Evo Razer Naga NONE 
  hide details  
Reply
post #29 of 30
Quote:
Originally Posted by Razultull;11991155 
I know, i have a bit of a soft spot for web coding, i love scripting/html/css. I'm weak. But you're right; however sometimes it takes someone to show you how to go about it so in the future you get an idea of how to approach it. Coding can be daunting to the uninitiated.

will you code my blog for me then, i dont know wordpress and im lost biggrin.gif
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 #30 of 30
My signature just about covers it tongue.gif
    
CPUMotherboardGraphicsRAM
I7 920 Gigabyte EX58 XFX Radeon 4870 X2 6GB Corsair 
Hard DriveOptical DriveOSMonitor
500GB Maxtor LG DVDRW Vista Ultimate x64 2 x Edge IO 22" 
KeyboardPowerMouseMouse Pad
Razer Arctosa XFX 800w BTC Cheetah Gaming Mouse None 
  hide details  
Reply
    
CPUMotherboardGraphicsRAM
I7 920 Gigabyte EX58 XFX Radeon 4870 X2 6GB Corsair 
Hard DriveOptical DriveOSMonitor
500GB Maxtor LG DVDRW Vista Ultimate x64 2 x Edge IO 22" 
KeyboardPowerMouseMouse Pad
Razer Arctosa XFX 800w BTC Cheetah Gaming Mouse None 
  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!!!