--
Luigi Donatello Asero
https://www.scaiecat-spa-gigi.com/it/svezia.html
昨天下午天气真好吗 ?
> I do not want the <div> with pictures to touch the <div> with contents
> about Sweden on the right on the page in the signature. I tried to
> set some margins on the external cascading style sheet but it did not
> work for some reason. I do not want it to use "clear" either.
> Any suggestion?
Correct your errors.
#foto-svezia-meridionale.subsubsection {float:left;
width: 25%;
min-width: 200px;
min.height: 200px;
border: thin silver solid;
margin-top:0,5em;
margin-left:0,5em;
margin-right:2,5em;
margin-bottom:0,5em;
See all those commas instead of decimal points (or whatever you call
them in Sweden)? Change them to periods/dots.
margin-right:2.5em; gives you the margin you desire.
BTW, I wore out my mouse wheel scrolling to find what you where talking
about. Had you said "the margin at 5.B. In Svezia", it would have been
even simpler to find your error.
--
-bts
-Motorcycles defy gravity; cars just suck.
> Correct your errors.
Oh, and you may as well try to find out what causes the CSS validator to
die.
> Hello,
> I do not want the <div> with pictures to touch the <div> with contents about
> Sweden on the right on the page in the signature.
> I tried to set some margins on the external cascading style sheet but it did
> not work for some reason.
> I do not want it to use "clear" either.
> Any suggestion?
Try
#posizione-geografica.subsubsubsection
{margin-left:60%;margin-right:.5em}
as a tactical solution. Then apply it to all the divs in that
col.
Seriously Luigi, this is the most complex, most convoluted css to
control a page that I have ever seen. I could not conceive of
ever remotely making anything like it because I would never be
able to maintain it. Its design appears to me to be almost wholly
tactical and not strategic. It is a recipe for a nightmare of
maintenence.
--
dorayme
Thank you. Now it works.
> margin-right:2.5em; gives you the margin you desire.
>
> BTW, I wore out my mouse wheel scrolling to find what you where talking
> about. Had you said "the margin at 5.B. In Svezia", it would have been
> even simpler to find your error.
You are right.
> Seriously Luigi, this is the most complex, most convoluted css to
> control a page that I have ever seen.
I have seen a few that were worse, but not by much... <lol>
I actually surprised myself by noticing the commas instead of dots.
Liugi's next mission, should he choose to accept it, is to find out what
is causing the horizontal scrollbar to appear, no matter what the
browser width is. (I do not intend to tackle that one.)
> BTW, I wore out my mouse wheel scrolling to find what you where talking
> about. Had you said "the margin at 5.B. In Svezia", it would have been
> even simpler to find your error.
I transferred the CSS to BBEdit from FF to use the better Search
functions there, in conjunction with watching the "current
element" names in FF. (Not that I solved his problem in the end,
though I found "a" solution to one of the paras in that col that
might have provided OP with a clue to go on?)
It was very hard to see things in the CSS in FF (FF has this
annoying limit on the width of the "Edit CSS" col... It would be
nice to be able to widen it more. That at least is the situation
on the Mac version.
--
dorayme
> It was very hard to see things in the CSS in FF (FF has this annoying
> limit on the width of the "Edit CSS" col... It would be nice to be
> able to widen it more. That at least is the situation on the Mac
> version.
Are you using Chris Pederick's Web Developer Toolbar? The Edit CSS panel
is stretchable. Drag the border wider, the one next to the displayed
page.
But for Luigi's page, you probably need a wide-screen monitor. <g>
For
https://www.scaiecat-spa-gigi.com/it/svezia.html ?
Why?
--
Luigi Donatello Asero
https://www.scaiecat-spa-gigi.com/it/europa/svezia/vaestra-goetaland/goeteborg.php
昨天下午天气真好吗 ?
> dorayme wrote:
>
> > It was very hard to see things in the CSS in FF (FF has this annoying
> > limit on the width of the "Edit CSS" col... It would be nice to be
> > able to widen it more. That at least is the situation on the Mac
> > version.
>
> Are you using Chris Pederick's Web Developer Toolbar? The Edit CSS panel
> is stretchable. Drag the border wider, the one next to the displayed
> page.
>
Well, yes... that is the extension I am complaining about in
respect to width. It is draggable but it reaches a miserable max
width on my Mac
> But for Luigi's page, you probably need a wide-screen monitor. <g>
Well, exactly! It was so frustrating.
--
dorayme
Are you sure that we are talkning about the same thing???
Ps.: there is already something which I do not understand in Chinese and
that is frustrating!
--
Luigi Donatello Asero
https://www.scaiecat-spa-gigi.com/it/europa/svezia/vaestra-goetaland/goeteborg.php
昨天下午天气真好吗 ?
> "Beauregard T. Shagnasty" <a.non...@example.invalid> wrote:
>> dorayme wrote:
>>
>>> It was very hard to see things in the CSS in FF (FF has this
>>> annoying limit on the width of the "Edit CSS" col... It would be
>>> nice to be able to widen it more. That at least is the situation on
>>> the Mac version.
>>
>> Are you using Chris Pederick's Web Developer Toolbar? The Edit CSS
>> panel is stretchable. Drag the border wider, the one next to the
>> displayed page.
>>
>> But for Luigi's page, you probably need a wide-screen monitor. <g>
>
> For
> https://www.scaiecat-spa-gigi.com/it/svezia.html ?
> Why?
http://k75s.home.att.net/show/svezia.jpg
Notice the scrollbar in the left pane. That is because some of your
selectors were composed with no line feeds, like:
#informazioni-generali.subsubsection or
#arredamento-articoli-da-regalo.subsubsection
..which is 270 characters wide.
You are saving only a few bytes by not placing each attribute on a
separate line, but you make the whole sheet a troubleshooting nightmare.
[dorayme:]
> It is draggable but it reaches a miserable max width on my Mac
Yes, same in any version... most of the time it's not necessary to go
wider that its maximum. Except for Luigi's, of course.
> Are you sure that we are talkning about the same thing???
> Ps.: there is already something which I do not understand in Chinese and
> that is frustrating!
Luigi... no one is ever sure when talking to you that everyone is
talking about the same thing. I could almost be an earthling on
this basis.
--
dorayme
Sorry, I am not sure I understand what you mean.
> "Beauregard T. Shagnasty" <a.non...@example.invalid> wrote:
>>
>>>> But for Luigi's page, you probably need a wide-screen monitor. <g>
>>>
>>> For
>>> https://www.scaiecat-spa-gigi.com/it/svezia.html ?
>>> Why?
>>
>> http://k75s.home.att.net/show/svezia.jpg
>>
>> Notice the scrollbar in the left pane. That is because some of your
>> selectors were composed with no line feeds, like:
>> #informazioni-generali.subsubsection or
>> #arredamento-articoli-da-regalo.subsubsection
>> ..which is 270 characters wide.
>
> Sorry, I am not sure I understand what you mean.
Myohmy. Look at your style sheet with word wrap turned OFF in whatever
you use to edit it. Look at the line for:
#arredamento-articoli-da-regalo.subsubsection
First of all, it is night here, quite the contrary in Australia, I guess...
Secondly while writing on the web I am also learning Chinese...
(there are some reasons for that but I want to cut a long story short)
Thirdly, I could finally look at the screen picture which he had sent the
link to and i saw that it displayed both
the CSS style sheet and the main page, that is
https://www-scaiecat-spa-gigi.com/it/svezia.html
So, when he is saying that the page is too wide, which page are we talking
about?
The page
https://www-scaiecat-spa-gigi.com/it/svezia.html or the external style
sheet this page makes use of ?
Or perhaps both?
Why does breaking the line in the style sheet prevent the page
https://www-scaiecat-spa-gigi.com/it/svezia.html
from having scrollbars in the menu?
> Thirdly, I could finally look at the screen picture which he had sent
> the link to and i saw that it displayed both the CSS style sheet and
> the main page, that is https://www-scaiecat-spa-gigi.com/it/svezia.html
> So, when he is saying that the page is too wide, which page are we
> talking about?
> The page https://www-scaiecat-spa-gigi.com/it/svezia.html or the
> external style sheet this page makes use of ?
Notice your page svezia.html has a horizontal scrollbar. This is caused
by some mistake in your style sheet. Not the fact that it itself has
long lines, but because some margin is set too wide.
At the moment, your server is down.
"Server not found
Firefox can't find the server at www-scaiecat-spa-gigi.com."
> Or perhaps both?
Well, that as well.
> Why does breaking the line in the style sheet prevent the page
> https://www-scaiecat-spa-gigi.com/it/svezia.html
> from having scrollbars in the menu?
The long lines in your style sheet cause the *CSS* editing window to
have a scrollbar, as your lines are longer than the width the pane can
be widened to. Go ahead, install the Web Developer Toolbar (very worthy)
in Firefox or Mozilla or SeaMonkey and see for yourself.
http://chrispederick.com/work/webdeveloper/
While viewing your page, press Ctrl+Shift+E and see for yourself.
Yes, it does.
This is caused
> by some mistake in your style sheet. Not the fact that it itself has
> long lines, but because some margin is set too wide.
>
> At the moment, your server is down.
Well, actually, I could access the website myself.
So, why do you think that the server was down?
Did you happen to e-mail me?
> "Server not found
> Firefox can't find the server at www-scaiecat-spa-gigi.com."
I can enter the website.
Which ip-number did you use?
> > Luigi... no one is ever sure when talking to you that everyone is
> > talking about the same thing. I could almost be an earthling on
> > this basis.
>
> First of all, it is night here, quite the contrary in Australia, I guess...
See what I mean? Of course you don't! I say it is always hard to
know if the focus of any discussion with you is constant. You
then tell me it is night time where you are, You are an
extraordinary person Luigi. It is a constantly fascinating
experience for a martian like me to come across such an unusual
species of earthling like you.
> Secondly while writing on the web I am also learning Chinese...
> (there are some reasons for that but I want to cut a long story short)
And again, you exhibit a quixotic and highly interesting display
of your focussing algorithm. I have studied the code of Eliza but
you seem to have a more sophisticated sub routine here that the
traditional Eliza simply did not have. Interesting to the point
of fascination.
> Thirdly, I could finally look at the screen picture which he had sent the
> link to and i saw that it displayed both
> the CSS style sheet and the main page, that is
> https://www-scaiecat-spa-gigi.com/it/svezia.html
> So, when he is saying that the page is too wide, which page are we talking
> about?
> The page
> https://www-scaiecat-spa-gigi.com/it/svezia.html or the external style
> sheet this page makes use of ?
> Or perhaps both?
> Why does breaking the line in the style sheet prevent the page
> https://www-scaiecat-spa-gigi.com/it/svezia.html
> from having scrollbars in the menu?
I will let B answer about how to cope with returns in your CSS.
But the pic he provided was a view of the Firefox browser with an
web developer extension facility whereby the CSS of any web page
is displayed and can be altered for experimentation with the
webpage changes being seen "live" immediately the changes are
made in the CSS. Sort of magical in the sense that it is closest
to the idea of making a wish and having it fulfilled without
having to do anything else like save the changes and all that
boring old stuff.
In addition to what B says about your method of typing and layout
of the css, I do know one thing for sure. Or perhaps I should
say, my instinct is very strong: You are over-reaching Luigi in
the extraordinary complexity of your CSS.
I am now going to give you a really good argument as to why you
should change it utterly and completely. This argument would
normally appeal to the English one man business that is inside of
your soul, I have no idea if it appeals to the Italian in Sweden
one man business part of you. The argument is this:
Businesses have resale value. Ask yourself this question: who
will buy your business if they see your html and css? They will
never be able to work it all out or maintain it.
--
dorayme
So, did you mean that I should write the long lines, like that, instead?
#arredamento-articoli-da-regalo.subsubsection a
{ background-color: #cccccc;
background-image:none;
color:#000000;
display: block;
text-align:center;}
But is not my intention to sell the website.
> "Luigi Donatello Asero" <jaggilla...@telia.com> skrev i meddelandet
> news:0DKMg.15986$E02....@newsb.telia.net...
>>
>> "Beauregard T. Shagnasty" wrote:
>>> Notice your page svezia.html has a horizontal scrollbar.
>>
>> Yes, it does.
>>
>>> This is caused by some mistake in your style sheet. Not the fact
>>> that it itself has long lines, but because some margin is set too
>>> wide.
>>>
>>> At the moment, your server is down.
>>
>> Well, actually, I could access the website myself. So, why do you
>> think that the server was down? Did you happen to e-mail me?
>>
>>> "Server not found Firefox can't find the server at
>>> www-scaiecat-spa-gigi.com."
>>
>> I can enter the website.
I still can't.
>> Which ip-number did you use?
What difference does that make? Probably 24.169.153.44
> So, did you mean that I should write the long lines, like that, instead?
> #arredamento-articoli-da-regalo.subsubsection a
> { background-color: #cccccc;
> background-image:none;
> color:#000000;
> display: block;
> text-align:center;}
Yes, only more carefully formatted.
#arredamento-articoli-da-regalo.subsubsection a {
background-color: #cccccc;
background-image:none; <--- defaults can be eliminated
color:#000000;
display: block;
text-align:center;
}
Notice the braces are on the first and last line (not mixed with the
attributes), and each one is indented the same amount. I prefer three
spaces, or one tab. (You see, I am a retired programmer.)
You also use very long names for your classes and ids. Surely the words
can be condensed.
> But is not my intention to sell the website.
You mean you would sell the business but keep the website?
--
dorayme
> So, did you mean that I should write the long lines, like that, instead?
> #arredamento-articoli-da-regalo.subsubsection a
> { background-color: #cccccc;
> background-image:none;
> color:#000000;
> display: block;
> text-align:center;}
That is the sort of thing I think...
--
dorayme
> #arredamento-articoli-da-regalo.subsubsection a {
> background-color: #cccccc;
> background-image:none; <--- defaults can be eliminated
> color:#000000;
> display: block;
> text-align:center;
> }
and
background-color: #cccccc; <-- can be condensed to color:#ccc;
color:#000000; <-- can be condensed to color:#000;
--
dorayme
Sorry, I mean
"background-color: #cccccc;" can be condensed to
"background-color:#ccc;"
and while in this minimalist mood, you may be able to just use
the short form "background"...
--
dorayme
Hello,
I only have a one-man business......
who should be interested?
How does the style-sheet look now?
I get a parse error.
p{
margin-left:auto;
margin-right:auto;
margin-bottom:2%;
margin-top:2%;
padding:1%;
text-indent:4%;
}
body{
width:100%;
margin-left:2%;
margin-right:5%;
margin-top:auto;
margin-bottom:auto;
}
span.aggiornamento
{
border:1px solid black;
background: green;
padding:0.5%;
margin:1em;
color:#ffffff;
width:auto;
text-align: center;
border-spacing: 1em;
}
TABLE{
border: 1px solid black;
width:auto;
background:#ffffff;
color:#000000;
border-spacing: 1px;
}
.sovrum-med-dubbelsang-2 {
color:#000000; border: 1px solid black;
background: #ffffff;
margin-left:auto; clear:right; width:auto;}
.sovrum-med-dubbelsang-1 {color:#000000; border: 1px solid black;
background: #ffffff;
width:100%;
}
.genomgaangsrum {
color:#000000; border: 1px solid black;
background: #99ff66;
}
.garderob {
color:#000000; border: 1px solid black;
background: #ffffff;
}
.bdarum-1 {
color:#000000; border: 1px solid black;
background: #ffffff;
}
.badrum-2 {
color:#000000; border: 1px solid black;
background: #ffffff;
}
.four a {
color: #ffffff; background-color:#cc6600;
}
th, td {
color: black;
background:#ffffff;
text-align:center;
width:auto;
border: 1px solid black;
}
h1, h2, h3, h4, h5 {
text-align:center;
}
#five a{
color:white;
background: #cc6600;
}
body {
font-family: sans-serif;
background: #ffffff;
color: black;
font-size: 100%;
margin: 1%;
}
#head.subsection{
border:0px solid white;
margin-top:6%; margin-bottom:2%;
font-size:smaller;
}
#innehaall{
margin-top: 5%;
margin-left:5%;
border:1px solid white;}
DIV.normal{margin-top: 5%;
margin-left:5%;
}
#menu a {
margin:auto;
color:#0000cc;
background:#ffcc00;
text-align:center;
border-left:1px solid #F66460 ;
border-top:1px solid #F66460 ;
border-right:1px solid #000000 ;
border-bottom:1px solid #000000 ;
width: 100%;
display: block;
}
#menu a:active {
color: #0000cc; background-color:#ffffff;
}
#menu a:hover {
color: #666666;
background-color:#ffffff;
border-left: 1px solid #000000;
border-top: 1px solid #000000;
border-right: 1px solid #F66460;
border-bottom: 1px solid #F66460;
}
#svezia.subsubsection{
margin-top:auto;
margin-bottom:auto;
margin-left:5%;
margin-right:auto;
width:auto;
}
#annunci-immagini.subsection
{
margin-top:2%;
margin-bottom:50%;
width: 30%;
float: right;
}
#foto-svezia-meridionale.subsubsection
{
float:left;
width: 25%;
min-width: 200px;
min-height: 200px;
border: thin silver solid;
margin-top:0.5em;
margin-left:0.5em;
margin-right:1em;
margin-bottom:0.5em;
}
#foto-svezia-meridionale.subsubsection p
{
text-align: center;
font-style: italic;
font-size: smaller;
text-indent: 0;
}
#note-pagina.subsection
{
margin-top:8%;
margin-bottom:2%;
margin-left:auto;
margin-right:auto;
width:100%;
}
#flora-fauna-svezia.subsubsubsection{
margin-top:8%;
margin-bottom:2%;
width:auto;
}
#lingue-in-svezia.subsubsubsection{
margin-top:8%;
margin-bottom:2%;
width:auto;
}
#diversi-strumenti.subsection
{
margin-top:8%;
margin-bottom:2%;
width:auto;
}
#introduzione.subsection{
margin-top:2%;
margin-bottom:2%;
width:auto;
}
#costituzione-svedese.subsubsubsection{
margin-top:8%;
margin-bottom:2%;
width:auto;
}
#coronasvedese-euro.subsubsubsection{
margin-top:8%;
margin-bottom:2%;
width:auto;
}
#democrazia-rappresentanza-politica-emancipazione.subsubsubsection{
margin-top:8%;
margin-bottom:2%;
width:auto;
}
#sport-in-svezia.subsubsubsection{
margin-top:8%;
margin-bottom:2%;
width:auto;
}
#feste-in-svezia.subsubsubsection{
margin-top:8%;
margin-bottom:2%;
width:auto;
}
#premio-nobel-a-stoccolma.subsubsubsection{
margin-top:8%;
margin-bottom:2%;
width:auto;
}
#settore-energetico-svezia.subsubsubsection{
margin-top:8%;
margin-bottom:2%;
width:auto;
}
#nomi-cognomi-svezia.subsubsubsection{
margin-top:8%;
margin-bottom:2%;
width:auto;
}
#stato-civile-popolazione-in-svezia.subsubsubsection{
margin-top:8%;
margin-bottom:2%;
width:auto;}
#territorio-e-densita-popolazione-in-svezia.subsubsubsection{
margin-top:8%;
margin-bottom:2%;
width:auto;
}
#mediazione-affitti.subsubsubsection{
margin-top:8%;
margin-bottom:2%;
width:auto;
}
#turisti-italiani-in-svezia.subsubsubsection{
margin-top:8%;
margin-bottom:2%;
width:auto;
}
#posizione-geografica.subsubsubsection{
margin-top:auto;
margin-bottom:auto;
margin-right:auto;
margin-left:2em;
width:auto;
}
#sommario-svezia.subsection{
margin-top:2%; margin-bottom:2%;
margin-left:2%;
margin-right:2%;
width:100%;
}
#regione-halland.subsubsubsubsubsection{
margin-top:6%;
margin-bottom:2%;
width:auto;
}
#vaestra-goetaland.subsubsubsubsubsection{
margin-top:6%; margin-bottom:2%;
width:auto;
}
#laen-svezia.subsubsubsubsection{
margin-top:8%; margin-bottom:2%;
width:auto;
}
#rune-cellulare.subsubsubsection{
margin-top:12%; margin-bottom:2%;
width:auto;
}
#divisione-amministrativa-territorio-svedese.subsubsubsection{
margin-top:13%;
margin-bottom:2%;
width:auto;
}
#menu.subsection{
color:#000000;
background:#ffffff;
width:30%; padding: 0.5em;
border:1px solid white;
text-align:center;
font-size: smaller;
margin-right:5%;
margin-left:auto;
margin-top:auto;
margin-bottom:auto;
float:left;
}
#informazioni-generali.subsubsection a {
background-color:#ffcc00;
background-image:none;
color:#000000;
display: block;
text-align:center;
}
#in-svezia.subsubsubsection a {
background-color: #99ffcc;
background-image:none;
color: #000000; display: block;
text-align:center;
}
#in-italia.subsubsubsection a {
background-color: #ccffff;
background-image:none;
color: #000000; display: block;
text-align:center;
}
#arredamento-articoli-da-regalo.subsubsection a{
background-color: #cccccc;
background-image:none;
color:#000000;
display: block;
text-align:center;
}
#annunci.subsubsection a {
background-color: #ccccff;
background-image:none;
color: #000000;
display: block;
text-align:center;
}
#servizi-linguistici.subsection a{
background-color:#ffcc00;
background-image:none;
color:#000000;
display: block;
text-align:center;
}
#mediazione-merci.subsubsection a {
background-color: #00ffff;
background-image:none;
color: #000000;
display: block;
text-align:center;
}
#annunci-web.subsubsection a
{
background-color: #ccccff;
background-image:none;
color: #000000;
display: block;
text-align:center;
}
#contenuto-principale.subsection {
margin-top:10%;}
#top.subsection {
margin-left: auto;
margin-right:auto;
text-align:center;
margin-top:6%; margin-bottom:2%;
font-size:smaller;
}
#bottom.subsection
{margin-bottom: 2%;
margin-left: auto;
margin-right:auto;
margin-top: 5%;
}
table.beskrivning-semesterbostader{
margin-bottom:2%;
margin-left:auto;
margin-right:auto;
background-color:#ffffff;
color:#000000;
}
IMG {border:none;}
.one {
float:left;
clear:both;
margin-right:10px;
margin-top:10px;
margin-left:0px;
margin-bottom:0px;
}
.seven{
float: left; margin-left: 0;
padding: 15px; background-color:#0fffff;
color:#000000;
}
ul {
list-style: none;
margin-left: auto;
padding-left:0px;
}
OL {
margin-left:8%;
padding-left:5px;
}
}
li.bilder{
list-style:disc;
display:inline;
padding-left:10px;
padding-right:10px;
}
li.horizontal{
display:inline;
text-indent:7%;
margin:1%;
}
dt{
font-weight:bold;
}
#scaiecat-spa-gigi.subsection
{
background-image: url(/bilder/scaiecat-spa-gigi.jpg);
background-position: top right;
background-repeat: no-repeat;
background-color: #cccccc;
color:#ffffff;
float: right; margin: 2em; border: none;
height: 125px; width: 125px;
> How does the style-sheet look now?
> I get a parse error.
Doesn't surprise me ...
At least the lines aren't so long. However, it is still a convoluted
mess.
Have you ever even tried to validate it?
http://jigsaw.w3.org/css-validator/validator-uri.html
http://www.htmlhelp.com/tools/csscheck/
It did not play any role whether the lines were long or short...
> Have you ever even tried to validate it?
>
> http://jigsaw.w3.org/css-validator/validator-uri.html
> http://www.htmlhelp.com/tools/csscheck/
I got a parse error when I tried to validate it.
But I had to copy and paste the file.
The validator cannot validate https sites for CSS, I think.
> Hello,
> I only have a one-man business......
> who should be interested?
Well, who do you think? Another one man - of course.
--
dorayme