Ett block, hur?

[Wippika]

Tja.

Har två input taggar inom en <td align="center"> tagg. Dessa blir ju nu centrerade men jag vill ju att dessa vänstersjusterade i ett block så blocket är centrerat? Rörigt, ja vet, men jag vet inte hur jag ska förklara?

 

---------------------

-----------------------------

 

så blir det men jag vill ha det så här...

 

----------------------

-------------------------------

 

 

Hänger någon med? typ om det går innesluta input taggarna i ett block..

 

[JANspeed]

Du får väl ta och göra en till tabell i tabellen?

 

Typ:

 

<td align="center"><table><tr><td>Innehåll</td></tr></table><</td>

 

/JANspeed

 

 

[Wippika]

det var just det, så har man ju alltid gjort. Tänkte bara att det kanske fanns något enklare sätt, slippa göra massa tabeller i onödan. hade fått för mig att det fanns något tagg för att göra ett block men helt glömt av det eller om det var något med area???

 

[Jon Börjesson]

<td align="center">

 

<div>

vänster<br>

vänster igen

</div>

 

</td>

 

Bör ju också gå..

 

[TicoRoman]

<ul> lala </ul> kanske åstadkommer det du vill?

 

_________

TicoRoman - Anfall är bästa försvar

 

[Jon Börjesson]

<ul> - "defines an unordered list"

<div> - "defines a section in a document"

 

Tror nog <div> är det bästa. Kanske att det kan funka med <span> också.

 

<span> - "Defines a section in a document"

 

--

http://www.w3schools.com/html/html_reference.asp

 

[Wippika]

Näpp det funkar inte..

 

enkelt exempel

 

<table border="1" width="600">

<tr>

<td align="center">

<div>

<input type="text" size="20"> <br>

<input type="text" size="30">

</div>

</td>

</tr>

</table>

 

 

någon annan ide???

 

[Jon Börjesson]

Sätt en fast bredd på div-en med style="width:100px", alltså

<div style="width:100px">

 

[Claes Persson]

Om du prövar med detta då?

 

<table border="1" width="600">
<tr>
<td align="center">
<div [b]style="text-align: left;"[/b]>
<input type="text" size="20"> <br>
<input type="text" size="30">
</div>
</td>
</tr>
</table>

 

[Wippika]

Näpp det vill inte fungera det heller..

 

<td width="598" rowspan="2" style="vertical-align: top;" align="center">

 

<div style="text-align: right;">

<form action="login.asp" method="post">

<input type="Text" size="20" name="user"><br>

<input type="Password" size="20" name="pass"><br>

<input type="submit" value="Log In"><input type="Reset" value="Töm">

</form>

</div>

</td>

 

[Wippika]

Så det lite sent, men som Jon sa så ska man sätta en fast bredd och simsala bim så fungerar det otroligt bra!!

 

[JANspeed]

Jag tyckte mina tabeller var mycket snyggare och snabbare. Dessutom mindre kod och bakåtkompatibla. :/

 

/JANspeed

 

 

[Jon Börjesson]

Mindre kod är det väl inte?

 

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

... mot ...

<div style="width:100px"></div>

 

 

Men mer bakåtkompatibelt, ja.

 

[JANspeed]

<table>-taggarna finns det kortkommandon för. Style måste man skriva för hand.

 

/JANspeed

 

 

[Jon Börjesson]

Huh? Kortkommandon? *hänger inte med*

 

[JANspeed]

Tja, det beror ju på vilken editor man använder.

 

/JANspeed

 

 

[Jon Börjesson]

Ah..

Det är ju sant

Kör med vim/ultraedit.. Vet inte om ultraedit har några smidiga kortkommandon för att infoga tagar osv.. Skriver allt lika gärna själv 8]

 

[dAEk^]

Mer bakåtkompatibelt ?

Hur då, exakt ?

 

 

[inlägget ändrat 2003-11-28 10:50:45 av dAEk^]

[JANspeed]

Stöd för <table> fanns mycket tidigare tillbaks i webläsarna än stylesheets och dhtml.

 

/JANspeed

 

 

[dAEk^]

Tabeller är inte mer bakåtkompatibla än vad div's är. Mer bakåtkompatibelt än css, ja visst! Ingen tvekan om den saken.

 

<table> och <div>-taggarna infördes först i HTML 3.2.

Browsers som inte förstår tabeller kommer inte visa/visa innehållet rätt strukturerat medan div's inte påverkar innehållsflödet på en sida om browsern inte förstår taggen. På grund av detta skulle jag vilja säga att <div>'s faktiskt är mer bakåtkompatibla än vad tabeller är.

 

Men detta gäller förståss väldigt gamla browsers, och man bör inte ödsla energi på dessa. Så länge man kodar korrekt xhtml & css kommer samtliga sidor fungera i samtliga browsers, f.o.m. NS 1.0 [jag testade nyss!] till IE 6, Mozilla och framtida browsers.

 

[edit]: Mjo. Tabell-lösningen är mer bakåtkompatibel än div/css-lösningen.

Men!

Hur mycket hänsyn skall man behöva ta till v4-browsers och ännu äldre ? Om man vill koda för över 2 generationer gamla browsers får man ju givetvis göra det.

 

Jag trodde att NS4 hade stöd för width i css, men där hade jag tydligen fel, den stöder inte ens det! Fast jag är inte speciellt förvånad

 

[inlägget ändrat 2003-12-01 11:32:42 av dAEk^]

[fhe]

<table> och <div>-taggarna infördes först i HTML 3.2.

Det spelar egentligen ingen roll när <table> infördes i själva HTML-specen, de föddes iom RFC1942 som kom nästan ett år innan HTML3.2. Dessutom har de fungerat nästan fläckfritt från starten (långt innan HTML3.2) i alla browsers vilket är betydligt mer än man kan säga om implementationen av DIV.

 

RFC1942 hittar man t.ex här: http://www.faqs.org/rfcs/rfc1942.html

 

[dAEk^]

Min poäng var att <div> inte påverkar strukturen på sidan om en browser inte har stöd för taggen, medan tabeller gör det. Om man vill ha sina sidor så bakåtkompatibla som möjligt kan detta vara bra att känna till. Men om man vill ha det så bakåtkompatiblt MED designen [dvs vänsterjusteringen] kvar så är tabeller vägen att gå.

 

 

Dessutom har de fungerat nästan fläckfritt från starten (långt innan HTML3.2) i alla browsers vilket är betydligt mer än man kan säga om implementationen av DIV.

 

Det är lite magstarkt att påstå att tabeller fungerar i alla browsers när verkligheten definitivt talar emot det.

 

Jag har inte sett att div fungerar felaktigt i ngn browser, du kanske kan upplysa mig mer om detta ?

 

<div>text<div>mera text</div> fungerar på snarlikt sätt i:

Netscape 1.0

Netscape 2.0

Netscape 3.0

Netscape 4.7

Mosaic 3.0

Mozilla 1.4

Mozilla 1.5

Firebird 0.7

Opera 7.11

IE 4.0

IE 5.0

IE 5.5

IE 6.0

 

medan en nästlad tabell absolut inte gör det.

 

Men för just detta ändamål är tabell-lösningen att föredra [vilket jag också skrev i min edit ovan] OM man måste ha liknande justering i < v4-browsers.

 

[inlägget ändrat 2003-12-01 12:48:28 av dAEk^]