Avatar billede foxmulder58 Praktikant
09. marts 2005 - 21:08 Der er 14 kommentarer og
1 løsning

placering af tables i CSS

hej Eksperter,

Jeg har mange problemer med at placere tables på min hjemmeside,

jeg har bøvlet rundt med diverse koder men lige mget hjælper det.

Derfor smider jeg 100 point hurtigt til den der kan give mig et eksempel på en kode hvor jeg i pixels kan placere denne table hvor det passer mig.

mvh
Mads
Avatar billede olebole Juniormester
09. marts 2005 - 21:31 #1
<ole>

Det kommer anpå din kode ... link?

/mvh
</bole>
Avatar billede foxmulder58 Praktikant
09. marts 2005 - 21:33 #2
hej ole,

her er linket:

http://www.klartilsyn.com/netau/index.htm

jeg skal have lavet nogle nyhedstabeller i højre side ved siden af teksten i den nederste store box. kan du hjælpe er de 100 point selvfølgelig dine!

mvh
mads
Avatar billede foxmulder58 Praktikant
09. marts 2005 - 22:10 #3
hov her er det korrekte link:

http://www.klartilsyn.com/netau/index.html

mvh
mads
Avatar billede roenving Novice
11. marts 2005 - 10:48 #4
Hvad er dog ideen med at kaste så meget rundt med tabeller ?-)

-- og jeg kan heller ikke se formålet med at bruge absolutte positioner, når du alligevel har stort set alle ting i flowlayout, og de ting, som ikke er i flowlayout alligevel er indkapslet i andre elementer, som er ...

-- og så bør du vælge et karater-sæt, som ikke kun kan bruges i intranet, samt bruge en fuld kvalificeret doctype inklusive et dtd-link !-)
Avatar billede foxmulder58 Praktikant
18. marts 2005 - 01:18 #5
ok det fik jeg ikke en skid ud af det her!

lukker!

mvh
Mads
Avatar billede olebole Juniormester
18. marts 2005 - 01:24 #6
roenving stillede ellers et yderst relevant spørgsmål - og gav tre anvisninger på væsentlige forbedringer. Det kunne da have været et sted at starte  :)
Avatar billede foxmulder58 Praktikant
18. marts 2005 - 01:25 #7
han gav ingen konkrete eksempler på kode der kunne rette mit problem....det svar jeg fik af ham var sikkert med fin hensigt men har brug for mere detaileret forklaring


mvh
mads
Avatar billede roenving Novice
19. marts 2005 - 05:39 #8
-- men så kunne du jo spørge til punkterne, for det var umiddelbart alt for omfattende at specificere det i forhold til din kode ...
Avatar billede foxmulder58 Praktikant
20. marts 2005 - 00:33 #9
hej Roenvimg,

Det er fint med DTD, Doctype og at jeg ikke skal anvende tabeller til at designe hjemmesider i?,

Men kan du ikke vise mig en kode som er god at anvende når man skal designe en hjemmeside...altså en kode til hvordan du griber dette an?

mvh
Mads
Avatar billede roenving Novice
20. marts 2005 - 01:03 #10
Tabeller kan være nødvendige i visse typer design, men ser ikke ud til at være nødvendigt i det design, du bruger på linket ...

