Hjälp med webbdesign!

Jag undrar om någon vet hur man:

1. Gör så att under-rubriken man är inne på är markerad i annan färg i navigeringslistan (till vänster)?

2. Vad man kan använda för kod istället för 100 st <br/> eller <p> om man vill skriva ngt längst ner på sidan. (Jag jobbar i Visual Studio)

3. Varför min sida ser jättebra ut i Firefox men inte i Explorer? Det är top-blocket som hoppar och gömmer sig bakom content.

4. Hur man infogar en video utan att använda embed, som VS inte vill tillåta?

Vore oerhört tacksam för svar! :)

hur har du byggt upp sidan? visa gärna kod, länk o.dyl

1. är det en dynamiskt genererad underrubrik?
annars, vanligen

<h3>underrubrik</h3>

h3 {
color:#c04
}

2. marginaler eller en separat div, eller både och

<div id="footer">
asdasdasfggadas qwerty
</div>

#footer { clear:both }

3. för att det är Explorer?
skämt åsido, vilken version av Explorer testar du i?
Explorer är inte känt för att vara utvecklarvänligt, dela gärna med dig av befintlig kod så är det lättare att felsöka och hjälpa

4. http://www.w3schools.com/media/media_browservideos.asp och fortsätt läsa ett par sidor.

Kan tyvärr inte länka sidan då det är en privat sida (för skolarbete) till en kompis :/ Tror inte hon vill att jag lägger ut den. Men kan visa lite av koden...

Jag har alltså en lista till vänster med alla rubriker som man kan gå in under. T.ex. dance, music och det jag önskar är att när jag klickat på ex. dance så ska just det ordet vara en annan färg än resterande (alltså i listan till vänster)

Till mellanrummet gäller det detta:
<div id="nav">
<a href="index.htm" class="lankar">START</a><br />
<br />
  <a href="music.htm" class="lankar">SINGING</a><br />
<br />
  <a href="dance.htm" class="lankar">DANCE</a><br />
<br />
  <a href="contact.htm" class="lankar">CONTACT</a><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<a href="mailto:xxx.com" class="lankarsma">Contact me at: xxxx@gmail.com</a></div>

alla <br/> ser ju så sjukt fel ut haha, menar du att jag ska skapa en ny div till mailadressen?

Det konstiga med explorer är att en kompis kan se sidan korrekt i sin dator, men jag kan inte göra det i min.

Glömde skriva att det är internet explorer 7 :)

Flyttas från Design & Grafik.

mvh

(tack @nders)

iaf, jag skulle lösa det såhär

<div id="nav">
<ul>
<li><a href="index.htm">START</a></li>
<li><a href="music.htm">SINGING</a></li>
<li><a href="dance.htm">DANCE</a></li>
<li><a href="contact.htm">CONTACT</a></li>
</ul>
<p><a href="mailto:xxx.com">Contact me at: xxxx@gmail.com</a></p>
</div>

#nav ul {
list-style:none;
margin:0;
padding:0;
}

#nav ul li {
display:block
/* allt special som tillhör .lankar */
}

#nav p {
margin:100px 0 0 0 /*ändra första värdet för att justera i höjdled */
}

men störst sannolikhet hade jag lagt kontaktinformationen någon helt annan stans, tex på en kontaktsida...

Jo, såg att jag valde fel kategori, men visste inte hur man flyttade :P

Tack för hjälp Caya!

ingen orsak, får du ordning på det smitande topelementet?