Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

Tabellceller och rundade hörn

JUTE

Startad av JUTE,
i Webbutveckling

Rekommendera Poster

JUTE

JUTE

Postad
Postad

hej jag har denna koden

<HTML>

<HEAD>

<TITLE></TITLE>

</HEAD>

<BODY BGCOLOR="#000000">

<TABLE CELLPADDING="0" CELLSPACING="0" WIDTH="100%">

<TR VALIGN="TOP">

<TD STYLE="background-repeat: no-repeat;"

BACKGROUND="BILDER/corner1.gif" ALIGN="CENTER" VALIGN="TOP" HEIGHT="200"

WIDTH="28"> </TD>

<TD VALIGN="TOP" HEIGHT="200" WIDTH="687" BGCOLOR="#FFFFFF" ROWSPAN="2"

ALIGN="RIGHT"></TD>

<TD STYLE="background-repeat: no-repeat;"

BACKGROUND="BILDER/corner2.gif" ALIGN="RIGHT" VALIGN="TOP" HEIGHT="200"

WIDTH="197"></TD>

</TR>

<TR VALIGN="TOP">

<TD STYLE="background-repeat: no-repeat;"

BACKGROUND="BILDER/corner4.gif" ALIGN="right" HEIGHT="200" WIDTH="28"></TD>

<TD STYLE="background-repeat: no-repeat;"

BACKGROUND="BILDER/corner3.gif" ALIGN="CENTER" VALIGN="TOP" HEIGHT="200"

WIDTH="197"></TD>

</TR>

</TABLE> </BODY>

</HTML>

men cellerna till höger går inte att minska, vad är det för fel jag gör, gifarna är bilder med rundade hörn som jag lagt in i de olika fyra hörnen, fattar inte riktigt vad det är för fel

Länk till kommentar
Dela på andra webbplatser
Nollis

Nollis

Postad
Postad

Tjena!

 

Det går utmärkt för mig att minska de högra cellernas vidd ända ner till 1 pixel (vid 0 pixel blir det fel märkligt nog i IE). Och jag antar att det inte är höjden på cellerna som du vill minska???

 

Vad exakt är det du vill åstadkomma, och vad exakt är det som går fel?

 

/ Johan

 

Länk till kommentar
Dela på andra webbplatser
JUTE

JUTE

Postad
  • Trådskapare
Postad

 

Hallå Johan!!

Skall försöka förklara det bättre !

Jag har gjort fyra bakgrundsbilder i gif format med rundade hörn, och ett table som ser utt så här

vänster upp cell, mittelcell,höger upp cell

vänster ner cell, ,höger ner cell

i vänster upp lägger jag en bakgrundsbild och

gör samma i vänster ner, höger upp och höger ner

i mittellcellen sätter jag bakgrundsfärgen till vit, vilket också är fär på gifbilderna,

Det jag vill göra är att det skall se ut som ett vitt papper på svart bakgrund på svart bakgrund och sedan sätt table och cellerna i procent så att vem som helst skall kunna titta på det oberoende av upplösning på skärm, kan nog inte förklara bättre än så här

 

Länk till kommentar
Dela på andra webbplatser
Nollis

Nollis

Postad
Postad

Tjena!

 

Vad tror du om det här konceptet:

 

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY bgcolor="#000000">
<TABLE cellpadding="0" cellspacing="0" width="100%" border="0">
<TR valign="TOP">
	<TD style="background-repeat: no-repeat;" bgcolor="#FFFFFF" align="LEFT" valign="TOP" height="200" width="0"><img src="BILDER/corner1.gif" width=28 height=28 border=0 alt=""></TD>
	<TD valign="TOP" height="200" width="687" bgcolor="#FFFFFF" rowspan="2" align="RIGHT">
	</TD>
	<TD style="background-repeat: no-repeat;" bgcolor="#FFFFFF" align="RIGHT" valign="TOP" height="200" width="0"><img src="BILDER/corner2.gif" width=28 height=28 border=0 alt=""></TD>
</TR>
<TR valign="TOP">
	<TD style="background-repeat: no-repeat;" bgcolor="#FFFFFF" valign="bottom" align="left" height="200" width="0"><img src="BILDER/corner4.gif" width=28 height=28 border=0 alt=""></TD>
	<TD style="background-repeat: no-repeat;" bgcolor="#FFFFFF" valign="bottom" align="right" height="200" width="0"><img src="BILDER/corner3.gif" width=28 height=28 border=0 alt=""></TD>
