<a name=""></a> padding geven

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Joni Fleischer
Moderator

Joni Fleischer

25/01/2012 21:37:08
Quote Anchor link
Hallo allemaal,

Ik heb op mijn website interne links die naar delen tekst op een pagina springen.
Als ik op de link klik, dan springt de pagina naar beneden naar de specifieke anchor.

Alleen de anchor lijnt direct uit met de bovenkant van de browser.
Nu wil ik dat hij ruimte erboven laat.

Ik vroeg me af of je met css die anchor een padding-top kan meegeven?

Ik heb het over: http://www.fleischer.nl

Als je op een link klikt op de homepagina b.v.dichterbij.

Dan zie je wat ik bedoel.

Alvast bedankt..
 
PHP hulp

PHP hulp

02/06/2020 03:07:04
 
Ozzie PHP

Ozzie PHP

25/01/2012 21:40:56
Quote Anchor link
je kunt zoiets proberen:

display:block;
margin-top:15px;

geen idee of het werkt...
 
Joni Fleischer
Moderator

Joni Fleischer

25/01/2012 21:41:53
Quote Anchor link
maar hoe spreek ik alle anchors aan??

a name { }

???
 
Ozzie PHP

Ozzie PHP

25/01/2012 21:48:18
Quote Anchor link
als er verder geen andere links in staan gewoon met a lijkt me

a {

}
 
- Jim  -

- Jim -

25/01/2012 21:49:25
Quote Anchor link
Ozzie PHP op 25/01/2012 21:48:18:
als er verder geen andere links in staan gewoon met a lijkt me

a {

}


in je .css bestand.
 
Joni Fleischer
Moderator

Joni Fleischer

25/01/2012 21:49:26
Quote Anchor link
?? geen andere links?

Het is een website :P
 
- Ariën -
Beheerder

- Ariën -

25/01/2012 21:50:01
Quote Anchor link
en als deze een name (of ander attribuut hebben) hebben met dit:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
a[name="meukee"] {
}
 
Joni Fleischer
Moderator

Joni Fleischer

25/01/2012 21:50:44
Quote Anchor link
@Jim,

Dat snap ik :P
Ik bedoel hoe ik specifiek een anchor aanspreek.
En dan niet zeggen dat ik er een class of id aan moet hangen,
maar ik wil alle anchors aanspreken..

But thnx anyhow ;)

Toevoeging op 25/01/2012 21:51:35:

@Aar Hey dude :) How's life???

Nou ik heb zo'n slordige 80....
Dus om nou alle 80 apart aan te gaan spreken..
Word een apart css bestand :P
 
Ozzie PHP

Ozzie PHP

25/01/2012 21:52:56
Quote Anchor link
ik bedoel op die pagina....

Doe maar zo:

#content a {

}

en een id mag maar 1x op een pagina voorkomen, dus meerdere keren id="block" is fout. In plaats daarvan moet je classes gebruiken: class="block". Nog beter is om dat block weg te laten en gewoon te zetten <div>. In je css spreek je die dan als volgt aan:

#content div {

}

Succes.
 
Joni Fleischer
Moderator

Joni Fleischer

25/01/2012 21:53:53
Quote Anchor link
Kom ik nog met het volgende..

a[name] { werkt in principe..
Alleen doet het niet wat ik wil, hij geeft hem nu wel een margin.
Maar nog steeds niet als ik op de link klik..
Dan staat "dichterbij" nog steeds gelijk aan de rand van de browser..

ik voel een javascriptje opkomen ben ik bang?

Toevoeging op 25/01/2012 21:55:28:

@Ozzie ja je hebt gelijk... het was eerst 1 blokje, maar werden steeds meer haha.
Het werkt dus maar zo gelaten... geen zin om te veranderen. maar is mijn huidige probleem nog steeds niet opgelost..
 
Ozzie PHP

Ozzie PHP

25/01/2012 21:57:33
Quote Anchor link
Dit moet je WEL veranderen want het gaat in sommige browsers voor problemen zorgen.

Zet voor de grap eens een <br> in je link:

<a name=""><br/>blablabla</a>
 
Joni Fleischer
Moderator

Joni Fleischer

25/01/2012 21:59:57
Quote Anchor link
Hmmm... dan denk ik eerder..

<br />
<a name????

Toevoeging op 25/01/2012 22:00:21:

Maar dan spaced ie weer teveel ten opzichte van de border..
Ik denk dat ik de div zelf in een anchor gooi..
 
Ozzie PHP

Ozzie PHP

25/01/2012 22:01:30
Quote Anchor link
opgelost dus?
 
Joni Fleischer
Moderator

Joni Fleischer

25/01/2012 22:05:32
Quote Anchor link
Uhm..

Ja... soort van dan maar.

But thnx everybody..
 
Ozzie PHP

Ozzie PHP

25/01/2012 22:13:21
Quote Anchor link
alternatief kan nog zijn om een lege a erboven te zetten:

<a name="dichterbij">&nbsp;</a><br/>
Dichterbij
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.