News:

Tekforums.net - The improved home of Tekforums! :D

Main Menu

CSS software

Started by shiftlocked, November 06, 2007, 15:11:55 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Beaker

Quote from: Clockd 0NeBeaker, try working professionally with sites and content built originally with dreameaver or some other WYSIWYG and you will soon curse them too. For the hobbyist they are fine, its not about being an arrogant cock, they really can cause grief :lol:

I personally wouldnt use anythign like dreamweaver, it breaks more than it fixes, but I was introduced to ConTEXT about 5 years ago when swearing at notepad.  The guy who instruduced it to me is a professional webdev, and has been doing it since about 1997.  After i stopped punching the monitor one day he downloaded a copy and ive used ConTEXT since.  its just a text editor, but you download highlighter packs to you can read the code easier.  You still need a browser to preview the pages if they are HTML/PhP/Whatever you use, but I se eno reason to make the actual coding and bug chasing hard work.

neXus

"Web developer" and view "formatted source" firefox addons and your sorted :)

shiftlocked I have to say sorry as I would normally do it for you with code with some helpful info with it rather then throwing links but I Had an operation Monday morning and still a but f***ed

Also got to say Nige uses tables - booo, lol it is true but 2 years he has learnt css faster then some people are amazing at java or c++ etc some people even smart coders cant get their heard around really far in css and xhtml it just does not compute but clocked takes it in like a trooper (sorry m8 it sounded good at the time of typing, lol - its the extra pills, blame the pills)

Others I have helped or given info to bless them - struggle to get things

What I think it may be shiftlocked and Clocked may agree with me or not is that people think to do complex stuff in css it has to be a complext solution and some things that you initially do not know how to do or an issue when your developing it means it is crap it is to hard and crazy but really it still has simple solutions it is just a bit funny when you think about it and sometimes a bit backward but its clean still and works (blame Microsoft and IE really for that since it is often their bloody fault)

Good css though and nice xhtml can be wonderful, I can do so much with only a few lines now
Only thing currently that I cant get to work is using a number of these hacks out there to get a square with a blue with transparent background so the blur would blur on top of any background in a png(to not pixelate as a gif would) set as a background of a div to be transparent in IE6 but you overcome these eventually and as long as you keep your code and organised and you keep to your same format practises - 10 years time if for what ever random reason you need to do it again - 10 seconds and it is there.

Clock'd 0Ne

Yep, if you want help going the pure html div based route listen to neXus, he is wise in the ways of such things :)

I always try and use the least amount of CSS hacks possible - even if it means uses a slightly less elegant solution - but sometimes there is just no other workaround. The problem with hacks is they can end up being very browser specific, and the likelihood is your hack may stop working at some point. Usually its IE being a pig though, and the ie * html operator works dandy in most cases.


Oh Beaker, we were talking about http://www.textpad.com/ not Notepad. It sound essentially the same asConTEXT.

shiftlocked

ok again I dont know completly whats happening here as im working with X-cart

The main area of the table is wrapped in this

.VertMenuBox {
   background-color: #FFFFFF;
}

Even I worked out what that does

You then have the following for the menu items



.VertMenuItems {
COLOR: #000000;
TEXT-DECORATION: none;
font-family: "Arial Narrow", Arial, Helvetica;
font-size: 10pt;
width: 98%;
}

.VertMenuItems:link {
COLOR: #003366;
TEXT-DECORATION: none;
border: none;
}

.VertMenuItems:visited {
COLOR: #003366;
}

.VertMenuItems:hover {
COLOR: #FFFFFF;
text-decoration: none;
background-color: #6699FF;
}

.VertMenuItems:active  {
        COLOR: #081589; TEXT-DECORATION: none;
}




Looking at it I just realised ive REALLY messed up the code there.  But its still not formatting how i would like.  Any suggestions?


shiftlocked

Im starting to get it a little

the VertmenuItems when set to use display : block; then have some really strange spacing issues.


Clock'd 0Ne

set margin: 0; on them, see what happens.

Then set padding: 0; on them. See what happens.

and strip out that
from the html after [menuitems$] or whatever it was, I dont think you need it.

bear

LoL I have both context and synedit :) if u like context take a look at synedit to compare  it is free.

shiftlocked

done and still nothing... :-(  its something to do with that BLOCK statement thats chucking it all to cock.

Clock'd 0Ne

The block statement simply changes it from an inline element to a block level element, meaning it can then be affected by absolute/relative positioning, widths, heights, padding and margin (something inline elements are not affected by in most cases). Something is therefore affecting this in one of these ways Im sure.

does  .VertMenuBox have any padding? Could you post more of the relevant CSS please :) What browser are you using? If youre using firefox click and hold your left mouse button on one of the links and see how big the faint bounding box is around the link that appears. if there is no padding, etc it should flow just around the edge of the text.

neXus

only skimming but this sounds like some code elements are wrong in the html with tags not inside or not closed properly which is quite easy if running in dreamweaver