« Hvað ert þú að gera þessa dagana, Einar Örn? | Aðalsíða | Endalok (uppfært) »
CSS
Getur einhver CSS sérfræðingur sagt mér af hverju það birtist rauður rammi utanum Serrano logoið hér að neðan í Firefox og hvernig ég get losnað við hann? Sem og rauð lína undir myndinni í þessari færslu? (myndirnar eru tengill yfir á stærri mynd - og þetta kemur ekki í Safari á Mac).
Ummæli (6)
Venjuleg hegðun linka er að það er underline undir texta í þeim og border utan um myndir í þeim. Rauði borderinn sem þú sérð um Serrano lógóið er því eðlileg hegðun.
Ég veit ekki í hvað annað þú notar .floatno klasann sem hangir á logóinu, en það mundi duga að drepa borderinn á honum til þess að laga þetta þetta tilvik.
.floatno { border : 0; float : left; margin : 0 7px 0 0; }
Annað sem þú getur gert er að taka inn general reglu sem er td. svona:
.entrybody a img { border : 0; }
Þetta mundi taka burtu border á öllum linka-myndum inni í færslutexta.
Rauða línan undir myndum er vegna þess að þú ert að nota bottom-border til þess að framkalla línur undir texta frekar en undirstrikun. Ekkert að því og margir sem gera það. En… Linkar utan um myndir eru að erfa þennan stíl.
Þetta er sumsé ekki á myndinni heldur er border bæði á myndinni og linknum um hana.
Í þessu tilviki mundi þetta duga til þess að laga vandamálið:
adalinnihald .flickr-frame a:link, adalinnihald .flickr-frame a:visited {border-bottom: 0; }
Takk fyrir þessar pælingar, Borgar.
Ég prófaði þetta aðeins - og núna eru allar þessar skipanir inní CSS skjalinu. Þetta lagaði tilfellið með Serrano logoinu (ég nota bara floatno ef ég vil hafa myndir inní texta án ramma - vanalega eru myndir til vinstri í texta með svörtum ramma).
En þetta gerir tvennt vitlaust. Fyrir það fyrsta, þá fer rauða línan ekki af fjallamyndinni og auk þess fór grái ramminn sem var utanum þá mynd í burtu.
Það eina, sem ég vil er að geta stjórnað mynunum þannig að ef ég skýri mynd class=”midja” þá vil ég að myndin hagi sér alltaf eins, sama hvort hún sé tengill eða ekki.
Þú gætir sett inn global stíl á img tagið,
img { border:none; }
Ég geri ráð fyrir að almenna case-ið sé að þú viljir aldrei hafa border á neinum myndum. Eða bara
a img { border: 0; }
ef þú vilt bara að það sé aldrei border á myndum í linkum.
Með seinna vandamálið, eins og Borgar sagði þá er vandamálið að þú notar border á a tagið í staðinn fyrir underline á textann. Því miður er enginn selector í CSS sem segir ‘Border á a, nema ef það á barn sem er img’. Það sem er kannski einfaldast að gera er að búa bara til einhvern imglink class, t.d.
.imglink { border-style:none;}
og setja hann síðan á þá linka þar sem eru myndir, t.d. . Ekki það fallegasta í heimi en ætti að virka.
Það sem Einar sagði!
Það er best fyrir þig að hafa 3 klasa, eins og .floatno, sem færa myndir ýmist til hægri, vinstri, eða miðju. Svo fer það svoldið eftir því hvernig þú vilt hafa default ramma á þessu hvernig tekið er á því.
Best væri að vita hvernig þú vilt hafa default hegðun á þessu? Eiga myndir almennt að vera með eða án border? Ætlarðu að gefa það til kynna af myndir eru linkar?
Athugið að það tekur smá tíma að hlaða síðuna aftur eftir að ýtt hefur verið á "Staðfesta".
Hægt er að nota HTML kóða í ummælunum. Hægt er að nota a href, b, br, p, strong, em, ul, li og blockquote
Ég áskil mér allan rétt til að eyða út ummælum, sem eru á einhvern hátt móðgandi, hvort sem það er gagnvart mér sjálfum eða öðrum. Þetta á sérstaklega við um nafnlaus ummæli.
|
|
Ummæli:
|
Leit:
Síðustu ummæli
- einar: Hmm, vissi ekki að maður gæti sett inn html hérna. ...[Skoða]
- Borgar: Það sem Einar sagði! Það er best fyrir þig að haf ...[Skoða]
- einar: Þú gætir sett inn global stíl á img tagið, img { ...[Skoða]
- Einar Örn: Takk fyrir þessar pælingar, Borgar. Ég prófaði þe ...[Skoða]
- Borgar: Venjuleg hegðun linka er að það er underline undir ...[Skoða]
- Markús: Settur border="0" í taggið og þá hverfur rau ...[Skoða]
Flokkar
Almennt | Bækur | Dagbók | Ferðalög | Fjölmiðlar | Hagfræði | Íþróttir | Kvikmyndir | Liverpool | Myndablogg | Myndir | Netið | Sjónvarp | Skóli | Stjórnmál | Tónleikar | Tónlist | Topp10 | Tækni | Uppboð | Viðskipti | Vinna |Gamalt:
Topp 10:
Ég nota MT 3.33
Settur border=”0” í taggið og þá hverfur rauði ramminn í kringum myndina.