image ja table vierekkäin

Minulla on siis yksi table. Laitan tablen sisälle linkkikuvan. Samaan tableen kuvan vasemmalle puolelle pistän toisen tablen. Nyt saan kakkos tablen joko imagen yläreunan tasolle tai imagen alareunan tasolle, riippuen pistänkö kakkostablen ennen kuvaa vai kuvan jälkeen. Minkä takia kuva vaikuttaa tablen sijoitteluun, kun kakkostablea siirtelen paddingeillä ja ennenkaikkea...miten saan tämän "vaikutuksen" kumottua?

*Köödiä*
4335
Äänestä

Muut lukivat myös

Vastaukset 4

Vanhimmat

tällasta purkkaa tälläkertaa :(

Minkä takia pitää käyttää sekaisin vanhoja html-attribuutteja ja css:ää? Ja miksi css:ää pitää käyttää sekavasti html-attribuuttien tapaan tagien sisällä ja välillä erillisellä css-osalla?
Vaikuttaa siltä ettet ole oikein itsekään tarkkaan miettinyt mitä oikein haluat, minä en oikein edes ymmärtänyt mitä ajat takaa..

En siis vastaa ollenkaan kysymykseen, vaan kysyn ajatko takaa jotain seuraavankaltaista:




   Untitled
   
   * {margin:0;paddin:0;}
   #table {
      margin:auto; /* toimii IE:llä vain jos käytetään dtd:nä Strictiä */
      border : 1px solid Green;
      width : 802px;
      margin-top:10px;
      margin-bottom : 100px;
   }
   #logo span {
      position : absolute;
      left : -1000px; /* piilotetaan teksti */
   }
   #logo {
      float : left;
      width : 200px;
      height : 100px;
      background : transparent url(/sivupalat/logo.gif) no-repeat;
   }
   #jokuobjekti {
      float : right;
      width : 400px;
      height: 100px;
      background-color : Aqua;
      margin-right : 10px;
   }
   p {
      margin : 50px 50px;
   }






   ogkpgo
   


Tuosta logosta sen verran, että kuvalinkkejä ei oikeasti kannata käyttää vaan kaikki linkit kannattaa laittaa tekstinä. Sen tekstin voi sitten piilottaa heittämällä sen ruudun ulkopuolelle ja laittamalla css:llä joku kuva sen tilalle. Näin sokeatkin (kuten Google) osaavat lukea sivuja.

Äänestä
  • Mitä tarkoitat vanhoilla html atribuuteilla. Syy miksi laitoin tuon erillisen css osan tuonne, oli vain se että halusin vain näyttää mitä olen ajamassa takaa (tässä tapauksessa tablen laskeminen oikealle kohdalle).



    Muistattehan että oma koodi on paras koodi (kunhan se toimii tarkoituksen mukaisesti)

    Äänestä

  • eskho kirjoitti:

    Mitä tarkoitat vanhoilla html atribuuteilla. Syy miksi laitoin tuon erillisen css osan tuonne, oli vain se että halusin vain näyttää mitä olen ajamassa takaa (tässä tapauksessa tablen laskeminen oikealle kohdalle).



    Muistattehan että oma koodi on paras koodi (kunhan se toimii tarkoituksen mukaisesti)

    että välillä löytyy vaikka

    Äänestä

  • eskho kirjoitti:

    Mitä tarkoitat vanhoilla html atribuuteilla. Syy miksi laitoin tuon erillisen css osan tuonne, oli vain se että halusin vain näyttää mitä olen ajamassa takaa (tässä tapauksessa tablen laskeminen oikealle kohdalle).



    Muistattehan että oma koodi on paras koodi (kunhan se toimii tarkoituksen mukaisesti)

    "Syy miksi laitoin tuon erillisen css osan tuonne.."
    Ei siellä ollut mitään erillistä css-osaa.

    "halusin vain näyttää mitä olen ajamassa takaa.."
    Epäonnistuit. Koita selittää tarkemmin.

    "Mitä tarkoitat vanhoilla html atribuuteilla."
    Tarkoitan vanhoilla html-attribuuteilla sellaisia attribuutteja jotka yrittävät vaikuttaa suoraan ulkoasuun. Html:n on tarkoitus esittää rakennetta, ei ulkoasua. Ulkoasu (taitto) kannattaa hoitaa pelkästään css:llä.

    "Muistattehan että oma koodi on paras koodi (kunhan se toimii tarkoituksen mukaisesti)"
    Oma koodi EI OLE parasta koodia MIKÄLI se on huonoa koodia ja varsinkin jollei sitä saa toimimaan kuten haluaa.

    Koodi toimii varmimmin tarkoituksenmukaisesti, kun html:llä esitetään pelkästään hyvin suunnitelltu looginen rakenne ja ulkoasun määrittelyt hoidetaan jollain muulla tavalla (jolloin huonosti suunniteltu ulkoasu on helpompi korjata tai jopa sulkea selaajan toimesta kokonaan pois). Se muu tapa on tietenkin css.

    Äänestä

Kommentoi aloitusta


eskho kirjoitti:

Minulla on siis yksi table. Laitan tablen sisälle linkkikuvan. Samaan tableen kuvan vasemmalle puolelle pistän toisen tablen. Nyt saan kakkos tablen joko imagen yläreunan tasolle tai imagen alareunan tasolle, riippuen pistänkö kakkostablen ennen kuvaa vai kuvan jälkeen. Minkä takia kuva vaikuttaa tablen sijoitteluun, kun kakkostablea siirtelen paddingeillä ja ennenkaikkea...miten saan tämän "vaikutuksen" kumottua?

*Köödiä*

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu