HighDots Forums  

help please

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss help please in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
adrian suri
 
Posts: n/a

Default help please - 08-19-2005 , 06:41 PM






Hi

tried code but since I am using lots of these to highlight etc key words
it mucks up, anyway
I got it working using
pre.samplecode
{
border-style: solid solid solid solid;
border-width: thin thin thin thin;
float: left;
visibility: visible;
height: auto;
background-color: white;
font-family: monospace;
position: relative;
padding-left: 2pt;
width: 50em;
Font-style: normal;
Border-color: black;

}
the problem now is I wanted the text to wrap around this this, which it does
but I can't gt padding to give some space between, I uploaded the file
if anyone cares to look
http://home.swipnet.se/virtpub/lang/cpp/lessons/



adrian

Alan J. Flavell wrote:

Quote:
On Wed, 17 Aug 2005, Michael Stemper wrote:


I'd think that sample code would be better placed in a <CODE> element
than in a <PRE> element.



Maybe I'll provoke some hefty counterblast for this, but if it's the
kind of code that's conventionally presented in a fixed format, I
wouln't be shy to mark it up with <pre> *and* <code>.
Quote:

Reply With Quote
  #2  
Old   
'sNiek
 
Posts: n/a

Default Re: help please - 08-20-2005 , 07:28 AM






adrian suri schreef:
Quote:
Hi

tried code but since I am using lots of these to highlight etc key words
it mucks up, anyway
I got it working using
pre.samplecode
{
border-style: solid solid solid solid;
border-width: thin thin thin thin;
float: left;
visibility: visible;
height: auto;
background-color: white;
font-family: monospace;
position: relative;
padding-left: 2pt;
width: 50em;
Font-style: normal;
Border-color: black;

}
the problem now is I wanted the text to wrap around this this, which it
does
but I can't gt padding to give some space between, I uploaded the file
if anyone cares to look
http://home.swipnet.se/virtpub/lang/cpp/lessons/
You only specified the padding on the left side, do something like this:
padding: 5px 10px 10px 2px to specify the padding on the top, right,
bottom and left.

BTW: code like:
Quote:
border-style: solid solid solid solid;
border-width: thin thin thin thin;
Can be shortened to:
border-style: solid;
border-width: thin;

Or eben better:
border: thin solid black;

Cheers.

--
Niek


Reply With Quote
  #3  
Old   
adrian suri
 
Posts: n/a

Default Re: help please - 08-21-2005 , 02:15 PM



Thanks for the reply, I have pinned down the problem to the

pre.samplecode, which I used float:left

I decided to place a line around all p tabs and noticed I could not see it
when it floated around pre.samplecode

adrian
'sNiek wrote:
Quote:
adrian suri schreef:

Hi

tried code but since I am using lots of these to highlight etc key
words it mucks up, anyway
I got it working using
pre.samplecode
{
border-style: solid solid solid solid;
border-width: thin thin thin thin;
float: left;
visibility: visible;
height: auto;
background-color: white;
font-family: monospace;
position: relative;
padding-left: 2pt;
width: 50em;
Font-style: normal;
Border-color: black;

}
the problem now is I wanted the text to wrap around this this, which
it does
but I can't gt padding to give some space between, I uploaded the file
if anyone cares to look
http://home.swipnet.se/virtpub/lang/cpp/lessons/


You only specified the padding on the left side, do something like this:
padding: 5px 10px 10px 2px to specify the padding on the top, right,
bottom and left.

BTW: code like:
border-style: solid solid solid solid;
border-width: thin thin thin thin;
Can be shortened to:
border-style: solid;
border-width: thin;

Or eben better:
border: thin solid black;

Cheers.


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.