|
|
| Page 1 of 1 |
|
|
 Posted: Wed, 30th Apr 2008 14:26 Post subject: Dreamwiever help |
|
 |
I'm doing my web site, and since I'm beginner at this, I'm not giving that much attention to the code (which I'll be doing as soon as I get some time), but I have some help with that, so it runs pretty much fine, except this one little problem to which I can't find answer in help files, as well on the net.
The thing is that my background image is 1024x768, and web site looks good on that res, but if I go to e.g. 1280x1024 (or on some wide-screen monitor) the image is repeating itself to cover up the space. The problem is, at least I think it is, that I've done everything in absolute instead of relative values.
Is there some way to fix this? I tried to look at the code, and the Dreamwiever gives the code automatically when you want to write it, but so far I haven't find anything useful (for the background that is). And is there some easy way to convert absolute into relative values or do I have to do it manually also?
"Quantum mechanics is actually, contrary to it's reputation, unbeliveably simple, once you take the physics out."
Scott Aaronson | chiv wrote: | | thats true you know. newton didnt discover gravity. the apple told him about it, and then he killed it. the core was never found. |
|
|
| Back to top |
|
|
|
|
| Posted: Wed, 30th Apr 2008 18:26 Post subject: |
|
|
In the css (stylesheet) part, look up where the background image is located at. If it says background-image: url(blablabla.jpg); add underneath it background-repeat: none;
|
|
| Back to top |
|
|
|
|
| Posted: Thu, 1st May 2008 10:03 Post subject: |
|
|
Yeah, but that just leaves a blank part on the page. I want to see the picture fit the screen like tables and other div tags...
"Quantum mechanics is actually, contrary to it's reputation, unbeliveably simple, once you take the physics out."
Scott Aaronson | chiv wrote: | | thats true you know. newton didnt discover gravity. the apple told him about it, and then he killed it. the core was never found. |
|
|
| Back to top |
|
|
|
|
| Posted: Fri, 2nd May 2008 06:09 Post subject: |
|
|
You'll have to make a larger image...
|
|
| Back to top |
|
|
|
|
| Posted: Fri, 2nd May 2008 14:23 Post subject: |
|
|
I realized that, after a while... Found somewhere that only in opera or safari you can see stretched background... well nothing then, I guess I'll have to make title: best viewed in 1024x768 or sth like that...
"Quantum mechanics is actually, contrary to it's reputation, unbeliveably simple, once you take the physics out."
Scott Aaronson | chiv wrote: | | thats true you know. newton didnt discover gravity. the apple told him about it, and then he killed it. the core was never found. |
|
|
| Back to top |
|
|
|
|
| Posted: Fri, 2nd May 2008 15:24 Post subject: |
|
|
blow up the image using alienskin blow up (plugin for photoshop) to 1600x1200, bigger than 99% of what people use.
as done here: http://www.wearefilth.com
| Cohen wrote: | I'm a troll! well done, you caught me lying my ass off on a forum. I post pictures so that it makes you angry and that you wish you could have my awesome material things   |
|
|
| Back to top |
|
|
$en$i
VIP Member
Posts: 3127
|
| Posted: Fri, 2nd May 2008 15:54 Post subject: |
|
|
| KaiKo wrote: | | blow up the image using alienskin blow up |
Nice plugin, ty for the heads up.
@ dingo_d
Dreamweaver is always great but I nonetheless recommend you Topstyle for CSS editing and checking the compliance of your code.
cf. http://www.newsgator.com/individuals/topstyle/default.aspx
|
|
| Back to top |
|
|
|
|
| Posted: Fri, 2nd May 2008 20:08 Post subject: |
|
|
thnx $en$i this looks pretty usefull, will try it asap!
"Quantum mechanics is actually, contrary to it's reputation, unbeliveably simple, once you take the physics out."
Scott Aaronson | chiv wrote: | | thats true you know. newton didnt discover gravity. the apple told him about it, and then he killed it. the core was never found. |
|
|
| Back to top |
|
|
|
|
| Posted: Thu, 15th May 2008 21:35 Post subject: |
|
|
I have a problem, doing a site based on a tutorial, and so far not bad, but I have problem wit rounding the corners. I have main div inside a big wrapper, and a right column inside main, it looks like this:
You obviously see what the problem is  I'm doing everything like in the tutorial, but it's not working, I would like if anyone with enough knowledge of html and CSS could help me. Here's the main code:
 Spoiler: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>World of a soon to be physicist</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id= "wrapper">
<div id="header"></div>
<div id="menu">Content for id "menu" Goes Here</div>
<div id="main">
<div class= "roundcont">
<div class= "roundtop">
<img src="images/mtl.gif" alt=""
width="15" height="15" class="corner"
style="display: none" /> </div>
<div id= "leftcol">Cras sit amet felis sit amet sem ultrices iaculis. Maecenas vel turpis. Morbi quis libero ut quam aliquam congue. Vivamus dignissim felis ut purus. Fusce luctus felis ut tortor. Mauris et lacus quis lorem sollicitudin sodales. Fusce pharetra, tortor ac ultrices pellentesque, nibh pede euismod magna, quis tristique lectus metus quis sapien. Mauris ornare justo in lacus. Aliquam ullamcorper nunc sed lorem. Ut lobortis congue orci. Curabitur eros elit, condimentum id, adipiscing eu, auctor id, diam. Morbi turpis. Nullam a mi. Etiam auctor porttitor lorem. Donec massa libero, vulputate ac, suscipit non, dignissim id, eros. Cras diam dui, commodo at, aliquet quis, blandit nec, tellus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam sagittis lorem vitae orci. Praesent mattis tortor non nibh. Curabitur viverra lectus a diam viverra pretium.
</div>
<div id= "rightcol">
<div class="roundcont2">
<div class="roundtop2">
<img src="images/tl.gif" alt=""
width="15" height="15" class="corner"
style="display: none" /> </div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In augue urna, dignissim vel, consequat eu, iaculis eget, libero. Duis tempor. Praesent semper faucibus justo. Nulla ut nulla ut magna semper gravida. Donec rhoncus, ipsum quis euismod aliquet, metus nunc hendrerit nunc, sed auctor augue nibh vitae mauris. Suspendisse turpis dui, consectetuer a, auctor ut, sodales dignissim, felis. Duis ut pede. Vivamus hendrerit elit cursus tellus. Curabitur vitae metus. Quisque faucibus arcu. Fusce magna felis, tincidunt eu, ultrices a, laoreet quis, ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam at velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec id tortor. Nulla scelerisque. Curabitur laoreet. Maecenas dolor. Vestibulum vulputate magna vitae lacus. Sed quis pede.
Nunc quis orci vitae nulla gravida porta. Etiam tincidunt quam vitae libero. Aliquam pellentesque nisl vel nisi. Phasellus congue diam et eros. Maecenas porttitor. Aenean rutrum. Duis nec lacus. Pellentesque consequat vulputate dui. Aliquam ante. Mauris quis tortor quis est lobortis lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus purus purus, condimentum in, tincidunt eu, suscipit sed, magna. Sed congue nisl vel quam.</p>
</div>
<div class="roundbottom2">
<img src="images/bl.gif" alt=""
width="15" height="15" class="corner"
style="display: none" /> </div>
</div>
<div class="roundbottom">
<img src="images/mbl.gif" alt=""
width="15" height="15" class="corner"
style="display: none" /> </div>
</div>
</div>
<div id="footer">© copywright 2008 Denis </div>
</div>
</body>
</html> |
And here's CSS:
| Spoiler: | @charset "utf-8";
body {
background-color: #000000;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#wrapper {
width: 901px;
margin: 0 auto;
}
#header {
float: left;
height: 194px;
width: 901px;
background-image: url(header.gif);
background-repeat: no-repeat;
}
#menu {
background-image:url(menu.gif);
background-repeat: no-repeat;
float: left;
height: 56px;
width: 901px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
padding-top: 17px;
word-spacing: 70px;
}
#main {
float: left;
height: auto;
width: 901px;
}
#leftcol {
float: left;
height: auto;
width: 300px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 30px;
}
#rightcol {
float: right;
height: auto;
width: 500px;
padding-right: 35px;
margin-right: 0px;
}
.roundcont {
width: 877px;
background-color: #1e1f1f;
color: #fff;
margin-top: 8px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
float: none;
}
.roundtop {
background: url(mtr.gif);
background-repeat: no-repeat;
background-position: top right;
}
.roundbottom {
background: url(mbr.gif);
background-repeat: no-repeat;
background-position: top right;
clear: both;
}
img.corner {
width: 15px;
height: 15px;
border: none;
display: block !important;
}
.roundcont2 {
color: #afafaf;
margin-top: 8px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
float: none;
background-color: #151616;
}
.roundtop2 {
background: url(tr.gif);
background-repeat: no-repeat;
background-position: top right;
}
.roundbottom2 {
background-color: #151616;
background-image: url(br.gif);
background-repeat: no-repeat;
background-position: right top;
}
.roundcont p {
margin: 0 23px;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #afafaf;
}
#footer {
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
float: left;
height: 250px;
width: 900px;
color: #666666;
clear: both;
text-align: center;
padding-top: 5px;
} |
"Quantum mechanics is actually, contrary to it's reputation, unbeliveably simple, once you take the physics out."
Scott Aaronson | chiv wrote: | | thats true you know. newton didnt discover gravity. the apple told him about it, and then he killed it. the core was never found. |
|
|
| Back to top |
|
|
|
|
| Posted: Fri, 16th May 2008 06:41 Post subject: |
|
|
the corners are images
you can't do round shapes in plain layout
|
|
| Back to top |
|
|
|
|
| Posted: Fri, 16th May 2008 15:39 Post subject: |
|
|
oh, i found this page that explains how to make rounded divs without the use of images... will try that and report how it went...
"Quantum mechanics is actually, contrary to it's reputation, unbeliveably simple, once you take the physics out."
Scott Aaronson | chiv wrote: | | thats true you know. newton didnt discover gravity. the apple told him about it, and then he killed it. the core was never found. |
|
|
| Back to top |
|
|
|
|
| Posted: Fri, 16th May 2008 16:45 Post subject: |
|
|
i would be curious to know how, without just a billion forms stacked on top of eachother
|
|
| Back to top |
|
|
$en$i
VIP Member
Posts: 3127
|
|
| Back to top |
|
|
|
|
| Posted: Sat, 17th May 2008 13:49 Post subject: |
|
|
You could also try Nifty Cube! http://www.html.it/articoli/niftycube/index.html
It doesn't need images to create round corners, just css + javascript.
"Also when the Prince of Persia movie they're making turns out good then I will upload pictures of me punching myself in my tiny unsatisfying penis" - Yahtzee
Athlon 64 X2 4600+
2GB DDR400 CAS2
GeForce 7900GT 256MB
4 x 250GB SATAII in RAID5
|
|
| Back to top |
|
|
|
|
| Posted: Sat, 17th May 2008 21:57 Post subject: |
|
|
After trying to make these round corners work the only result I got was:FAIL!  So I'm going to give it a rest, I was making this site just because I was bored and wanted to learn sth new. I realize I have a lot of learning ahead of me I'll probably try to make it work as soon as it won't affect my university studies (been playing around with web too much), that is as soon as I'll have extra free time on my hands. Thnx guys for giving me some directions, I really appreciate it.
"Quantum mechanics is actually, contrary to it's reputation, unbeliveably simple, once you take the physics out."
Scott Aaronson | chiv wrote: | | thats true you know. newton didnt discover gravity. the apple told him about it, and then he killed it. the core was never found. |
|
|
| Back to top |
|
|
| Page 1 of 1 |
All times are GMT + 1 Hour |
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
Powered by phpBB 2.0.8 © 2001, 2002 phpBB Group
|
|
 |
|