Men et eksempel på noget design kunne være dette (og jeg har sæ'fø'li' ikke keret mig om dine scripts m.m.m. !-)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Simpelt opbygget side</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style/style.css">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;background:url(dinBaggrund.gif);}
#site{width:780px;margin:0 auto;}
#banner{height:100px;}
#commit{height:20px;text-align:center;background:black;color:white;font-size:x-small;margin:5px 0;padding-top:4px;}
#menu{height:15px;padding:5px;color:white;margin:5px 0;border:1px solid black;background:#bbb;}
#menu span{background:#903;border:1px solid black;}
#menu a,#menu a:link,#menu a:visited,#menu a:hover,#menu a:active{color:white;text-decoration:none;}
#menu a:hover{background:#333;}
#main{border:1px solid black;background:white;padding:8px;height:700px;font-size:;}
</style>
</head>
<body>
<div id="site">
  <div id="banner"><img src="ditBanner.gif" style="width:100%;height:100px;"></div>
  <div id="commit">Netbaseret Akademi Uddannelse Martin Hammerichsvej 2 6270 Tønder Tlf. nr 73 72 12 10 e-mail: tf@toha.dk</div>
  <div id="menu">
    <span>&nbsp;<a href="/">Forside</a> <a href="KursusStartPriser">Kursusstart/priser</a> Uddannelser Adgangskrav Overgangsordning Videreuddannelse Tilmelding Kontakt os Hvem er vi?  Log på&nbsp;</span>
  </div>
  <div id="main">
    Netbaseret Akademi Uddannelse udbyder syv forskellige akademiuddannelser på videregående voksenuddannelsesniveau (VVU)som fjernundervisning. <br><br>

Alle er deltidsuddannelser for dig, som har brug for at vide og kunne mere. Uddannelserne er afløsninger for merkonomuddannelsen.<br><br>

Osv. osv.
  </div>
</div>
</body>

</html>
Avatar billede olebole Juniormester
20. marts 2005 - 01:53 #11
- og jeg er helt sikker på, roenving ikke mener, du ikke må bruge tabeller. Så længe der er tale om bokse under hinanden er det dog helt unødvendigt.

Skal du derimod stille noget op i kollonner, der skal være 'i sync' med hinanden (linier i samme højde - og ens højde på 'tårnene'), er det helt naturligt at bruge en tabel.

Det, du skal undgå, er at bygge store, nestede 'sætterkasser' af tabeller. Det er dårlig, forældet og helt unødig kode  :)
Avatar billede foxmulder58 Praktikant
20. marts 2005 - 20:37 #12
Hej Roenving,

Smid et svar det var en løsning jeg kunne bruge,smid et svar så du kan få point. Jeg vil gerne bruge denne kode til at redsigne sitet med.

PS! hvis du/i så har et bud på et CMS (content management system) jeg med lethed kan anvende smider jeg 200 point mere oven i puljen.

PPS! Roenving ---> jeg håber at jeg kan vende tilbage til dig i denne tråd hvis jeg skulle få problemer med den kode du sendte mig.....jeg har ihvertfald svært ved at se hvordan du har fået centreret de div-tags?


10000 tak for hjælpen Olebole/roenving

mvh
mads
Avatar billede roenving Novice
20. marts 2005 - 20:45 #13
Fidusen er, at div id=site (som omkranser resten af indholdet !-) har margin:0 auto; og en defineret bredde, det vil med en fuldt kvalificeret doctype netop centrere det hele !o]

-- og du er velkommen til at vende tilbage, for jeg får jo stadig mails om aktivitet i denne tråd ...

Til gengæld har du jo lukket den, så jeg kan ikke lægge et svar !-)

-- og cms-ting skal vælges ud fra de behov, man har, for selv rør jeg for tiden i et cms, som kan alverdens ting (og koster derefter !-), men klart vil være overkill i forhold til langt de flestes behov ...
Avatar billede foxmulder58 Praktikant
20. marts 2005 - 20:48 #14
ok!,

Sorry jeg havde ikke set jeg havde lukket denne tråd, hvordan fikser vi det problem?...skal jeg lige lave en ny tråd hvor du kan svare?

mvh
Mads
Avatar billede foxmulder58 Praktikant
22. marts 2005 - 13:39 #15
Ok Roenving,

Nu har jeg brg for din hjælp igen igen,

Jeg har anvendt det design du har lagt koden ind på og det fungerer virkelig godt både i IE og Firefox. Nu er det sådan at jeg skal hav 2 menubarer til venstre og højre for <div id="main"> hvordan hulen gør man det??


mvh
Mads
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester