kan man linke med css

[Nybegynder (Bo)]

kan ikke huske det heldt kan man smide et ling ind i sin cssfil

har lavet et lille banner på siden hvor background-image: er bannert
kan man inde i sin cssfil lave så bannert bliver til et link

[scootergrisen]

Nej du laver linket i HTML.

CSS er kun til at bestemme udseende på elementer.

Det letteste er sådan her.

Kode: Vælg alt

<a href="link"><img src="billede" alt="beskrivelse"></a>

[Nybegynder (Bo)]

ok tak mente jeg havde set det på en vidio men kunne heller ikke finde det

[ThomasI]

Ja, det er nok billede links som Scootergrisen er inden på som du leder efter: http://www.nemprogrammering.dk/Tutorial ... 15HTML.php

[Nybegynder (Bo)]

ja har lavet et banner som jeg vil havde linger vider til en anden side jeg laver

[Nybegynder (Bo)]

jeg har et problem med at bannert falder ned i højer hjørne
det har samme mål som kassen det er i men der kommer en hvid streg og ved siden af den en rød streg i toppen og i venster sige hvad gør jeg galdt

[scootergrisen]

Kom med link så vi kan se det.

[Nybegynder (Bo)]

http://www.dk-gamers.dk/

nu du kiger vil jeg kunne få de nyste forums tråde til at hvare der hvor der står forum

[scootergrisen]

Jeg kan ikke se det banner falder ned i højre hjørne.

Banneret står der hvor du har valgt at sætte det med din CSS kode.

Kode: Vælg alt

#banner {
    
  width: 870px;
    height: 100px;
    border-style: solid;
    border-color: #FFFFFF;
    border-width: thin;
    background-color: #FFFFFF;
    position: absolute;
    left: 40px;
    top: 40px; 
}
#bannerfotos {
    
    width: 810px;
    height: 100px;
    position: absolute;
    left: 30px;
    top: 0px; 
    background-image: url(2banner2.jpg);
}

Jeg syntes dog det er en dårlig løsning du har valgt med position absolute på alt.
Når du senere finder ud af at du vil indsætte noget ekstra øverst på din hjemmeside så skal du ændre meget i din CSS kode fordi du bruger position:absolute på altsammen.

Ved banneret ville det være 10 gange lettere og bedre bare at bruge et <img> tag til at indsætte billedet også eventuelt give det lidt margin i din CSS kode.

Kode: Vælg alt

        <div id="bannerholder">
            <a href="forsiden.html"><img src="styl/2banner2.jpg" width="810" height="100" alt="mit banner"></a>
        </div>

Kode: Vælg alt

#bannerholder {
   text-align:center;
   margin-top:40px;
}

[Nybegynder (Bo)]

nååå nej det er det lille banner længer nede

[scootergrisen]

Jeg syntes ikke det passer med det du skriver.
Du skriver højre men det er til venstre.
Du skriver hvid og rød streg, jeg kan ikke se nogen hvid og rød streg.

Syntes du skulle lave det hele om og lade være med at bruge position:absolute.

[Nybegynder (Bo)]

jeg fjernet rammen det gjore den hvide stej gik væk men bannert fajder ned i højer hjørne
og i toppen og venster side har den den røde stej endnu

jeg lavet en side som du mener jeg skulle lave men bliv anbefalet og gøre det på den anden måde

da jeg havde bannert på som background-image: i css så det godt nok ud

[scootergrisen]

Tror du bytter om på højre og ventre.

Grunden til billedet er der hvor det er, er fordi det står i CSS koden at det skal være der.

Kode: Vælg alt

#sbanner1 {
    
  width: 400px;
    height: 113.2px;
    border-width: none;
    background-color:#FFFFFF ;
    position: absolute;
    left: 39.5px;
    top: 619.0px; 
}

De 2 røde bokse er disse hvor du har valgt rød som baggrund.

Kode: Vælg alt

#forum {
    
  width: 235px;
    height: 740px;
    border-style: solid;
    border-color: #000;
    border-width: thin;
    background-color: #EE0000;
    position: absolute;
    left: 675px;
    top: 220px; 
}
#nyhedsling {
    
  width: 235px;
    height: 400px;
    border-style: solid;
    border-color: #000;
    border-width: thin;
    background-color: #EE0000;
    position: absolute;
    left: 440px;
    top: 220px; 
}

[Nybegynder (Bo)]

prøvet og fjerne fotoet så ser det sådanne ud den røde kasse den laver der kan man se når fotoet er der også tor du misforståre mig






det jeg mener er de røde stejer pilene pejer på

[scootergrisen]

Ok det er en lilla border det kommer på billeder med links.

Du kan fjerne det med denne kode.

Kode: Vælg alt

a img {
   border-width: 0;
}

[Nybegynder (Bo)]

det er en css fil ikke skal jeg bare smide den ind så virker det


super det virket mange tak

desvare forstår jeg ikke heldt hvorfor det virket
under det banner skal der hvare to ander vil det virke på dem også


a img {
border-width: 0;
}

[scootergrisen]

Det fordi når du har et img tag inden i et a tag (så billedet bliver et link) så giver nogen browsere det som standard en lilla/blå border.

Ligesom med tekst links de har som standard en streg under.

a img{...} virker fordi den går ind og siger alle de billeder som er link der skal bordertykkelsen fjernes.

Hvis du så alligvel ønsker border på nogen billder så kan du bare gøre det senere i koden.

Og ja det virker for alle dine billedelinks umiddelbart men kommer an på din kode jo.