Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Alignment

Featured Replies

Hello. Not sure if this is the right place. but ive recent got into web design etc...

 

Im currently making a website for my friend i am up to here so far: Click Here

 

Does anyone know why the other drops below and doesnt sit below the other one.

I guess that you mean the two Events. One is on the left in the box and the second one is under the boxes as you have not included it in the coming up div.

 

You currently have:

<div id="comingup">
       	<div class="cominghead">COMING UP</div>
           <div class="seperator"></div>    	
	<div id="event">
               <div class="teams">VERYGAMES vs. Reason Gaming</div>
               <div class="eventlink">Event Link</div>
               <div class="date">14/02/2012 20:00 GMT  <img src="images/tv.png" alt="TV" width="16" height="16" /> <img src="images/microphone.png" width="16" height="16" alt="Shoutcasting" /></div>
       </div>
       </div><<----this is the one that is closing the coming up div
       <div id="event">
               <div class="teams">VERYGAMES vs. Reason Gaming</div>
               <div class="eventlink">Event Link</div>
               <div class="date">14/02/2012 20:00 GMT  <img src="images/tv.png" alt="TV" width="16" height="16" /> <img src="images/microphone.png" width="16" height="16" alt="Shoutcasting" /></div>
       </div>
</div>

Basically, you have closed the coming up div and then put the second event in so it naturally falls under the layout.

Just include it in the div such as:

 

<div id="comingup">
       	<div class="cominghead">COMING UP</div>
           <div class="seperator"></div>    	
	<div id="event">
               <div class="teams">VERYGAMES vs. Reason Gaming</div>
               <div class="eventlink">Event Link</div>
               <div class="date">14/02/2012 20:00 GMT  <img src="images/tv.png" alt="TV" width="16" height="16" /> <img src="images/microphone.png" width="16" height="16" alt="Shoutcasting" /></div>
       </div>

       <div id="event">
               <div class="teams">VERYGAMES vs. Reason Gaming</div>
               <div class="eventlink">Event Link</div>
               <div class="date">14/02/2012 20:00 GMT  <img src="images/tv.png" alt="TV" width="16" height="16" /> <img src="images/microphone.png" width="16" height="16" alt="Shoutcasting" /></div>
       </div>
</div>

Edited by junior

  • Author

Thanks didn't notice that

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.