Låse bredden på en tabell?

_Nitro_ · 5. mai 2004

Har prøvd med <table width="500"> men dette funket ikke. Når det kommer en lang tekst inn i den tabellen så strekker den ut tabellen i stede får og utvide tabellen med en linje. Noen som vet hva jeg kan gjøre?

Arve Systad · 5. mai 2004

*nynne noke om at en tabell skal inneholde tabulær data og ikkje brukast å lage layout i...*

Prøv å sett bredden med css da

table {
width: 500px;
}

edit:

kan selfølgelig hende at du faktisk har laga sida di på en skikkelig måte, og skal ha en tabell med "korrekt" innhold i, men det er da vel strengt tatt skjelden at en tabell skal inneholde så masse at en 500px tabell ikkje er brei nok...

Endret 5. mai 2004 av arve87

_Nitro_ · 5. mai 2004

Hmm, det vart ingen forandringer her nei.

Slik ser style.css ut:

table {
width: 500px;
}

Slik ser artikler.php ut:

<html>
<?php
     include('mysql-config.php');
?>
<head>
<meta http-equiv="Content-Language" content="no-bok">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 0</title>
</head>

<body>
<p align="center"><font face="Arial Black">Artikler</font></p>
<center><form action="<?php print($_SERVER["PHP_SELF"]); ?>"
method="post">
<select name="kategori">
     <option>---Velg Kategori---</option>
     <option>Katt</option>
     <option>Hund</option>
     <option>Gnagere</option>
</select>
<input type="submit" name="vis" value="Vis">
</form>
</center>
<table border="0" id="table1" class="table">
     <tr align="center">
<?php
$kategori = $_POST['kategori'];
echo "<center>$kategori</center>";
if (isset($_POST['vis'])) {
     $result = @mysql_query("SELECT * FROM docs WHERE kategori = '$kategori'");
     if (!$result) {
        die('<p>Får ikke kontakt med ' .
                    ' tabellen på dette tidspunktet: ' . mysql_error() .
'</p>');
     }

     // Vis tekt i som ligger i databasen
$count = 0;
while ( $row = mysql_fetch_array($result) )
{
echo('<td><a href="' . $row['fil'] . '">' . $row['artikkelnavn'] . '</a></td>'.((++$count%3)?'':'</tr><tr align="center">'));
       }
}
?>
</tr>
</table>
</body>
</html>

Tips?

Arve Systad · 5. mai 2004

id="table1" class="table" <= Fjern det ifra tabelltaggen din iallefall.

Ellers ser eg et par <font> tagger, og ut i fra det vil eg kunne sei at du kunne hatt godt av å lære deg CSS

les også på

http://www.w3schools.com

http://www.alistapart.com

_Nitro_ · 5. mai 2004

Må man ikke ha noe i table taggen for at skal skjønne at den skal bruke css da?

Arve Systad · 5. mai 2004

Må man ikke ha noe i table taggen for at skal skjønne at den skal bruke css da?

når du skriver

table {
width: 500px
}

Vil det gjelde for alle table elementer. Setter du et punktum foran, derimot - vil du måtte angi class="table".... skjønner ?

Står forresten om det på den sida eg gav deg, css.absentvoid.com

Endret 5. mai 2004 av arve87

_Nitro_ · 5. mai 2004

Okey, men må fremdeles ha <link rel="stylesheet" type="text/css" href="style.css"> ?

Men fremdeles så har jeg en LAANG tekst som utvider tabellen. :/

Kunne tenkt meg at den ikke utvider tabellen men heller fortsettet på en ny linje. ;/

Endret 5. mai 2004 av _Nitro_

Arve Systad · 5. mai 2004

Okey, men må fremdeles ha <link rel="stylesheet" type="text/css" href="style.css"> ?

ja såklart.

Den lille greia der forteller nettleseren kor den skal finne stilarket som skal brukast på den aktuelle sida. Tar du vekk den, finner ikkje nettleseren noke stilark å hente stilregler ifra.

Forutsetter selfølgelig at du skriver det i et eksternt stilark, og ikkje i style elementet i header.

_Nitro_ · 5. mai 2004

Da begynner jeg å skjønne litt. Men har jo fremdeles problemet mitt da.

Skjønner ikke hvorfor det blir slik. Irriterrende.

CSS er noe jeg MÅ lære meg ihverfaill. Sitter å lærer meg PHP oppi ailt det mer så det blir for mye noen gang.

Arve Systad · 5. mai 2004

begyn med å fjerne tabeller, og å lage sida di med div's istede. Spør her når du trenger hjelp. Grunnprinsippet er å bruke <div> tagger istede for å lage alt i tabeller. Så angir du bakgrunnsfarger/grafikk, fontstørrelser, farger, padding/margins og alt slik for kvert element du har.

Les litt på w3schools om både HTML og CSS, så skjønner du det nok fort

Jesper Karsrud · 5. mai 2004

Er jo ekstremt rart at det ikke fungerer da... Men det er ikke en td du skal ha 500 min. bredde på da? I så fall må jo koden være

td {
 width: 500px;
}

Men i koden du postet så jeg ikke denne da:

<link rel="stylesheet" type="text/css" href="style.css">

Mulig at du har gjort det etter du postet koden?

Endret 5. mai 2004 av Jibril2k

_Nitro_ · 5. mai 2004

denne ligger i fila som blir includet, mysql-config.php

<?php
    include('mysql-config.php');
?>

_Nitro_ · 5. mai 2004

Jibril2k --> har prøvd det nå , men det fungerte heller ikke, får prøve med <div> som arve87 sa. arve87 kunne du ha forklart meg litt hvordan jeg bruker div?

_Nitro_ · 5. mai 2004

<-- Dobbel Post -->

Endret 5. mai 2004 av _Nitro_

Arve Systad · 5. mai 2004

<-- Dobbel Post -->

må nesten ha en eksempelkode for å forklare *leite*

<!-- 
All design/layout and content is copyrighted pink.absentvoid.com. 
Using it elsewhere, without contacting webmaster first, and linking to this very site is forbidden, 
and will be regarded as theft. Proper actions will be taken.
-->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>pink.absentvoid.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<!-- Header -->
<div id="header">
<h1 class="hide">Pink.absentvoid.com</h1>
</div>

<!-- Menu start -->

<div id="menu">

<!-- FIRST MENU CONTAINER || CSS/Layout tutorials -->

<div class="menu_container">
	<div id="menu_css_layout_headline">
		<h2><span class="hide">CSS/Layout tutorials</span></h2>
	</div>
	<div class="menu_stretch">
		<ul>
			<li><a href="#">Basic CSS</a></li>
			<li><a href="#">Simple pseudoclasses</a></li>
			<li><a href="#">CSS image-rollover</a></li>
			<li><a href="#">Typography</a></li>
		</ul>		
	</div>
	<div class="menu_bottom"></div>	
</div>

<!-- SECOND MENU CONTAINER || Miniguides -->

<div class="menu_container">
	<div id="menu_miniguides_headline">
		<h2><span class="hide">Miniguides</span></h2>
	</div>
	<div class="menu_stretch">
		<ul>
			<li><a href="#">Colorcodes</a></li>
		</ul>
	</div>
	<div class="menu_bottom"></div>
</div>

<!-- COPYRIGHT PARAGRAPH --> 	

<div class="menu_container">
	<div class="menu_top"></div>
		<div class="menu_stretch">
			<p id="copyright">
				All content on these pages are copyrighted Absentvoid.com. 
				All use of graphics, content or other unique features
				without permission is illegal.<br><br>
				<a href="mailto:[email protected]">Webmaster</a>	
			</p>
		</div>
<div class="menu_bottom"></div>	
</div>

</div>

<!-- CONTENT START -->

<div id="main_container">
<div class="content_container">
	<h1 id="latest_news_headline"><span class="hide">Latest news!</span></h1>
	<div class="content_corner_right"></div>
	<div class="content">

     <h1>New site up and running!</h1>
     <p>pink.absentvoid.com up and running! None of the tutorials are loaded 
       up/written yet, but it will come. Within a week or two, I hope to have 
       translated all the tutorials to english, and maybe have written a few 
       more. </p>
   </div>
</div>
<div class="bottom_stretch">
	<div class="bottom_left_corner"></div>
	<div class="bottom_right_corner"></div>	
</div>
<!-- FIRST CONTAINER END -->
</div>
</body>
</html>

Om du ser her, så har eg brukt en god del div elementer. Desse har forskjellige oppgaver, enten å berre inneholde grafikk til layouten, eller å inneholde en meny, eller innhold. Har brukt forskjellige CSS egenskaper til å posisjonere, gi farger, bakgrunnsbilder, font-typer, fontfarger osv. osv...

Studer koden, og studer gjerne stilarket i tillegg, så forstår du kanskje korleis ting fungerer

http://pink.absentvoid.com/stylesheet.css <= der finner du stilarket

_Nitro_ · 5. mai 2004

Problemet med dene tabellen som jeg har er jo at teksten som kommer inne denne tabellen er jo ikke statisk. Den blir dynamisk og hentet fra sql database. Innholde i denne tabellen er artikler som brukere laster opp. Og artikkelnavnet kan ha en tendens til å bli meget langt. Er det da mulig og få til å bruke dynamisk tekst i <div> tagger?

Loomy · 5. mai 2004

Ingen som har nevnt overflow ennå? Får gjøre det jeg da...

For det første MÅ du gå over til CSS + div

For det andre setter du overflow:XXX på elementet du skal ha teksten i (f.eks en td eller en div). XXX kan for eksempel være auto. Dette gir deg en scroll hvis det trengs (som om det var en iframe). Du kan bruke scroll istedenfor auto, men da viser den scroll uansett tror jeg :hmm:

EDIT: Sider som omhandler CSS (blant annet):

http://www.w3schools.com

http://css.absentvoid.com/

Prosjekt PureCSS <-- Se på kildekoden

Endret 5. mai 2004 av Loomy

_Nitro_ · 5. mai 2004

i (f.eks en td eller en div)

Overflow, du nevner en td ELLER en div. Kan man da bruke overflow med en helt vanlig tabell? Sitter forrestern og tester litt med diiv og css nå. Men skjønner ikke så voldsomt mye enda.

_Nitro_ · 5. mai 2004

Da har jeg endelig fått det till Nå funker det som det skal.

Problemet var egentlig ikke et problem. :blush: :blush:

.... glemte helt at den wrapper selv ved mellomrom. Når jeg drev å testet ut, brukte jeg bare "lange ord" som lksdfjlksdjfklsdjfklsdjflksdf uten mellomrom.

Endret 5. mai 2004 av _Nitro_

Arve Systad · 5. mai 2004

Problemet med dene tabellen som jeg har er jo at teksten som kommer inne denne tabellen er jo ikke statisk. Den blir dynamisk og hentet fra sql database. Innholde i denne tabellen er artikler som brukere laster opp. Og artikkelnavnet kan ha en tendens til å bli meget langt. Er det da mulig og få til å bruke dynamisk tekst i <div> tagger?

div elementer utvider seg dynamisk med innhold, med mindre noke anna er bestemt i stilarket, så det er ikkje et problem ivertfall

Prosjekt PureCSS <-- Se på kildekoden

Min pink.absentvoid.com som eg pasta kildekoden til her i stad er også pure CSS :woot:

Låse bredden på en tabell?

Anbefalte innlegg

Lenke til kommentar

Videoannonse

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer