En del begynder problemer med CSS?
Hey eksperter, (håber dette er den rigtige kategori)Jeg er i gang med at lave min første hjemmeside. Jeg har selv lavet designet i Photoshop, sliced det der og fået Photoshop til at skrive basiskoden til det i CSS... Dette har jeg så rettet til efter bedste evne, men har nu et par problemer...
1. Først og fremmest vil hjemmesiden kun vises ordentligt i Firefox, når jeg åbnerden i IE er der tydelige problemer med at håndtere designet på hjemmesiden... Hvordan får jeg løst dette problem? IE snakker om noget ActiveX? :S
- Hjemmesiden kan ses her: http://lindved-im.dk/imutest/
2. Jeg ønsker at kunne gøre hjemmesiden længere/dybere, så jeg kan få skrevet mere tekst på den, hvordan gør jeg dette?
Ekstra ønsker:
1. Jeg vil gerne have lavet et billedgalleri, er der en nem måde at gøre dette på når man aldrig har lavet en hjemmeiside før?
2. I bunden hvor der er et banner hvorpå der står "It's DONE" vil jeg gerne have lavet et javascript som, hver gang hjemmesiden opdateres, skifter bannaret ud og viser et andet...
Kildekoden til HTML kan ses her:
<html>
<head>
<title>Lindved & Tørring IMU </title>
<link rel="stylesheet" type="text/css" href="style/style.css">
<meta http-equiv="imagetoolbar" content="no">
</head>
<body style="background-color:#FFFFFF;">
<div id="Table_01">
<div id="Logo_">
<a href="index.html">
<img id="Logo" src="images/Logo.gif" width="177" height="51" border="0" alt="Logo" /></a>
</div>
<div id="index-02_">
<img id="index_02" src="images/index_02.gif" width="723" height="7" alt="" />
</div>
<div id="dagen-bibelvers-verset_">
<script language="JavaScript" src="http://jesusnet.dk/budskab/dagensbibelord-2.js.php"> </script>
</div>
<div id="index-04_">
<img id="index_04" src="images/index_04.gif" width="10" height="44" alt="" />
</div>
<div id="IMU---hvidt-felt-top_">
<img id="IMU___hvidt_felt_top" src="images/IMU---hvidt-felt-top.gif" width="900" height="1" alt="" />
</div>
<div id="IMU---billedramme_">
<img id="IMU___billedramme" src="billedramme/billedramme2.jpg" width="900" height="165" alt="" />
</div>
<div id="menudel-top_">
<img id="menudel_top" src="images/menudel_top.gif" width="101" height="8" alt="" />
</div>
<div id="menu-graduering_">
<img id="menu_graduering" src="images/menu_graduering.gif" width="20" height="263" alt="" />
</div>
<div id="IMU---billedramme009_">
<img id="IMU___billedramme009" src="images/IMU---billedramme-09.gif" width="779" height="1" alt="" />
</div>
<div id="text-area_">
<h2>Velkommen til Lindved & Tørrings IMU</h2>
IMU er for alle unge fra 16 til 25 år.
Vi mødes normalt tirsdag kl. 19.30, som oftest i private hjem, men check altid i programmet! Hvis der intet står, er det i missionshuset i Lindved.
</div>
<div id="index-11_">
<img id="index_11" src="images/index_11.gif" width="6" height="262" alt="" />
</div>
<div id="Forside-Knap_">
<a href="index.html">
<img id="Forside_Knap" src="images/Forside_Knap.gif" width="101" height="27" border="0" alt="Forside" /></a>
</div>
<div id="Program-knap_">
<a href="program.html">
<img id="Program_knap" src="images/Program_knap.gif" width="101" height="32" border="0" alt="Program" /></a>
</div>
<div id="Events-knap_">
<a href="events.html">
<img id="Events_knap" src="images/Events_knap.gif" width="101" height="32" border="0" alt="Events" /></a>
</div>
<div id="Hvem-er-vi-knap_">
<a href="hvem_er_vi.html">
<img id="Hvem_er_vi_knap" src="images/Hvem_er_vi_knap.gif" width="101" height="35" border="0" alt="Hvem er vi" /></a>
</div>
<div id="Kontakt-os-knap_">
<a href="kontakt.html">
<img id="Kontakt_os_knap" src="images/Kontakt_os_knap.gif" width="101" height="29" border="0" alt="Kontakt os" /></a>
</div>
<div id="Billedgalleri-knap_">
<a href="galleri.html">
<img id="Billedgalleri_knap" src="images/Billedgalleri_knap.gif" width="101" height="36" border="0" alt="Billedgalleri" /></a>
</div>
<div id="Guestbook-knap_">
<a href="guestbook.html">
<img id="Guestbook_knap" src="images/Guestbook_knap.gif" width="101" height="34" border="0" alt="Gæstebog" /></a>
</div>
<div id="Links-knap_">
<a href="links.html">
<img id="Links_knap" src="images/Links_knap.gif" width="101" height="30" border="0" alt="Links" /></a>
</div>
<div id="menudel-bund_">
<img id="menudel_bund" src="images/menudel_bund.gif" width="900" height="26" alt="" />
</div>
<div id="Skydeskiver_">
<img id="Skydeskiver" src="images/Skydeskiver.gif" width="304" height="169" alt="Cirkler - billede" />
</div>
<div id="index-22_">
<img id="index_22" src="images/index_22.gif" width="596" height="35" alt="" />
</div>
<div id="reklame_">
<a href="http://www.event.imu.dk">
<img id="reklame" src="images/reklame.gif" width="596" height="134" border="0" alt="reklame" /></a>
</div>
</div>
<!-- End ImageReady Slices -->
</body>
</html>
Kildekoden til CSS ses her:
#Table_01 {
height:100%;
margin:0px;
border:0px;
padding:0px;
position:relative;
width:900px;
margin:0 auto;
height:100%;
}
#Logo_ {
position:absolute;
left:0px;
top:0px;
width:177px;
height:51px;
}
#index-02_ {
position:absolute;
left:177px;
top:0px;
width:723px;
height:7px;
}
#dagen-bibelvers-verset_ {
position:absolute;
left:183px;
top:7px;
width:707px;
height:44px;
}
#index-04_ {
position:absolute;
left:890px;
top:7px;
width:10px;
height:44px;
}
#IMU---hvidt-felt-top_ {
position:absolute;
left:0px;
top:51px;
width:900px;
height:1px;
}
#IMU---billedramme_ {
position:absolute;
left:0px;
top:52px;
width:900px;
height:165px;
}
#menudel-top_ {
position:absolute;
left:0px;
top:217px;
width:101px;
height:8px;
}
#menu-graduering_ {
position:absolute;
left:101px;
top:217px;
width:20px;
height:263px;
}
#IMU---billedramme009_ {
position:absolute;
left:121px;
top:217px;
width:779px;
height:1px;
}
#text-area_ {
position:absolute;
left:127px;
top:218px;
width:720px;
height:262px;
}
#index-11_ {
position:absolute;
left:894px;
top:218px;
width:6px;
height:262px;
}
#Forside-Knap_ {
position:absolute;
left:0px;
top:225px;
width:101px;
height:27px;
}
#Program-knap_ {
position:absolute;
left:0px;
top:252px;
width:101px;
height:32px;
}
#Events-knap_ {
position:absolute;
left:0px;
top:284px;
width:101px;
height:32px;
}
#Hvem-er-vi-knap_ {
position:absolute;
left:0px;
top:316px;
width:101px;
height:35px;
}
#Kontakt-os-knap_ {
position:absolute;
left:0px;
top:351px;
width:101px;
height:29px;
}
#Billedgalleri-knap_ {
position:absolute;
left:0px;
top:380px;
width:101px;
height:36px;
}
#Guestbook-knap_ {
position:absolute;
left:0px;
top:416px;
width:101px;
height:34px;
}
#Links-knap_ {
position:absolute;
left:0px;
top:450px;
width:101px;
height:30px;
}
#menudel-bund_ {
position:absolute;
left:0px;
top:480px;
width:900px;
height:26px;
}
#Skydeskiver_ {
position:absolute;
left:0px;
top:506px;
width:304px;
height:169px;
}
#index-22_ {
position:absolute;
left:304px;
top:506px;
width:596px;
height:35px;
}
#reklame_ {
position:absolute;
left:304px;
top:541px;
width:596px;
height:134px;
}
der gives 100 point hvis I kan svare mig på mine 2 hoves spørgsmål, og 100 point mere pr hver af mine "ekstra spørgsmål" hvis de to hovedspørgsmål er besvaret...
