HTML Q
- Started
- Last post
- 24 Responses
- redant
line of text line height is 16 end in link text DETAILS I need an arrow graphic at end of this but mine is not lining up properly. ANy way to line up this small aroow properly with the DETAILS text??
- pylon0
Link to page so we can see?
- airey0
place it with css instead of just placing it in the page as a graphic.
- brandelec0
mr. wendell?
- redant0
hmm it seems to push the text line with it
- BattleAxe0
you can use the span tag to add anything to inline items
so
<p> Hello <span class='"arrow"> World</span></p>
- pylon0
Or, depending on what you're up to:
<a href="#" class="arrow">DETAILS</a>
and then define your .arrow class within your css.
- redant0
yea i did it shift s the arrow down to next line hmm maybe i will try p tag
- redant0
no its the small arrow after DETAILS
- airey0
place it as a background image in the css
- pylon0
Okay, thanks redant.
Now you've scared everyone away! I'll have a look at this shortly — I'm sure others are as well....
- redant0
well I just needed a quick fix usually i can align the image but that does not work. All the text in that section is in a content div and with an line spacing of 16px.
- pylon0
Quick fix without any thinking (or looking at the code if I'm honest) is to apply a class to your image and then negative-margin that class.
- airey0
just upload a zip including all files and someone here (probably me or pylon or anyone else with some time) will fix it.
- airey0
just upload a zip including all files and someone here (probably me or pylon or anyone else with some time) will fix it.
- pylon0
just upload a zip including all files and someone here (probably me or airey or anyone else with some time) will fix it.
- fugged0
try using a background image aligned to center right and then add padding on the right to leave space for it.
- fugged0
<p>This is some text with an <span class="arrow">arrow</span> in the middle</p>
span.arrow {
background-image:url('toc_collap...
background-position:center right;
background-repeat:no-repeat;
padding-right:14px;
}background properties can be consolidated into one line too...
- airey0
did we mention uploading a zip file?