Jump to content

Need some HTML help fast!

upliftsleet1974
Go to solution Solved by leodaniel,

Better solution: Just inverse 

Irrigation Management

and 

Tree Care

because the height of the Tree Care is bigger than Irrigation Management. This causes an issue with float left

I got less then an hour to fix this so please help!

 

My container keeps going out of place on this page http://lawnco.redx.co/Residential.html

What is going on with it? I am using bootstrap.

 

The hydro seeding one needs to move up in the blank space. 

9279fd8ea7.jpg

 

 

Edit: There is no blank space on mobile so its a bad container just can not for the life of me figure it out!  

Edit 2: Is there a way to set all the containers to a set size?

CPU Ryzen 5 Asrock B350 Pro 4 / MSI RX580 Gaming / RAM 16 Gigs Corsair Vengeance 3000 / HDD 1TB Seagate Barracuda / SSD Samsung 840 120GB / 500GB Samsung SSD / Case Urban S31 / PSU EVGA G2 750w / Os Windows 10 / Keyboard Corsair K70 / Mouse Razer Naga 2013 (Won it from Linus!!

Link to comment
Share on other sites

Link to post
Share on other sites

The title of the "Hydro-seeding and Erosian/Sediment Control" is too long.

I mean you could fix that using float or you could shorten the title.

Stackoverflow may help you more.

blackshades on

 

 

Link to comment
Share on other sites

Link to post
Share on other sites

The title of the "Hydro-seeding and Erosian/Sediment Control" is too long.

I mean you could fix that using float or you could shorten the title.

Stackoverflow may help you more.

What is float? (I am kinda new to all of this)

 

Edit: Still out of place with no title at all....

CPU Ryzen 5 Asrock B350 Pro 4 / MSI RX580 Gaming / RAM 16 Gigs Corsair Vengeance 3000 / HDD 1TB Seagate Barracuda / SSD Samsung 840 120GB / 500GB Samsung SSD / Case Urban S31 / PSU EVGA G2 750w / Os Windows 10 / Keyboard Corsair K70 / Mouse Razer Naga 2013 (Won it from Linus!!

Link to comment
Share on other sites

Link to post
Share on other sites

It's a Height problem. 

Without much explanations:

Ajust Height of Tree Care to 375px, this will fix it!

Business Management Student @ University St. Gallen (Switzerland)

HomeServer: i7 4930k - GTX 1070ti - ASUS Rampage IV Gene - 32Gb Ram

Laptop: MacBook Pro Retina 15" 2018

Operating Systems (Virtualised using VMware): Windows Pro 10, Cent OS 7

Occupation: Software Engineer

Link to comment
Share on other sites

Link to post
Share on other sites

Ajust hight of Tree Care to 375px, this will fix it!

How should I do that?

CPU Ryzen 5 Asrock B350 Pro 4 / MSI RX580 Gaming / RAM 16 Gigs Corsair Vengeance 3000 / HDD 1TB Seagate Barracuda / SSD Samsung 840 120GB / 500GB Samsung SSD / Case Urban S31 / PSU EVGA G2 750w / Os Windows 10 / Keyboard Corsair K70 / Mouse Razer Naga 2013 (Won it from Linus!!

Link to comment
Share on other sites

Link to post
Share on other sites

How should I do that?

nth-child() selector or just add style attribute to html tag, it's not an elegant solution, but I'm not familiar with bootstrap. 

Business Management Student @ University St. Gallen (Switzerland)

HomeServer: i7 4930k - GTX 1070ti - ASUS Rampage IV Gene - 32Gb Ram

Laptop: MacBook Pro Retina 15" 2018

Operating Systems (Virtualised using VMware): Windows Pro 10, Cent OS 7

Occupation: Software Engineer

Link to comment
Share on other sites

Link to post
Share on other sites

nth-child() selector or just add style attribute to html tag, it's not an elegant solution, but I'm not familiar with bootstrap. 

What would the style attribute look like? 

 

 

Sorry I am in a huge hurry showing this page in less then 30 mins :(

CPU Ryzen 5 Asrock B350 Pro 4 / MSI RX580 Gaming / RAM 16 Gigs Corsair Vengeance 3000 / HDD 1TB Seagate Barracuda / SSD Samsung 840 120GB / 500GB Samsung SSD / Case Urban S31 / PSU EVGA G2 750w / Os Windows 10 / Keyboard Corsair K70 / Mouse Razer Naga 2013 (Won it from Linus!!

Link to comment
Share on other sites

Link to post
Share on other sites

Better solution: Just inverse 

Irrigation Management

and 

Tree Care

because the height of the Tree Care is bigger than Irrigation Management. This causes an issue with float left

Business Management Student @ University St. Gallen (Switzerland)

HomeServer: i7 4930k - GTX 1070ti - ASUS Rampage IV Gene - 32Gb Ram

Laptop: MacBook Pro Retina 15" 2018

Operating Systems (Virtualised using VMware): Windows Pro 10, Cent OS 7

Occupation: Software Engineer

Link to comment
Share on other sites

Link to post
Share on other sites

Better solution: Just inverse 

Irrigation Management

and 

Tree Care

because the height of the Tree Care is bigger than Irrigation Management. This causes an issue with float left

Wow man thanks! You just made my life 100% better :D

 

Pushing the update now!

Updated now!

CPU Ryzen 5 Asrock B350 Pro 4 / MSI RX580 Gaming / RAM 16 Gigs Corsair Vengeance 3000 / HDD 1TB Seagate Barracuda / SSD Samsung 840 120GB / 500GB Samsung SSD / Case Urban S31 / PSU EVGA G2 750w / Os Windows 10 / Keyboard Corsair K70 / Mouse Razer Naga 2013 (Won it from Linus!!

Link to comment
Share on other sites

Link to post
Share on other sites

Wow man thanks! You just made my life 100% better :D

 

Pushing the update now!

Updated now!

Note: this will not fix the problem correctly. If you resize it will no longer work. Set a min-height to the col-dm-6 class.

For example: min-height: 400px; for all media larger than 992px!

Business Management Student @ University St. Gallen (Switzerland)

HomeServer: i7 4930k - GTX 1070ti - ASUS Rampage IV Gene - 32Gb Ram

Laptop: MacBook Pro Retina 15" 2018

Operating Systems (Virtualised using VMware): Windows Pro 10, Cent OS 7

Occupation: Software Engineer

Link to comment
Share on other sites

Link to post
Share on other sites

Note: this will not fix the problem correctly. If you resize it will no longer work. Set a min-height to the col-dm-6 class.

For example: min-height: 400px; for all media larger than 992px!

Well for now its going to have to work haha. I do not have time to figure it out.

CPU Ryzen 5 Asrock B350 Pro 4 / MSI RX580 Gaming / RAM 16 Gigs Corsair Vengeance 3000 / HDD 1TB Seagate Barracuda / SSD Samsung 840 120GB / 500GB Samsung SSD / Case Urban S31 / PSU EVGA G2 750w / Os Windows 10 / Keyboard Corsair K70 / Mouse Razer Naga 2013 (Won it from Linus!!

Link to comment
Share on other sites

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×