• Welcome to TechPowerUp Forums, Guest! Please check out our forum guidelines for info related to our community.

I screwed up this page, need some HTML help!

Joined
May 11, 2009
Messages
1,072 (0.20/day)
Location
Colorado
System Name not sure yet
Processor R9 3950X
Motherboard Asrock X570 Taichi
Cooling It's a secret for now..
Memory 64GB Vengeance
Video Card(s) 2080Ti FE
Storage 2x 1TB NVME, 3x 500GB SSD, 2TB SSHD
Display(s) Predator 27" 4k 144hz, 55" Vizio 4k
Case Lian Li O11-D White
Audio Device(s) Steel Series Wireless
Power Supply EVGA 1200W
Mouse Glorious D-
Keyboard GMMK 60% Red Box Caps
Software Windows 8.1 Profession x64

silentbogo

Moderator
Staff member
Joined
Nov 20, 2013
Messages
5,470 (1.45/day)
Location
Kyiv, Ukraine
System Name WS#1337
Processor Ryzen 7 3800X
Motherboard ASUS X570-PLUS TUF Gaming
Cooling Xigmatek Scylla 240mm AIO
Memory 4x8GB Samsung DDR4 ECC UDIMM
Video Card(s) Inno3D RTX 3070 Ti iChill
Storage ADATA Legend 2TB + ADATA SX8200 Pro 1TB
Display(s) Samsung U24E590D (4K/UHD)
Case ghetto CM Cosmos RC-1000
Audio Device(s) ALC1220
Power Supply SeaSonic SSR-550FX (80+ GOLD)
Mouse Logitech G603
Keyboard Modecom Volcano Blade (Kailh choc LP)
VR HMD Google dreamview headset(aka fancy cardboard)
Software Windows 11, Ubuntu 20.04 LTS
Put the last <div class="content"> inside the <div class="site_content">

You simply misplaced your closing </div>, which happens to many of us. :roll:
 
Joined
May 11, 2009
Messages
1,072 (0.20/day)
Location
Colorado
System Name not sure yet
Processor R9 3950X
Motherboard Asrock X570 Taichi
Cooling It's a secret for now..
Memory 64GB Vengeance
Video Card(s) 2080Ti FE
Storage 2x 1TB NVME, 3x 500GB SSD, 2TB SSHD
Display(s) Predator 27" 4k 144hz, 55" Vizio 4k
Case Lian Li O11-D White
Audio Device(s) Steel Series Wireless
Power Supply EVGA 1200W
Mouse Glorious D-
Keyboard GMMK 60% Red Box Caps
Software Windows 8.1 Profession x64
If I do that I lose the formatting from "content" for the stuff below the Sport III header.
 

silentbogo

Moderator
Staff member
Joined
Nov 20, 2013
Messages
5,470 (1.45/day)
Location
Kyiv, Ukraine
System Name WS#1337
Processor Ryzen 7 3800X
Motherboard ASUS X570-PLUS TUF Gaming
Cooling Xigmatek Scylla 240mm AIO
Memory 4x8GB Samsung DDR4 ECC UDIMM
Video Card(s) Inno3D RTX 3070 Ti iChill
Storage ADATA Legend 2TB + ADATA SX8200 Pro 1TB
Display(s) Samsung U24E590D (4K/UHD)
Case ghetto CM Cosmos RC-1000
Audio Device(s) ALC1220
Power Supply SeaSonic SSR-550FX (80+ GOLD)
Mouse Logitech G603
Keyboard Modecom Volcano Blade (Kailh choc LP)
VR HMD Google dreamview headset(aka fancy cardboard)
Software Windows 11, Ubuntu 20.04 LTS
web.PNG

I meant you should move the whole last block up (or the site_content closing tag down, depending on perspective).

This is what it looks like when I remove all your paragraphs (don't do padding this way) and move the block to its rightful place.
 
Joined
May 1, 2008
Messages
1,039 (0.18/day)
Location
Frankfurt/Main - Germany
System Name Shaman of Sexy
Processor AMD Phenom II X4 955 BE@4Ghz EK Supreme Block
Motherboard M3A79-T Deluxe Anfi-Tech Waterblocks
Cooling Magicool 360 + 120 + 120 Slim scythe slipped Laing DDC-1/T
Memory 4GB Corsair Dominator CM2X2048-8500C5D
Video Card(s) Sapphire ATI Radeon HD 4870 X2 EK 4870 X2 Block
Storage RAID 0 Seagate
Display(s) Samsung 226BW 22"
Case CoolerMaster Cosmos RC-1000 in mod progress
Audio Device(s) onboard
Power Supply Coba Nitrox 750W
Software Windows 7 Ultimate
Benchmark Scores http://service.futuremark.com/compare?3dmv=1056967
the last div does not resides in

<div id="site_content">.....</div>

HTML:
<div class="content">
      <h1>HANS® SPORT III SERIES - SFI 38.1 &amp; FIA 8858 Homologated Certified</h1>
        <div class="content_item">
        <img src="images/gallery/H3.png" alt="HANS device information" class="right" height="235" width="200">
       
         <p>
The HANS III represents the third generation of injection molded HANS devices and features a contemporary approach to reducing weight. Using an all new design and polymer, the device features a hollow collar that substantially minimizes weight. Engineered reinforcements ensure an exceptionally strong structure that provides the same level of safety as every HANS device.  The reduced mass guarantees the lightest and most comfortable injection molded HANS ever.</p>
    <p>
   
    </p><ul>
    <li>20 Medium Sport III - $599</li>
    <li>20 Large Sport III - $599</li>
    <li>Adjustable Medium - $579</li>
    <li>Adjustable Large - $579</li>
   <p></p>
       </ul>
       </div>
       </div>
 
Joined
May 11, 2009
Messages
1,072 (0.20/day)
Location
Colorado
System Name not sure yet
Processor R9 3950X
Motherboard Asrock X570 Taichi
Cooling It's a secret for now..
Memory 64GB Vengeance
Video Card(s) 2080Ti FE
Storage 2x 1TB NVME, 3x 500GB SSD, 2TB SSHD
Display(s) Predator 27" 4k 144hz, 55" Vizio 4k
Case Lian Li O11-D White
Audio Device(s) Steel Series Wireless
Power Supply EVGA 1200W
Mouse Glorious D-
Keyboard GMMK 60% Red Box Caps
Software Windows 8.1 Profession x64
THANK YOU GUYS SO MUCH !!!!!!!

I can't believe it was something that simple..well I can..you guys are life savers.
 

silentbogo

Moderator
Staff member
Joined
Nov 20, 2013
Messages
5,470 (1.45/day)
Location
Kyiv, Ukraine
System Name WS#1337
Processor Ryzen 7 3800X
Motherboard ASUS X570-PLUS TUF Gaming
Cooling Xigmatek Scylla 240mm AIO
Memory 4x8GB Samsung DDR4 ECC UDIMM
Video Card(s) Inno3D RTX 3070 Ti iChill
Storage ADATA Legend 2TB + ADATA SX8200 Pro 1TB
Display(s) Samsung U24E590D (4K/UHD)
Case ghetto CM Cosmos RC-1000
Audio Device(s) ALC1220
Power Supply SeaSonic SSR-550FX (80+ GOLD)
Mouse Logitech G603
Keyboard Modecom Volcano Blade (Kailh choc LP)
VR HMD Google dreamview headset(aka fancy cardboard)
Software Windows 11, Ubuntu 20.04 LTS
Joined
May 11, 2009
Messages
1,072 (0.20/day)
Location
Colorado
System Name not sure yet
Processor R9 3950X
Motherboard Asrock X570 Taichi
Cooling It's a secret for now..
Memory 64GB Vengeance
Video Card(s) 2080Ti FE
Storage 2x 1TB NVME, 3x 500GB SSD, 2TB SSHD
Display(s) Predator 27" 4k 144hz, 55" Vizio 4k
Case Lian Li O11-D White
Audio Device(s) Steel Series Wireless
Power Supply EVGA 1200W
Mouse Glorious D-
Keyboard GMMK 60% Red Box Caps
Software Windows 8.1 Profession x64
One last question. Why is there a gap on the Gallery page right under the navigation links?
 
Joined
May 1, 2008
Messages
1,039 (0.18/day)
Location
Frankfurt/Main - Germany
System Name Shaman of Sexy
Processor AMD Phenom II X4 955 BE@4Ghz EK Supreme Block
Motherboard M3A79-T Deluxe Anfi-Tech Waterblocks
Cooling Magicool 360 + 120 + 120 Slim scythe slipped Laing DDC-1/T
Memory 4GB Corsair Dominator CM2X2048-8500C5D
Video Card(s) Sapphire ATI Radeon HD 4870 X2 EK 4870 X2 Block
Storage RAID 0 Seagate
Display(s) Samsung 226BW 22"
Case CoolerMaster Cosmos RC-1000 in mod progress
Audio Device(s) onboard
Power Supply Coba Nitrox 750W
Software Windows 7 Ultimate
Benchmark Scores http://service.futuremark.com/compare?3dmv=1056967
One last question. Why is there a gap on the Gallery page right under the navigation links?


css fix:
Code:
ul li {
    list-style-type: circle;
    margin: 0 0 6px 0;
    padding: 0 0 4px 5px;
    line-height: 1.5em;
}


for some reason you load in Gallery a different css file "style1.css", that does not contain line-height: 1.5em;



another suggestion:
you have a div called "content" and child divs called "content_item" but first content is not a child

HTML:
.............

      <div class="content">
        <h1>Gary's Image Gallery</h1>
        <p>

The following are a few of the shots Gary has collected over the years that capture some of his race history between 1965 to 1973.  They were taken by Bob Parker.

</p>
         <ul class="hoverbox">
<li>
<a href="images/gallery/1.jpg"><img src="images/gallery/1.jpg" alt="description"><img src="images/gallery/1.jpg" alt="description" class="preview"></a>
</li>
<li>

..........

and you add this css to the child divs

Code:
.sidebar_item, .content_item {
    padding: 15px 15px;
}

about the child divs, i would build em like this:

HTML:
<div class="content_item">
<div class="content_headline"><p>Text Line</p></div>
    <div class="gallery">
        <ul class="hoverbox">
            <li>
                <a href="images/gallery/TW.jpg"><img src="images/gallery/TW.jpg" alt="description"><img src="images/gallery/TW.jpg" alt="description" class="preview"></a>
            </li>
            <li>
            ......
            </li>
        </ul>
    </div>
</div>
 
Last edited:
Top