Muskampen 2025: Segraren korad!
Permalänk
Medlem

logo högst upp i mitten

Jag vill att min logo ska vara i mitten högst upp i min table så den slår i bordern. Vad är CSS/html koden för det? Såhär ser min kod ut nu:

Kod:

<HTML>
<HEAD>
<TITLE>Cezar Design</TITLE>
<link rel="stylesheet" href="style.css">
</HEAD>

<BODY>
<table bgcolor=#FFFFFF border=0 bordercolor=#000000 width=100% height=100% align="center">
<tr><td height="21"><img src="logo%20cezarhome.jpg" width="540" height="170">
</div></td>
</tr>
<tr>
<td height="135"><p> </p>
<p> </p>
<p> </p>
<p> </p></td>
</tr>
</table>

</BODY>
</HTML>

Permalänk
Medlem

<td valign="top" align="center">

Visa signatur

#tg98

Permalänk
Medlem

<HTML> <HEAD> <TITLE>Cezar Design</TITLE> <link rel="stylesheet" href="style.css"> </HEAD> <BODY> <table bgcolor=#FFFFFF border=0 bordercolor=#000000 width=100% height=100% align="center"> <tr> <td height="21" valign="top"> <div align="center"> <img src="logo%20cezarhome.jpg" width="540" height="170"> </div> </div> </td> </tr> <tr> <td height="135"> </td> </tr> </table> </BODY> </HTML>

Kankse detta funkar???
(har inte testat koden)

Visa signatur

Övriga Ämnen - Enbart för människor som är seriösa!

Permalänk
Medlem

Vad försöker du åstadkomma egentligen? När jag kollar på din html blir jag lite konfunderad. Det ser ut som du gör en klassisk box sida med en logo längst upp och sedan massa data under den, men vill du inte att den datan skall vara lika bred som top-logon? Isåfall skall du inte ha width på 100% på tablen. Sedan har du en slut div-tag mitt i allt.

Lösningen på ditt problem är i alla fall som b1ff skrev, skulle inte göra som skogix skrev. Att blanda CSS och tables för positionering känns lite grötigt, antingen eller ska det vara.

Visa signatur

Visionär bakom Sveriges största publika spelsatsning. Säger jag mer så blir jag förmodligen bannad igen.

Ställ krav! Involvera er! Tänk utanför sandlådan.

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av weird
Vad försöker du åstadkomma egentligen? När jag kollar på din html blir jag lite konfunderad. Det ser ut som du gör en klassisk box sida med en logo längst upp och sedan massa data under den, men vill du inte att den datan skall vara lika bred som top-logon? Isåfall skall du inte ha width på 100% på tablen. Sedan har du en slut div-tag mitt i allt.

Lösningen på ditt problem är i alla fall som b1ff skrev, skulle inte göra som skogix skrev. Att blanda CSS och tables för positionering känns lite grötigt, antingen eller ska det vara.

Angående /Div så vet ja inte vart den kom ifrån... och varför jag hade en CSS med var för han hade det i sitt script... (kunde ha varit text modifikationer..)
och att jag använde 100% var att han hade det, nu när jag tänker efter så vet jag inte varför.... hmmm, ångra mig på den =(... det som det var meningen att jag ville ändra var

<div align="center">
<img src="logo%20cezarhome.jpg" width="540" height="170">
</div>

Håller med om att min lösning inte var så bra

Visa signatur

Övriga Ämnen - Enbart för människor som är seriösa!

Permalänk
Medlem

Vill du ha en sida som är 100% av fönstret, och en logo längst upp och inte i mitten som den hamnar i vanliga fall?

<table cellspacing="0" cellpadding="0" width="100%" height="100%"> <tr><td height="21" align="center" valign="top">logo</td></tr> <tr><td valign="top">massa text</td></tr> </table>

.. förstår inte problemet?
Det enda problemet jag ser är att du använder tabeller.. men det går väl inte göra något åt..

Edit: Ändrade koden lite. :]

Visa signatur

Äntligen har jag fått svar på om vandrande pinnar kan gäspa. Det kan de inte. Ett av världens stora mysterier är löst.

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av filigran
Vill du ha en sida som är 100% av fönstret, och en logo längst upp och inte i mitten som den hamnar i vanliga fall?

<table cellspacing="0" cellpadding="0" width="100%" height="100%"> <tr><td height="21" align="center" valign="top">logo</td></tr> <tr><td valign="top">massa text</td></tr> </table>

.. förstår inte problemet?
Det enda problemet jag ser är att du använder tabeller.. men det går väl inte göra något åt..

Edit: Ändrade koden lite. :]

Varför skulle man inte använda tabeller ???

Edit: Ja ska söka lite om du har svarat på detta i nån annan tråd...

Visa signatur

Övriga Ämnen - Enbart för människor som är seriösa!

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av filigran
Vill du ha en sida som är 100% av fönstret, och en logo längst upp och inte i mitten som den hamnar i vanliga fall?

<table cellspacing="0" cellpadding="0" width="100%" height="100%"> <tr><td height="21" align="center" valign="top">logo</td></tr> <tr><td valign="top">massa text</td></tr> </table>

.. förstår inte problemet?
Det enda problemet jag ser är att du använder tabeller.. men det går väl inte göra något åt..

Edit: Ändrade koden lite. :]

Jo, men hans logo är juh av en fast längd...Kommer se lite fult ut med typ en toplogo och sedan text som går utanför den, naturliga ram, som skapas av en toplogo i det formatet.

Sedan det här med att man inte skall använda tabeller, jag förstår mig inte riktigt på det. Kan du lösa mitt probelm på denna tråd, http://forum.sweclockers.com/showthread.php?s=&threadid=23722... så kanske jag kan tänka mig att förespråka CSS, men tills dess så håller jag mig nog till något som är tillförligtligt.

Visa signatur

Visionär bakom Sveriges största publika spelsatsning. Säger jag mer så blir jag förmodligen bannad igen.

Ställ krav! Involvera er! Tänk utanför sandlådan.

Permalänk
Medlem

Ge mig ett exempel på hur du gör det med tabeller, så jag får klart för mig hur du menar.

Visa signatur

Äntligen har jag fått svar på om vandrande pinnar kan gäspa. Det kan de inte. Ett av världens stora mysterier är löst.

Permalänk
Medlem

<table width="0"> <tr> <td align="center" bgcolor="#C0C0C0><img src="" vspace="5" hspace="5"></td> </tr> </table>

Typ, jag tar det bara från minnet. Det jag vill ha är en sida som visar bilder av olika storlekar. Bilderna skall ha en ram på 5 pixlars storlek. Om en bild, på längden, är mindre än den största bilden blir ramen på sidorna bara bredare. Men alla bilderna (då inklusive ramen) skall vara lika breda. Se ramen mer som en fotokant.

Visa signatur

Visionär bakom Sveriges största publika spelsatsning. Säger jag mer så blir jag förmodligen bannad igen.

Ställ krav! Involvera er! Tänk utanför sandlådan.

Permalänk
Medlem

off topic:
Argh! utmana filligran på hans hemmabana. kommer sluta blodigt..

Visa signatur

Övriga Ämnen - Enbart för människor som är seriösa!

Permalänk
Medlem

Skogix: Hehe. Jag kan dock erkänna att tabeller är överlägset CSS på vissa områden, men så har ju tabeller använts så mycket flitigare än CSS(även om CSS funnits i 7 år eller vad det är nu), så det finns ju många fler tekniker och sätt att göra det på, och man har provat de flesta. CSS är det inte många osm känner till som precis kommer till HTML-världen, men en tabell har de flesta kollat på, mer eller mindre.

weird: Hm, är inte helt säker på att jag förstår.. du vill alltså att om bild1 är 100x100 och bild2 är 200x200 så ska ramen runt bild1 vara 200 hög oxo? http://filigran.no-ip.org/hrm2.php <- är det typ så du menar, fast med CSS då?

Visa signatur

Äntligen har jag fått svar på om vandrande pinnar kan gäspa. Det kan de inte. Ett av världens stora mysterier är löst.

Permalänk
Medlem

filigran: Som vanligt har du väl rätt, :(... Jag kan hålla med om att css används inte tillräckligt mycket, kommer på mig själv ibland när jag sitter och skriver <font> taggar... Bara att göra om... CSS är ett väldigt bra redskap inom hemside-utveckling... jag kanske inte kan tillräckligt om CSS, men enligt mig så fungerar en table helt okej med... jag skulle inte vilja jobba utan någon av dem...

Visa signatur

Övriga Ämnen - Enbart för människor som är seriösa!

Permalänk
Medlem

Ja, en tabell funkar väldigt bra, dock är det fel enligt standarden. Tabeller var aldrig gjort för layout från första början. Det var tänkt att användas till att skapa tabeller med data, därav ordet 'table'. CSS däremot skulle användas till just designskapande, men sen upptäckte någon att tabeller kan ju användas till att skapa en fin layout, och sen apade folk efter. Och snart kommer väl CSS3, och då blir det ännu mer att leka med.

Visa signatur

Äntligen har jag fått svar på om vandrande pinnar kan gäspa. Det kan de inte. Ett av världens stora mysterier är löst.

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av filigran
Ja, en tabell funkar väldigt bra, dock är det fel enligt standarden. Tabeller var aldrig gjort för layout från första början. Det var tänkt att användas till att skapa tabeller med data, därav ordet 'table'. CSS däremot skulle användas till just designskapande, men sen upptäckte någon att tabeller kan ju användas till att skapa en fin layout, och sen apade folk efter. Och snart kommer väl CSS3, och då blir det ännu mer att leka med.

Jo när CSS3 kommer, då kommer ja ge mig helt.. men just nu kan man väl göra saker med tabeller i design avseende som inte man kan med CSS...eller?

Visa signatur

Övriga Ämnen - Enbart för människor som är seriösa!

Permalänk
Medlem

Jo, visst, man KAN, men man SKA fortfarande inte. Om man går efter standarden vill säga. Personligen hittar jag nya lösningar om det inte riktigt funkar som jag vill, och ofta blir det bättre.

Och weird: Jag skulle nästan vilja säga att det där kan räknas som tabulär data.. är inte riktigt säker på vart linjen går, men där hade jag dragit den. Den kanske går helt vid text, är det en bild får den inte vara i en table, men så hade jag gjort.. och måste det verkligen se ut som det gör nu? Du kan säkert få det snyggare/bättre/snabbare med CSS.

Visa signatur

Äntligen har jag fått svar på om vandrande pinnar kan gäspa. Det kan de inte. Ett av världens stora mysterier är löst.

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av filigran
Jo, visst, man KAN, men man SKA fortfarande inte. Om man går efter standarden vill säga. Personligen hittar jag nya lösningar om det inte riktigt funkar som jag vill, och ofta blir det bättre.

Och weird: Jag skulle nästan vilja säga att det där kan räknas som tabulär data.. är inte riktigt säker på vart linjen går, men där hade jag dragit den. Den kanske går helt vid text, är det en bild får den inte vara i en table, men så hade jag gjort.. och måste det verkligen se ut som det gör nu? Du kan säkert få det snyggare/bättre/snabbare med CSS.

Oki, du går väl efter w3´s standard va? och om man kör IE så spelar de ju knappt nån roll...e de inte bara typ nån webbläsare som följer standarden?

(sorry om ja snodde tråden =(...)

Visa signatur

Övriga Ämnen - Enbart för människor som är seriösa!

Permalänk
Medlem

Jag går efter w3's standard, ja. Och iaf Opera och FB/Mozilla följer ju standarden så bra det går. Vet inte hur det är med safari osv, då jag aldrig kört dem. Men IE tolkar ju det mesta lite hur det vill, men oftast går det ju att få det att se normalt ut i de flesta läsare, med några små skillnader. Men går man efter standarden ska det ju iaf se rätt ut, sen är det ju läsarnas fel. Mina sidor är validerade, och ser likadana ut i IE6 och FB0.7 samt Opera vad-det-nu-är-för-version. IE5 klarar dock inte position: fixed;, men <!--[if IE]><[endif]--> finns ju. :)s

Visa signatur

Äntligen har jag fått svar på om vandrande pinnar kan gäspa. Det kan de inte. Ett av världens stora mysterier är löst.

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av filigran
Jag går efter w3's standard, ja. Och iaf Opera och FB/Mozilla följer ju standarden så bra det går. Vet inte hur det är med safari osv, då jag aldrig kört dem. Men IE tolkar ju det mesta lite hur det vill, men oftast går det ju att få det att se normalt ut i de flesta läsare, med några små skillnader. Men går man efter standarden ska det ju iaf se rätt ut, sen är det ju läsarnas fel. Mina sidor är validerade, och ser likadana ut i IE6 och FB0.7 samt Opera vad-det-nu-är-för-version. IE5 klarar dock inte position: fixed;, men <!--[if IE]><[endif]--> finns ju. :)s

:)... men frågan är ju då, vilket av dem är standarden... eftersom det är väl fler som går efter IE / Mikrosafts regler... än W3´s... eftersom det är väl flest användare som använder IE...eller?

Visa signatur

Övriga Ämnen - Enbart för människor som är seriösa!

Permalänk
Medlem

Alla gör som de vill, men de som besöker det här forumet och den här forumdelen tycker nog att w3's är den standard man ska följa. De flesta iaf. Och hur ofta uppdaterar IE sin standard? En massa krafs man inte behöver, inget vettigt. Man kan färga sina scrollbars - wow. Tror jag håller mig till w3.

Visa signatur

Äntligen har jag fått svar på om vandrande pinnar kan gäspa. Det kan de inte. Ett av världens stora mysterier är löst.

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av filigran
Alla gör som de vill, men de som besöker det här forumet och den här forumdelen tycker nog att w3's är den standard man ska följa. De flesta iaf. Och hur ofta uppdaterar IE sin standard? En massa krafs man inte behöver, inget vettigt. Man kan färga sina scrollbars - wow. Tror jag håller mig till w3.

Jo men nu ska man ju inte skapa hemsidor enbart till folk som är på sweccen... utan till många som inte har en aning om att det existerar andra webbläsare än IE....

Visa signatur

Övriga Ämnen - Enbart för människor som är seriösa!

Permalänk
Medlem

Jepp, och därför går man efter standarden, men kompromissar lite när det uppstår problem som inte går att lösa, bara för att IE är så fruktansvärt populär av någon anledning. Varför förstår jag inte då det, IMO, är den sämsta läsaren som finns. Surfar hellre med lynx/links än IE.

Visa signatur

Äntligen har jag fått svar på om vandrande pinnar kan gäspa. Det kan de inte. Ett av världens stora mysterier är löst.

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av filigran
Jepp, och därför går man efter standarden, men kompromissar lite när det uppstår problem som inte går att lösa, bara för att IE är så fruktansvärt populär av någon anledning. Varför förstår jag inte då det, IMO, är den sämsta läsaren som finns. Surfar hellre med lynx/links än IE.

men själv så använder ja hellre linux än windows.. men just nu sitter ja på win för det finns mest användare där.(= mest program och alla spel).. alltså är jag också en IE användare....

Visa signatur

Övriga Ämnen - Enbart för människor som är seriösa!

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av filigran
Alla gör som de vill, men de som besöker det här forumet och den här forumdelen tycker nog att w3's är den standard man ska följa. De flesta iaf. Och hur ofta uppdaterar IE sin standard? En massa krafs man inte behöver, inget vettigt. Man kan färga sina scrollbars - wow. Tror jag håller mig till w3.

Det kan väl vara trevligt att färga sina scrollbars ibland.
Själv tycker jag det händer för lite på w3-fronten i uppdateringar så därför tycker jag det är ok att gå utanför standard i vissa fall.

Visa signatur

Sverige är ett så litet land att det bara får plats en åsikt i taget där.

Permalänk
Medlem

Javisst, så länge det inte sabbar för andra. Färgar man scrollbaren ser det ju ändå likadant ut layoutmässigt. Värre när allt ligger snyggt och prydligt i IE men huller om buller i andra läsare, bara för att M$ känner att de kan göra som de vill och skapa egna standarder här och där, istället för att använda den som finns och göra den bättre.

Visa signatur

Äntligen har jag fått svar på om vandrande pinnar kan gäspa. Det kan de inte. Ett av världens stora mysterier är löst.

Permalänk
Medlem

filigran, jo ungefär sådär menade jag. Fast på andra ledden iof., om man ska vara petig. Kan du göra det i CSS skulle jag uppskatta det. Jag har då inte hittat en snygg lösning på det. Och jag räknar det inte som tabulär data. Kan räkna upp en massa andra exempel på liknande lösningar jag skulle behöva.

Visa signatur

Visionär bakom Sveriges största publika spelsatsning. Säger jag mer så blir jag förmodligen bannad igen.

Ställ krav! Involvera er! Tänk utanför sandlådan.

Permalänk
Medlem

Varför slickar inte logon uppkanten på webläsaren med denna kod?

<table cellspacing="0" cellpadding="0" width="100%" height="766"> <tr> <td height="138" width="766" align="center" valign="top"><img src="header.jpg"></td> </tr> </table>

Permalänk
Medlem

Om du vill slicka uppkanten med en bild är

<img src="header.jpg" alt="Apa" style="position:absolute;top:0" />

nog effektivare.

Om du nödvändigtvis ska ha en tabell behöver du gissningsvis plocka bort marginalen längst upp på sidan, med

<body style="margin-top:0">

Permalänk
Medlem

Nu åker menyn och content in i bilden och jag försöker lägga den under header bilden. Precis under ska den vara.

<BODY background="bg.bmp" topmargin=0"> <table cellspacing="0" cellpadding="0" width="100%" height="766"> <tr> <td width="100%" align="center" valign="top"><img src="header.jpg"> </td> </tr> <tr> <td> <table id="Meny och innehall" width="642" height="373" border="0" cellpadding="0" cellspacing="0"> <tr> <!-- Början av kallekoskit pizzaslice--> <td colspan="17" valign="top" align="center"> <img src="images/Untitled-4_01.gif" width="641" height="24" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="24" alt=""></td> </tr> <tr> <td colspan="2" rowspan="3"> <img src="images/Untitled-4_02.gif" width="34" height="47" alt=""></td> <td> <img src="images/Untitled-4_03.gif" width="31" height="8" alt=""></td> <td rowspan="3"> <img src="images/Untitled-4_04.gif" width="19" height="47" alt=""></td> <td rowspan="2"> <img src="images/Untitled-4_05.gif" width="49" height="9" alt=""></td> <td rowspan="3"> <img src="images/Untitled-4_06.gif" width="19" height="47" alt=""></td> <td> <img src="images/Untitled-4_07.gif" width="25" height="8" alt=""></td> <td rowspan="3"> <img src="images/Untitled-4_08.gif" width="19" height="47" alt=""></td> <td rowspan="2"> <img src="images/Untitled-4_09.gif" width="50" height="9" alt=""></td> <td rowspan="3"> <img src="images/Untitled-4_10.gif" width="18" height="47" alt=""></td> <td rowspan="2"> <img src="images/Untitled-4_11.gif" width="51" height="9" alt=""></td> <td rowspan="3"> <img src="images/Untitled-4_12.gif" width="19" height="47" alt=""></td> <td rowspan="2"> <img src="images/Untitled-4_13.gif" width="44" height="9" alt=""></td> <td rowspan="3"> <img src="images/Untitled-4_14.gif" width="19" height="47" alt=""></td> <td rowspan="2"> <img src="images/Untitled-4_15.gif" width="32" height="9" alt=""></td> <td colspan="2" rowspan="3"> <img src="images/Untitled-4_16.gif" width="212" height="47" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="8" alt=""></td> </tr> <tr> <td rowspan="2"> <img src="images/Untitled-4_17.gif" width="31" height="39" alt=""></td> <td rowspan="2"> <img src="images/Untitled-4_18.gif" width="25" height="39" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="1" alt=""></td> </tr> <tr> <td> <img src="images/Untitled-4_19.gif" width="49" height="38" alt=""></td> <td> <img src="images/Untitled-4_20.gif" width="50" height="38" alt=""></td> <td> <img src="images/Untitled-4_21.gif" width="51" height="38" alt=""></td> <td> <img src="images/Untitled-4_22.gif" width="44" height="38" alt=""></td> <td> <img src="images/Untitled-4_23.gif" width="32" height="38" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="38" alt=""></td> </tr> <tr> <td rowspan="2"> <img src="images/Untitled-4_24.gif" width="20" height="301" alt=""></td> <td colspan="15"> <img src="images/Untitled-4_25.gif" width="601" height="284" alt=""></td> <td rowspan="2"> <img src="images/Untitled-4_26.gif" width="20" height="301" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="284" alt=""></td> </tr> <tr> <td colspan="15"> <img src="images/Untitled-4_27.gif" width="601" height="17" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="17" alt=""></td> </tr> <tr> <td> <img src="images/spacer.gif" width="20" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="14" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="31" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="19" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="49" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="19" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="25" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="19" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="50" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="18" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="51" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="19" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="44" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="19" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="32" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="192" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="20" height="1" alt=""></td> <td></td> </tr> </table> <!-- Slut kallekoskit på pizzaslice-->

Ursäkta den långa koden, men den undre är en slice ifrån photoshop, den lär ju stämma i sig, det är väll mer av vad som är ovanför det. Den slice:ade tabellen kommer iaf in mot vänster och ner mot mitten. Jag vill ha den högre upp o mot mitten(under Header.jpg).