html - Tabel bredde - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html table

Bruger #17591 @ 07.04.13 21:19

Hej kvikke mennesker

Jeg har lavet en tabel med 1 række og 2 celler. Denne tabel har jeg givet bredden 100% . Hver af de 2 celler indeholder en tabel. Jeg har prøvet at definerer både celler eller tabeller med hhv. 33 og 67% bredde, men i begge tilfælde bliver bredden af den 1. celle/tabel afgøres af indholdet; den anden af hvad der der tilbage.

Hvorfor det?

7 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma

Sorter efter stemmer Sorter efter dato

Bruger #17081 @ 07.04.13 21:25

1.258

prøv, at oprette en fiddle her, så vi kan se din kode, det er svært, at forstå når du bare skriver det sådan der: http://jsfiddle.net/

Smid det relevate kode ind og tryk save, så får du et link du kan dele.

Indlæg senest redigeret d. 07.04.2013 21:26 af Bruger #17081

Bruger #17081 @ 08.04.13 19:06

1.258

det kan du såmænd også, men det er lidt nemmere ( og du skal skrive mindre ) hvis du gør det med div og span elementerne

Bruger #16838 @ 07.04.13 22:10

169

Prøv

CSS kode

 table {
 width: 100%;
 display: table !important;
 }

Bruger #17591 @ 08.04.13 08:33

prøv, at oprette en fiddle her, så vi kan se din kode, det er svært, at forstå når du bare skriver det.

Det gør jeg. Og ja, vi snakker en spæd start :-)

CSS kode

 body {
 background-color: #ffffff;
 }
 
 h1 {
 color: green;
 }
 
 p {
 font-family:"Times New Roman";
 font-size: 20px;
 }
 
 table {
 border: 1px solid black;
 }
 
 #hLine{
 border-top: 5px solid blue;
 }
 
 #vLine {
 border-right: 5px solid blue;
 }

HTML kode

 <HTML>
 <HEAD><TITLE>Hjemmeside for og af Roar Pedersen</TITLE>
 <META content=0 http-equiv=Expires>
 <LINK rel=stylesheet type=text/css href="stylesheet/style.css">
 </HEAD>
 
 <BODY>
 <!-- Header og portrætbillede tabel -->
 <TABLE width="100%">
 <TR>
 <TD width="33%">
 <!-- Titel tabel -->
 
 <TABLE id="vLine">
 <TR>
 <TD>
 <h1>Roar Pedersen</h1>
 </TD>
 </TR>
 </TABLE>
 
 </TD>
 
 <TD width="67%">
 <!-- portrætbillede tabel -->
 
 <TABLE>
 <TR>
 <TD>
 Billede af mig
 </TD>
 </TR>
 </TABLE> 
 
 </TD>
 </TR>
 </TABLE>
 
 
 
 <!-- CV tabel: årstal og tekst -->
 <TABLE  width="100%" id="hLine">
 <TR>
 <TD width="33%">
 <!-- årstal -->
 
 <TABLE id="vLine">
 <TR>
 <TD>
 xxxxxxxxxxxxxxxxx2013
 </TD>
 </TR>
 <TR>
 <TD>
 2012
 </TD>
 </TR>
 <TR>
 <TD>
 2011
 </TD>
 </TR>
 </TABLE>
 
 </TD>
 
 <TD width="67%">
 <!-- tekst -->
 
 <TABLE>
 <TR>
 <TD>
 bla. bla. bla.
 </TD>
 </TR>
 <TR>
 <TD>
 bla. bla. bla.
 </TD>
 </TR>
 <TR>
 <TD>
 bla. bla. bla.
 </TD>
 </TR>
 </TABLE>
 
 </TD>
 </TR>
 </TABLE>
 
 </BODY>

Bruger #17081 @ 08.04.13 08:41

1.258

@Roar ... jeg kan godt se det er en meget spæd start, den kode du har lavet, hvor har du læst om det henne ? For det er lidt en forældet måde, at gøre det på.

Bruger #17591 @ 08.04.13 11:51

@Dan Tja, bedre småskidt end slet ikke. Jeg har haft en ide og plukket fra w3School.com.
Har du nogle gode råd til hvor jeg kan finde nogle eksempler eller generelt blive klogerer?

Ideen var at bruge kanterne af tabellerne til at lave grænser mellem de 4 felter (navn, foto, årstal og tekst) uden at skulle bruge en billedfil. Ved at lave celler har jeg en ide om, at jeg kunne få årstal og tekster til at stå overfor hinanden, når de bliver hentet fra tabeller (PHP).

Bruger #17591 @ 12.04.13 20:52

Ok, super. Jeg er nu kørende med div og class="xx" og kommet videre til nye problemer (php og mySql).

Jeg siger tusind tak for hjælpen

Tabel bredde

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler