This is a read-only archive of the old Scratch 1.x Forums.
Try searching the current Scratch discussion forums.

#1 2012-09-28 18:39:38

funelephant
Scratcher
Registered: 2010-07-02
Posts: 1000+

HTML/CSS Help!

So, I want to make a navigation bar, but I'm using pictures, and the logo goes right where I want it to, but the next picture goes under. Is there a way I can put it right across from the logo?

I don't want to post a link, but I can post part of the code if it's needed.


nicki begs to differ
http://24.media.tumblr.com/ab0e6e8fd347c5e39c2821bcab9d16e6/tumblr_mgu35sui1L1rfb7aqo2_500.gif

Offline

 

#2 2012-09-28 18:44:33

jvvg
Scratcher
Registered: 2008-03-26
Posts: 1000+

Re: HTML/CSS Help!

You can try using a table.


http://tiny.cc/zwgbewhttp://tiny.cc/e1gbewhttp://tiny.cc/zygbewhttp://tiny.cc/izgbew
Goodbye, Scratch 1.4  sad                                                        Hello Scratch 2.0!  smile

Offline

 

#3 2012-09-28 18:45:15

funelephant
Scratcher
Registered: 2010-07-02
Posts: 1000+

Re: HTML/CSS Help!

I've never used one  tongue

Can you help out?


nicki begs to differ
http://24.media.tumblr.com/ab0e6e8fd347c5e39c2821bcab9d16e6/tumblr_mgu35sui1L1rfb7aqo2_500.gif

Offline

 

#4 2012-09-28 18:45:22

Jonathan50
Scratcher
Registered: 2011-07-06
Posts: 100+

Re: HTML/CSS Help!