</TR>
</TABLE>
</BODY>
</HTML>

 

?

 

/ Johan

 

Länk till kommentar
Dela på andra webbplatser
Nollis

Nollis

Postad
Postad

Tjena!

 

OK. Vad använder du för browser? Vad är det som blir fel?

 

I IE6 ser det ut precis som jag tror att du vill ha det... ;)

 

/ Johan

 

Länk till kommentar
Dela på andra webbplatser
JUTE

JUTE

Postad
  • Trådskapare
Postad

hallå Johan

Jag Har IE6 åsså, men det jag vill göra är göra de så kallade marginalerna dynamiska, eller någorlunda i alla fall

 

Länk till kommentar
Dela på andra webbplatser
JUTE

JUTE

Postad
  • Trådskapare
Postad

 

Hallå igen johan

glömde att säga att det som blir fel är att jag inte får några rundade hörn eftersom du satt tabellcellerna till vit färg och så får jag raka kanter

 

Länk till kommentar
Dela på andra webbplatser
Cat

Cat

Postad
Postad

Kan du inte välja att sätta de fyra hörn-cellerna till en fast bredd samt ange mitten-cellen till en anpassad bredd?

 

Om cellmatrisen är uppbyggd enlig 3x3:

Rad1: C1, C2, C3

Rad2: C1, C2, C3

Rad3: C1, C2, C3

 

Samtliga C1:or och C3:or sätter du till samma pixelbredd som gif-bilden har.

 

C2:orna sätts till bredden "asterisk" (*).

 

Eller har jag missföstått frågan helt? :)

 

Mvh

-Cat

_________________________________________________

"Varför vara besvärlig

när man med lite fantasi kan bli helt omöjlig."

okänd

 

Länk till kommentar
Dela på andra webbplatser
JUTE

JUTE

Postad
  • Trådskapare
Postad

 

Hej Cat

matrisen är upbyggd så här

c1,c2,c3

c1, ,c3

c1, ,c3

Jag vill alltså göra så att marginalerna följer med någorlunda(dynamisk)procent och anpassar sig efter innehållet i c2 så att det passar till de flesta skärmupplösningarna

 

Länk till kommentar
Dela på andra webbplatser
Cat

Cat

Postad
Postad

Jag antar att hörn-bilderna finns i c1- samt c3-cellerna?

 

Isf måste du köra

 

c1, ,c3

c1,c2,c3

c1, ,c3

 

Där rad 1 och 3 måste "cell-spannas".

 

Jag rekommenderar iaf att du kör med en 3x3-matris.

 

Mvh

-Cat

_________________________________________________

"Varför vara besvärlig

när man med lite fantasi kan bli helt omöjlig."

okänd

 

Länk till kommentar
Dela på andra webbplatser
JUTE

JUTE

Postad
  • Trådskapare
Postad

Tjena Cat

provade att bygga upp matrisen som du skrev, men jag fick det inte att funka, men jag blev lite konfunderad när du skriver cellspanas. Hur då cellspannas, vad menar du ? vill du ge mig ett exempel

 

Länk till kommentar
Dela på andra webbplatser
Cat

Cat

Postad
Postad

Cellspanning var lite dumt uttryckt, den korrekta taggen heter COLSPAN(jmfr ROWSPAN).

Dvs att du får två celler att uppta samma bredd som tre eller flera celler inom samma TABLE-tagg.

 

I mitt exempel med en 3x3-matris så får vänster och högermarginalerna en fast bredd. Glöm inte att även ge hörn-cellerna en fast höjd, annars kan det bli mysko.

 

Btw, resultatet skall bli ett vitt papper med fyra avrundade hörn på en svart bakgrund, right? ;)

 

Mvh

-Cat

_________________________________________________

"Varför vara besvärlig

när man med lite fantasi kan bli helt omöjlig."

okänd

 

Länk till kommentar
Dela på andra webbplatser
JUTE

JUTE

Postad
  • Trådskapare
Postad

Hallå Cat

Du har fattat det rätt, men jag vill inte använda mig av något fast mått utan tänkte köra med procent, e det möjligt

 

 

Länk till kommentar
Dela på andra webbplatser
Cat

Cat

Postad
Postad

Nej inte med procent. Då blir alla celler "dynamiska".

 

HTML> 
<HEAD> 
<TITLE></TITLE> 
</HEAD> 
<BODY BGCOLOR="#000000"> 
<TABLE CELLPADDING="0" CELLSPACING="0" WIDTH="100%"> 

(Rad nummer ett)
<TR> 
<TD STYLE="background-repeat: no-repeat;"
BACKGROUND="BILDER/corner1.gif" ALIGN="LEFT" VALIGN="TOP" HEIGHT="28" WIDTH="28"> </TD> 

<TD VALIGN="TOP" HEIGHT="28" WIDTH="*" BGCOLOR="#FFFFFF"></TD> 

<TD STYLE="background-repeat: no-repeat;"
BACKGROUND="BILDER/corner2.gif" ALIGN="RIGHT" VALIGN="TOP" HEIGHT="28"
WIDTH="28"></TD> 
</TR> 

(Rad nummer två)
<TR> 
<TD HEIGHT="*" WIDTH="28" BGCOLOR="#FFFFFF"></TD> 

<TD HEIGHT="*" WIDTH="*" BGCOLOR="#FFFFFF"></TD>

<TD HEIGHT="*" WIDTH="28" BGCOLOR="#FFFFFF"></TD>
</TR> 

(Rad nummer tre)
<TR> 
<TD STYLE="background-repeat: no-repeat;"
BACKGROUND="BILDER/corner3.gif" ALIGN="LEFT" VALIGN="BOTTOM" HEIGHT="28" WIDTH="28"> </TD> 

<TD HEIGHT="28" WIDTH="*" BGCOLOR="#FFFFFF"></TD> 

<TD STYLE="background-repeat: no-repeat;"
BACKGROUND="BILDER/corner4.gif" ALIGN="RIGHT" VALIGN="BOTTOM" HEIGHT="28"
WIDTH="28"></TD> 
</TR>
</TABLE> 
</BODY>
</HTML>

(hoppas jag fick med allt...)

 

 

Detta förutsätter att giffarna är 28x28 pixlar.

 

 

 

Mvh

-Cat

_________________________________________________

"Varför vara besvärlig

när man med lite fantasi kan bli helt omöjlig."

okänd

 

Länk till kommentar
Dela på andra webbplatser
Cat

Cat

Postad
Postad
Ja, bättre än så blir det inte...

 

Joo, man kan skriva "<HTML>" ist för "HTML>"... ;)

 

Mvh

-Cat

_________________________________________________

"Varför vara besvärlig

när man med lite fantasi kan bli helt omöjlig."

okänd

 

Länk till kommentar
Dela på andra webbplatser
Cat

Cat

Postad
Postad
...tror jag ger upp, får det inte att funka ändå, högerkanten strular forfarande...

 

Har du ingen sida online så man kan få kika på den?

 

Mvh

-Cat

_________________________________________________

"Varför vara besvärlig

när man med lite fantasi kan bli helt omöjlig."

okänd

 

Länk till kommentar
Dela på andra webbplatser
Cat

Cat

Postad
Postad

Fungerar juh hur bra som helst så länge bredden på browsern inte understiger ~450 pixlar.

 

Vad kör du på för upplösning (storlek) på skrivbordet i Windows?

 

Mvh

-Cat

_________________________________________________

"Varför vara besvärlig

när man med lite fantasi kan bli helt omöjlig."

okänd

 

Länk till kommentar
Dela på andra webbplatser
JUTE

JUTE

Postad
  • Trådskapare
Postad

 

Hej igen Cat

jag kör 1280*1024 för jag håller på mycket med 3dstudio max 3 och det programet kräver den upplösningen annars syns inte alla menyerna

 

Länk till kommentar
Dela på andra webbplatser
Cat

Cat

Postad
Postad
nä den ser likadan ut hos mig

skulle ju vilja ha höger och vänstermarginalen lika stora

 

Aha, då är vi närmare en lösning. ;)

 

Gör helt enkelt en ny tabell inuti cell c2 på rad 2.

 

Denna tabell innhåller förslagsvis bara en cell vilken ges bredd anpassad till texten (*), och höjden 100%.

 

I ovan nämnda cell (c2, rad 2) anger du align till center.

 

[red. stavar juh som en kråka trots att kvällen bara är barnet]

 

Mvh

-Cat

_________________________________________________

"Varför vara besvärlig

när man med lite fantasi kan bli helt omöjlig."

okänd

 

[inlägget ändrat 2002-09-20 00:03:49 av Cat]

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...