Notifikationer

Markér alle som læst Log ud

michael-k Nybegynder

12. juni 2002 - 01:06 Der er 27 kommentarer og
1 løsning

vertikal align CSS

dette er min sidste udvej :)
har et problem med at centrere min tabel både align og vertikal align.
Sådan her ser min tabel ud i html dokumentet
<table class="tabel" width="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/image_01.gif" alt="" width="198" height="400"/></td>
<td>
<img src="images/image_02.gif" alt="" width="402" height="400"/></td>
</tr>
</table>

og sådan ser mit eksterne style ud
.tabel {
width: 600px;
height: 400px;
align: center;
vertical-align: middle;
}

Den vil ikke har prøvet en del nu håber en kan hjælpe.
Skulle det være en hjælp at se hele koden kan den ses på http://www15.brinkster.com/knudsen77/index.htm

takker på forhånd :)

Synes godt om

ztyxx Nybegynder

12. juni 2002 - 01:23 #1

sæt <center></center> på hver side af din tabel

Synes godt om

michael-k Nybegynder

12. juni 2002 - 01:24 #2

så bliver den kun centreret align

Synes godt om

lp Nybegynder

12. juni 2002 - 01:35 #3

Synes godt om

michael-k Nybegynder

12. juni 2002 - 01:39 #4

virker desværre heller ikke kun align :(

Synes godt om

ztyxx Nybegynder

12. juni 2002 - 01:40 #5

smid det hele i en overordnet tabel

<table width="100" height="100%" align="center" valign="middle">
<tr>
<td>
<table class="tabel" width="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/image_01.gif" alt="" width="198" height="400"/></td>
<td>
<img src="images/image_02.gif" alt="" width="402" height="400"/></td>
</tr>
</table>
</td>
</tr>
</table>

Synes godt om

lp Nybegynder

12. juni 2002 - 01:41 #6

ztyxx.... den fik du, det var løsningen :)

Synes godt om

ztyxx Nybegynder

12. juni 2002 - 01:42 #7

lp>kom lige i tanke om den, sad også og rodede med de andre, glemte at de kun virker i tabellen

Synes godt om

michael-k Nybegynder

12. juni 2002 - 01:46 #8

er ked af at sige det men virker ikke i kan se det på mit link foroven :(

Synes godt om

ztyxx Nybegynder

12. juni 2002 - 01:49 #9

det er fordi at du ikke har positioneret din <div>

Synes godt om

michael-k Nybegynder

12. juni 2002 - 01:51 #10

kan jeg lige få den igen er ikke så meget inde i det :)

Synes godt om

ztyxx Nybegynder

12. juni 2002 - 01:52 #11

meningen er vel at de skal med ind i tabellen??

Synes godt om

michael-k Nybegynder

12. juni 2002 - 01:54 #12

min tekst eller ? det regnede jeg med at justere bagefter med top og left

Synes godt om

lp Nybegynder

12. juni 2002 - 01:54 #13

prøv lige dette:

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

<html>
<head>
<title>portfolio</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body bgcolor="#251278">

<table width="100" height="100%" align="center" valign="middle">
<tr>
<td>

<div class = "tekst1">
Name: Michael Knudsen <br/>
Age:    25
</div>



<div class = "tekst2">
     >1 year. <br/>
   Photoshop <br/>
 ImageReady <br/>
Dreamweaver
</div>



<div class = "tekst3">
     <1 year. <br/>
        Flash <br/>
     3dsmax <br/>
        HTML
</div>



<div class = "tekst4">
     <1 year. <br/>
   Illustrator <br/>
     Director <br/>
         CSS
</div>

<div class = "menubar">
</div>
</td>
</tr>
<tr>
<td>
<table class="tabel" width="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/image_01.gif" alt="" width="198" height="400"/></td>
<td>
<img src="images/image_02.gif" alt="" width="402" height="400"/></td>
</tr>
</table>
</td>
</tr>
</table>

</body>
</html>

Synes godt om

ztyxx Nybegynder

12. juni 2002 - 01:55 #14

du skal have det til at passe i tabellen, ellers vil de rykke sig ved forskellige skærmopløsninger

Synes godt om

lp Nybegynder

12. juni 2002 - 01:55 #15

og det er altså hele dokumentet du skal udskifte !

Synes godt om

michael-k Nybegynder

12. juni 2002 - 01:57 #16

lp virker ikke :( kun align

Synes godt om

michael-k Nybegynder

12. juni 2002 - 01:58 #17

ztyxx det vil sige at jeg ikke kan lave tekst og den menubar med
position: absolute;
top: 100px
left: 100px
så vil den rykke sig eller hvad er det du siger ?

Synes godt om

lp Nybegynder

12. juni 2002 - 01:59 #18

well, jeg gider ikke mere i dag, desuden er det noget mærkeligt noget du laver med de <div> tags... det er helt klart dem der fucker hele lortet du...

Synes godt om

michael-k Nybegynder

12. juni 2002 - 02:01 #19

hehe anden gang jeg får det at vide i dag :)
Vil i ikke sige hvordan i ville lave teksten så. Bare skriven den ind i <td> som almindelig
troede ellers jeg var ved at lave noget smart ;)

Synes godt om

ztyxx Nybegynder

12. juni 2002 - 02:04 #20

michael-k> det ville være en løsning, med mindre du skal lave noget med show/hide layers eller sådan noget, ellers er der ikke nogen ide i det

Synes godt om

michael-k Nybegynder

12. juni 2002 - 02:06 #21

okay vil kigge på det i morgen og så lave det om.
lp vil du ikke ligge et svar så kan i få point for at havde prøvet ikke jeres skyld jeg laver slam kode jo :)

Synes godt om

michael-k Nybegynder

12. juni 2002 - 02:08 #22

har lige det sidste spørgsmål.
Fordi jeg lavede det var fordi jeg har hørt nu at det er smart at lave sine sider i css så man er fri for tabeller. Hvordan laver man så sin tekst hvis man ikke bruger tabeller ? altså hvordan bliver den placeret der hvor den skal ?

Synes godt om

ztyxx Nybegynder

12. juni 2002 - 02:11 #23

men nu har du jo en tabel, men hvis du fjerner den, kan du lave det med positionerede <div> eller <span>

Synes godt om

michael-k Nybegynder

12. juni 2002 - 02:12 #24

okay det vil jeg prøve i morgen så at lave den helt uden tabeller

Synes godt om

ztyxx Nybegynder

12. juni 2002 - 02:23 #25

prøv evt at bruge dreamweaver, hen denne extension http://www.projectseven.com/extensions/downloads/P7_Snap.mxp og kig lidt på http://www.eksperten.dk/spm/209443 særligt indlæg fra
svar fra pelkjaer

09/05-2002 23:22:08

Synes godt om

callesen Praktikant

12. juni 2002 - 08:49 #26

Måske kan du bruge denne opskrift på en tabel med en højde på 300px, der centreres ver + hor:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>ver. + hor. centrering af tabel</TITLE>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
</HEAD>
<BODY>
<table STYLE="height:100%; width:100%;text-align:center; table-layout:fixed;" valign="middle">
<tr>
<td STYLE="HEIGHT:,(screen.height/2)-300,;"></TD>
</TR>
<tr>
<td STYLE="height:300px;">
<TABLE style="text-align:center; height:300px; width:80%; position:relative;" CLASS="maintable" valign="middle" BORDER="0">
<TR>
<TD WIDTH="50%" STYLE="height:50%;border:1px solid #ff0;">300 pixel høj tabel, her kan man anbringe en tabel der skal være centreret vertikalt og horizontalt.</TD>
<TD STYLE="height:50%;border:1px solid #00f;"> </TD>
</TR>
<TR>
<TD STYLE="height:50%;border:1px solid #f00;"> </TD>
<TD STYLE="height:50%;border:1px solid #0f0;"> </TD>
</TR>
</TABLE>
</td>
</tr>
<tr>
<td STYLE="HEIGHT:,(screen.height/2)-300,;"></TD>
</TR>
</table>
</BODY>
</HTML>

Synes godt om

michael-k Nybegynder

12. juni 2002 - 14:26 #27

callesen takker for dit forsøg, men vil gerne lave den uden tabeller, eller ihvertfal forsøge ;)
ztyxx Jeg har brugt dreamweaver før men ville gerne lærer css fra bunden i en almindelig text editor, men efter mx er kommet ud syntes jeg jeg kan læse den er blevet meget god. og kan validere standart kode så måske jeg skal prøve at kigge på den igen :)
ztyxx hvis lp gerne vil have lidt point kan du give ham dem, jeg er ude for denne gang.

/Michael Knudsen

Synes godt om

ztyxx Nybegynder

12. juni 2002 - 15:20 #28

takker for point, hvis der er andre der vil have del i dem, så sig lige til, så får i.
michael-k kig på www.html.dk/tutorials/css det er til en start om css

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS