Avatar billede unsafe Nybegynder
02. april 2005 - 12:43 Der er 19 kommentarer og
1 løsning

Skæve tables?

Jeg er godt og vel igang med et forum.

www.efy.dk/forum, mit problem omhandler kun når man ser siden Ret proffil & Min profil i IE efter login.

I kan logge ind som:

Brugernavn: Test
Password: test

I kan jo se min kildekode. Og kigge på min css (www.efy.dk/forum/style.css)

Ville blive meget taknemlig hvis i kunne sige mig havd problemet er ;).
Avatar billede roenving Novice
02. april 2005 - 12:50 #1
Den forstår jeg ikke umiddelbart, men ...

-- hvad med bare at fjerne den lodrette streg mellem cellerne !-)
Avatar billede unsafe Nybegynder
02. april 2005 - 13:16 #2
Hvad er det du ikke forstår? mit spørgsmål, eller hvorden den gør såden med tabellerne?

Hvilken lodret streg?
Avatar billede roenving Novice
02. april 2005 - 13:24 #3
Årsagen til den opførsel forstår jeg ikke ...

-- og der er en afgrænsning mellem de to kolonner, hvis du fjerner den, vil man jo ikke kunne se, at der er en forskel på celle-bredderne !-)
Avatar billede unsafe Nybegynder
02. april 2005 - 13:55 #4
Okey :/

-- og der er en afgrænsning mellem de to kolonner, hvis du fjerner den, vil man jo ikke kunne se, at der er en forskel på celle-bredderne !-)

Den besked forstod jeg ikke helt hehe.
Avatar billede roenving Novice
02. april 2005 - 13:59 #5
Mellem den celle, som indeholder 'Gæstebogen' og den celle, som indeholder 'Profil for: Test | ' er der en streg, og ligeledes mellem cellen med textareaet og cellen med navn osv. ...

Hvis du fjerner den streg, vil der ikke være noget, man kan se, som fortæller en, at der er en forskel på celle-breddeni header-linjen og i indholdscellerne !-)
Avatar billede unsafe Nybegynder
02. april 2005 - 16:46 #6
Nej er rigtig nok. Men den streg skal være der, det er en del af designet. der må da være en løsning på problemet??

En eller anden??
Avatar billede skyggen2000 Nybegynder
04. april 2005 - 14:20 #7
Fra "Din bruger" iframe:

har indsat cellspacing="0" cellpadding="0" på alle tabel tags.

Eftersom du har forskellig antal td'er i dine tables vil du også få forskellig padding osv. hvis ikke de sættes til nul dette rykker dine tabeller forskelligt fra hinanden. Regner med at det var det problem:)

Du kan i hvert fald prøve det.

<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html>
<head>

    <title>Efy.dk | Forum'et for dig</title>

<meta name="generator" content="TSW WebCoder" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>

<div id="wrapper">
<div id="main">

<div class="topbanner"><p align="center"><img src="midt.jpg" border="0" alt=""></p></div>


<br>

<table width="100%" class="menutable">
<tr>
<td width="60%">

<a href="index.php">Forside</a>  |  <a href="profiler.php?id=2">Min profil</a>  |  <a href="profil.ret.php">Ret profil</a>  |  <a href="mailbox.php">Post[<b>0</b>]</a>  |  <a href="profiler.php?action=list">Bruger liste</a>  |  <a href="login.php?action=logud">Logud</a>

</td>
<td width="40%" align="right">
Du er logget på som <b>Test</b>.<br>
Du har <b>0</b> nye beskeder.
</td>
</tr>
</table>
<table width="100%" class="maintable" cellspacing="0" cellpadding="0">
<tr>
<td width="30%" class="headline">Gæstebogen | 0 indlæg</td>
<td width="70%" class="headline">Profil for: Test | </td>
</tr>

<tr>
<td width="30%" class="forums">
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" class="text">


<form method="post" action="profiler.php?id=2">
<textarea cols="20" rows="8" name="besked"></textarea><br>
<input type="submit" name="submit" value="Send!">
</form><br><hr size="1">
</td>
<td width="50%" class="text">
<script language="JavaScript">
function setSmilie(smilie){
  var f = document.forms[(1-1)];
  f.besked.value += smilie;
  f.focus();
}
//-->
</script>