I know HTML very well, a bit of javascript, I stink at xml, php, css, xhtml (I don't even know what that is!)


Jonathan50
big_smile  http://scratch.mit.edu/img/pages/credits/cat-face-bullet.gif http://blocks.scratchr.org/API.php?user=Jonathan50&action=onlineStatus&type=square         http://blocks.scratchr.org/API.php?user=Jonathan50&action=projects&type=newest&return=image&num=1

Offline

 

#5 2012-09-28 18:47:14

funelephant
Scratcher
Registered: 2010-07-02
Posts: 1000+

Re: HTML/CSS Help!

Uh... okay?


nicki begs to differ
http://24.media.tumblr.com/ab0e6e8fd347c5e39c2821bcab9d16e6/tumblr_mgu35sui1L1rfb7aqo2_500.gif

Offline

 

#6 2012-09-28 18:48:45

Jonathan50
Scratcher
Registered: 2011-07-06
Posts: 100+

Re: HTML/CSS Help!

funelephant wrote:

I've never used one  tongue

Can you help out?

I haven't either, but i know u use <table></table> tags for tables, <tr></tr> tags for rows,  and <td></td> tags for coloumns


Jonathan50
big_smile  http://scratch.mit.edu/img/pages/credits/cat-face-bullet.gif http://blocks.scratchr.org/API.php?user=Jonathan50&amp;action=onlineStatus&amp;type=square         http://blocks.scratchr.org/API.php?user=Jonathan50&amp;action=projects&amp;type=newest&amp;return=image&amp;num=1

Offline

 

#7 2012-09-28 18:50:30

funelephant
Scratcher
Registered: 2010-07-02
Posts: 1000+

Re: HTML/CSS Help!

Here's part of the HTML

Code:

<div id=topbar>
<div id=library>
<a href=""><img src="http://i.imgur.com/EnRcD.png"/></a></div>
<div id=allbooks><a href="/allbooks.php"><img src="http://i.imgur.com/n7u3N.png"/></a></div>
</div>

nicki begs to differ
http://24.media.tumblr.com/ab0e6e8fd347c5e39c2821bcab9d16e6/tumblr_mgu35sui1L1rfb7aqo2_500.gif

Offline

 

#8 2012-09-28 18:51:06

Jonathan50
Scratcher
Registered: 2011-07-06
Posts: 100+

Re: HTML/CSS Help!

funelephant wrote:

Uh... okay?

Maybe something like this:
<table>
<tr><a href="index.html">Home</a></tr><div/>
<tr><a href="about.html">About</a></tr></table>


Jonathan50
big_smile  http://scratch.mit.edu/img/pages/credits/cat-face-bullet.gif http://blocks.scratchr.org/API.php?user=Jonathan50&amp;action=onlineStatus&amp;type=square         http://blocks.scratchr.org/API.php?user=Jonathan50&amp;action=projects&amp;type=newest&amp;return=image&amp;num=1

Offline

 

#9 2012-09-28 18:55:02

Jonathan50
Scratcher
Registered: 2011-07-06
Posts: 100+

Re: HTML/CSS Help!

Code:

<div id=topbar>
<div id=library>
<a href=""><img src="http://i.imgur.com/EnRcD.png"/></a></div>
<div id=allbooks><a href="/allbooks.php"><img src="http://i.imgur.com/n7u3N.png"/></a><a href="/index.html>Home</a></div>
</div>

? What is the nav bar for?


Jonathan50
big_smile  http://scratch.mit.edu/img/pages/credits/cat-face-bullet.gif http://blocks.scratchr.org/API.php?user=Jonathan50&amp;action=onlineStatus&amp;type=square         http://blocks.scratchr.org/API.php?user=Jonathan50&amp;action=projects&amp;type=newest&amp;return=image&amp;num=1

Offline

 

#10 2012-09-28 18:55:47

funelephant
Scratcher
Registered: 2010-07-02
Posts: 1000+

Re: HTML/CSS Help!

Jonathan50 wrote:

Code:

<div id=topbar>
<div id=library>
<a href=""><img src="http://i.imgur.com/EnRcD.png"/></a></div>
<div id=allbooks><a href="/allbooks.php"><img src="http://i.imgur.com/n7u3N.png"/></a><a href="/index.html>Home</a></div>
</div>

? What is the nav bar for?

What the navigation bar is for on every other website...?


nicki begs to differ
http://24.media.tumblr.com/ab0e6e8fd347c5e39c2821bcab9d16e6/tumblr_mgu35sui1L1rfb7aqo2_500.gif

Offline

 

#11 2012-09-28 18:57:05

funelephant
Scratcher
Registered: 2010-07-02
Posts: 1000+

Re: HTML/CSS Help!

It didn't work  sad


nicki begs to differ
http://24.media.tumblr.com/ab0e6e8fd347c5e39c2821bcab9d16e6/tumblr_mgu35sui1L1rfb7aqo2_500.gif

Offline

 

#12 2012-09-28 19:02:42

veggieman001
Scratcher
Registered: 2010-02-20
Posts: 1000+

Re: HTML/CSS Help!

Try using float:left; on your elements and then add a div with clear:both; after it.


Posts: 20000 - Show all posts

Offline

 

#13 2012-09-28 19:04:22

funelephant
Scratcher
Registered: 2010-07-02
Posts: 1000+

Re: HTML/CSS Help!

Oops, I forgot to put float: left on the library div  tongue

Okay, all fixed!

Thanks guys!


nicki begs to differ
http://24.media.tumblr.com/ab0e6e8fd347c5e39c2821bcab9d16e6/tumblr_mgu35sui1L1rfb7aqo2_500.gif

Offline

 

#14 2012-09-28 19:07:04

veggieman001
Scratcher
Registered: 2010-02-20
Posts: 1000+

Re: HTML/CSS Help!

yer welks


Posts: 20000 - Show all posts

Offline

 

#15 2012-09-28 19:07:34

cheddargirl
Scratch Team
Registered: 2008-09-15
Posts: 1000+

Re: HTML/CSS Help!

Closed by request.


http://i.imgur.com/8QRYx.png
Everything is better when you add a little cheddar, because when you have cheese your life is at ease  smile

Offline

 

Board footer