<table width="100%" class="maintable" cellspacing="0" cellpadding="0">
<tr>
<td width="30%"><a onclick="setSmilie(' :) ');"><img src="images/smilies/icon_smile.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' :I ');"><img src="images/smilies/icon_smile_blush.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' 8) ');"><img src="images/smilies/icon_smile_shy.gif"></a></td>
</tr>

<tr>
<td width="30%"><a onclick="setSmilie(' :D ');"><img src="images/smilies/icon_smile_big.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' 8D ');"><img src="images/smilies/icon_smile_cool.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' :o) ');"><img src="images/smilies/icon_smile_clown.gif"></a></td>
</tr>

<tr>
<td width="30%"><a onclick="setSmilie(' ;) ');"><img src="images/smilies/icon_smile_wink.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' :P ');"><img src="images/smilies/icon_smile_tongue.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' :x ');"><img src="images/smilies/icon_smile_kisses.gif"></a></td>
</tr>

<tr>
<td width="30%"><a onclick="setSmilie(' ::) ');"><img src="images/smilies/nye_rolleyes.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' :o! ');"><img src="images/smilies/nye_shocked.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' I) ');"><img src="images/smilies/icon_smile_sleepy.gif"></a></td>
</tr>

<tr>
<td width="30%"><a onclick="setSmilie(' :-* ');"><img src="images/smilies/nye_kiss.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' xx( ');"><img src="images/smilies/icon_smile_dead.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' :o ');"><img src="images/smilies/icon_smile_shock.gif"></a></td>
</tr>

<tr>
<td width="30%"><a onclick="setSmilie(' :( ');"><img src="images/smilies/icon_smile_sad.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' }:) ');"><img src="images/smilies/icon_smile_evil.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' B) ');"><img src="images/smilies/icon_smile_blackeye.gif"></a></td>
</tr>

<tr>
<td width="30%"><a onclick="setSmilie(' :´( ');"><img src="images/smilies/nye_cry.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' :(! ');"><img src="images/smilies/icon_smile_angry.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' :-[ ');"><img src="images/smilies/nye_embarassed.gif"></a></td>
</tr>
</table></td>
</tr>

<tr>
<td colspan="2" class="text">



Forrige 5 | Næste 5</td>
</tr>

</table>
</td>
<td width="70%" class="forums">

<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td class="text">Navn:</td>
<td class="text"></td>
</tr>

<tr>
<td class="text">Alder:</td>
<td class="text"></td>
</tr>

<tr>
<td class="text">By:</td>
<td class="text"></td>
</tr>

<tr>
<td class="text">Køn:</td>
<td class="text"></td>
</tr>

<tr>
<td class="text">Beskæftigelse:</td>
<td class="text">Ikke oplyst</td>
</tr>

<tr>
<td class="text">Interesser:</td>
<td class="text">Ikke oplyst</td>
</tr>

<tr>
<td class="text">Hjemmeside:</td>
<td class="text">Ikke oplyst</td>
</tr>


<tr>
<td class="text">Sidste login:</td>
<td class="text">Ikke logget ind</td>
</tr>

<tr>
<td class="text">Oprettet:</td>
<td class="text">05-04-2 17:12:14</td>
</tr>

<tr>
<td class="text">Posts:</td>
<td class="text">0</td>
</tr>

<tr>
<td class="text">Online:</td>
<td class="text">Kommer.</td>
</tr>
</table>

</td>
</tr>
</table>

<br /><br />

© Copyright 2005 - 2006 af efy.dk | Webløsninger du har råd til.

</div>
</div>

</body>
</html>
Avatar billede unsafe Nybegynder
04. april 2005 - 16:23 #8
Jo tak :) prøver jeg :D
Avatar billede unsafe Nybegynder
04. april 2005 - 16:30 #9
Det hjalp desværre ikke :(

Men tak.

Andre forslag?
Avatar billede unsafe Nybegynder
04. april 2005 - 16:30 #10
Jeg er villig til at give resten af mine 880 points for at få løst dette problem!!!
Avatar billede skyggen2000 Nybegynder
04. april 2005 - 16:37 #11
fik du lavet alle din table tags om til: ?
<table width="100%" class="maintable" cellspacing="0" cellpadding="0">

dvs. indsag cellspacing="0" cellpadding="0" på alle tabellerne?

Har du prøvet at køre den kode jeg sendte til dig seperat?
Avatar billede skyggen2000 Nybegynder
04. april 2005 - 16:50 #12
har du tjekket din css: for dette element: maintable, at der ikke er noget padding eller andet der kan have indflydelse?

Desuden er 30% til din inderste kolonne måske ikke nok til alle opløsninger, og den vil derfor kræve mere plads og rykke den næste kolonne. Det kan være du skal prøve at køre med 40%/60% til de to kolonner.
Avatar billede skyggen2000 Nybegynder
04. april 2005 - 16:51 #13
glem det sidste... bortset fra din css fil.
Avatar billede skyggen2000 Nybegynder
04. april 2005 - 16:57 #14
fra din css fil.

.maintable table {
    width: 100%;
    margin: 5px;
}

fjern dette:
    margin: 5px;

den rykker hele cellen 5 px til højre
Avatar billede skyggen2000 Nybegynder
04. april 2005 - 17:17 #15
efter du har gjort det pakker du dit table (den der skal have margin på fem) ind i en div som i mit eksempel:

<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html>
<head>

    <title>Efy.dk | Forum'et for dig</title>

<meta name="generator" content="TSW WebCoder" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="c:/style.css" />
</head>

<body>

<div id="wrapper">
<div id="main">

<div class="topbanner"><p align="center"><img src="midt.jpg" border="0" alt=""></p></div>


<br>

<table width="100%" class="menutable">
<tr>
<td width="60%" >

<a href="index.php">Forside</a>  |  <a href="profiler.php?id=2">Min profil</a>  |  <a href="profil.ret.php">Ret profil</a>  |  <a href="mailbox.php">Post[<b>0</b>]</a>  |  <a href="profiler.php?action=list">Bruger liste</a>  |  <a href="login.php?action=logud">Logud</a>

</td>
<td width="40%" align="right">
Du er logget på som <b>Test</b>.<br>
Du har <b>0</b> nye beskeder.
</td>
</tr>
</table>

<table width="100%" class="maintable" >
<tr>
<td width="30%" class="headline">Gæstebogen | 0 indlæg</td>
<td width="70%" class="headline">Profil for: Test | </td>
</tr>

<tr>
<td width="30%" class="forums">
<div style="margin:5px;">
<table width="100%">
<tr>
<td width="50%" class="text" >

<form method="post" action="profiler.php?id=2">
<textarea cols="20" rows="8" name="besked"></textarea><br>
<input type="submit" name="submit" value="Send!">
</form><br><hr size="1">
</td>
<td width="50%" class="text">
<script language="JavaScript">
function setSmilie(smilie){
  var f = document.forms[(1-1)];
  f.besked.value += smilie;
  f.focus();
}
//-->
</script>

<table width="100%" class="maintable" >
<tr>
<td width="30%"><a onclick="setSmilie(' :) ');"><img src="http://www.efy.dk/forum/images/smilies/icon_smile.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' :I ');"><img src="http://www.efy.dk/forum/images/smilies/icon_smile_blush.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' 8) ');"><img src="http://www.efy.dk/forum/images/smilies/icon_smile_shy.gif"></a></td>
</tr>

<tr>
<td width="30%"><a onclick="setSmilie(' :D ');"><img src="http://www.efy.dk/forum/images/smilies/icon_smile_big.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' 8D ');"><img src="http://www.efy.dk/forum/images/smilies/icon_smile_cool.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' :o) ');"><img src="http://www.efy.dk/forum/images/smilies/icon_smile_clown.gif"></a></td>
</tr>

<tr>
<td width="30%"><a onclick="setSmilie(' ;) ');"><img src="http://www.efy.dk/forum/images/smilies/icon_smile_wink.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' :P ');"><img src="http://www.efy.dk/forum/images/smilies/icon_smile_tongue.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' :x ');"><img src="http://www.efy.dk/forum/images/smilies/icon_smile_kisses.gif"></a></td>
</tr>

<tr>
<td width="30%"><a onclick="setSmilie(' ::) ');"><img src="http://www.efy.dk/forum/images/smilies/nye_rolleyes.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' :o! ');"><img src="http://www.efy.dk/forum/images/smilies/nye_shocked.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' I) ');"><img src="http://www.efy.dk/forum/images/smilies/icon_smile_sleepy.gif"></a></td>
</tr>

<tr>
<td width="30%"><a onclick="setSmilie(' :-* ');"><img src="http://www.efy.dk/forum/images/smilies/nye_kiss.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' xx( ');"><img src="http://www.efy.dk/forum/images/smilies/icon_smile_dead.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' :o ');"><img src="http://www.efy.dk/forum/images/smilies/icon_smile_shock.gif"></a></td>
</tr>

<tr>
<td width="30%"><a onclick="setSmilie(' :( ');"><img src="http://www.efy.dk/forum/images/smilies/icon_smile_sad.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' }:) ');"><img src="http://www.efy.dk/forum/images/smilies/icon_smile_evil.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' B) ');"><img src="http://www.efy.dk/forum/images/smilies/icon_smile_blackeye.gif"></a></td>
</tr>

<tr>
<td width="30%"><a onclick="setSmilie(' :´( ');"><img src="http://www.efy.dk/forum/images/smilies/nye_cry.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' :(! ');"><img src="http://www.efy.dk/forum/images/smilies/icon_smile_angry.gif"></a></td>
<td width="30%"><a onclick="setSmilie(' :-[ ');"><img src="http://www.efy.dk/forum/images/smilies/nye_embarassed.gif"></a></td>
</tr>
</table></td>
</tr>

<tr>
<td colspan="2" class="text">



Forrige 5 | Næste 5</td>
</tr>

</table>
</div>
</td>
<td width="70%" class="forums">

<table width="100%" >
<tr>
<td class="text">Navn:</td>
<td class="text"></td>
</tr>

<tr>
<td class="text">Alder:</td>
<td class="text"></td>
</tr>

<tr>
<td class="text">By:</td>
<td class="text"></td>
</tr>

<tr>
<td class="text">Køn:</td>
<td class="text"></td>
</tr>

<tr>
<td class="text">Beskæftigelse:</td>
<td class="text">Ikke oplyst</td>
</tr>

<tr>
<td class="text">Interesser:</td>
<td class="text">Ikke oplyst</td>
</tr>

<tr>
<td class="text">Hjemmeside:</td>
<td class="text">Ikke oplyst</td>
</tr>


<tr>
<td class="text">Sidste login:</td>
<td class="text">Ikke logget ind</td>
</tr>

<tr>
<td class="text">Oprettet:</td>
<td class="text">05-04-2 17:12:14</td>
</tr>

<tr>
<td class="text">Posts:</td>
<td class="text">0</td>
</tr>

<tr>
<td class="text">Online:</td>
<td class="text">Kommer.</td>
</tr>
</table>

</td>
</tr>
</table>

<br /><br />

© Copyright 2005 - 2006 af efy.dk | Webløsninger du har råd til.

</div>
</div>

</body>
</html>
Avatar billede skyggen2000 Nybegynder
04. april 2005 - 17:18 #16
testede det med dit css for at være sikker på det funkede, så nu kan man vel godt smide et svar.
Avatar billede unsafe Nybegynder
04. april 2005 - 18:48 #17
Fjernede bare margin: px; fra cssen.

Nu virker det :)

Taak for det 8D Du har fortjent dine points!!!!
Avatar billede alister_crowley Nybegynder
04. april 2005 - 18:50 #18
Det hedder forrresten CSS eller css, ikke Css det er grim måde at skrive det på.
Avatar billede unsafe Nybegynder
04. april 2005 - 19:24 #19
Heh, er da lige meget hvordan man skriver det :S?

Men jaja.
Avatar billede skyggen2000 Nybegynder
05. april 2005 - 09:15 #20
hvis kun du fjerner din margin i din CSS, er der jo ingen omkring elementet, derfor du kunne køre en div rundt om eller er det mere korrekt at skrive DIV...:)
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

Seneste spørgsmål Seneste aktivitet
I dag 10:21 Ny printer, men hvilken Af mort1 i Printere
I går 19:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging