Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Basic layout

Featured Replies

Hi there,

 

I'm very sorry to post this one once again, BUT, I really can't figure this whole thing out. look at my site,

 

www.scandinavian-id.com

 

and notice how the links gets pressed together when the browser window in manually minimized. A couple of you guys gave me some commands, but I cant seem to get it to work properly...

 

Can someone explain to me in layman’s terms how to make everything NOT MOVE when a browser is adjusted smaller.

 

Thx :)

 

And btw. Why is there a difference between previewing in IE and Firefox? I've made a site using Dreamweaver and preview the whole thing in Firefox, then a friend of mine viewed the site on his pc with IE and the links and logo had moved? WHY? :(

I don't want to be rude, but I suggest you look in to XHTML coding a bit more.

 

The buttons should be text, not images. The layout shouldn't be done using tables and the CSS is a bit of a mess.

  • Author

But Pat24 told me to stay away from tables!!

 

Can you somehow tell me how to make the right CSS using DW?

But Pat24 told me to stay away from tables!!

 

Can you somehow tell me how to make the right CSS using DW?

 

So was Jamest telling you to stay clear of tables.

 

To be honest your coding is all over the place. If you want I will build your page using css, then you can use it and learn from it. :D

 

Pat

  • Author

Oh pardon me :) read wrong.

 

i would love for you to build me a page I can work out from, that is very sweet of you.

 

It's actually a very simpe page with a 700x700 design where all the elements are to be places.

 

Thx Pat24, i appreciate it.

Oh pardon me :) read wrong.

 

i would love for you to build me a page I can work out from, that is very sweet of you.

 

It's actually a very simpe page with a 700x700 design where all the elements are to be places.

 

Thx Pat24, i appreciate it.

 

Ok give me about 1 hour

 

Pat

thx alot Pat24, really appreciate it!

 

Hi

 

here is a very quick design of your page using css.

 

<!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>
<link href="basic.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Scandinavian ID</title>


</head>
<body>
<div id="wrapper">
<div id="header"></div>
<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Designs</a></li>
<li><a href="#">Inspiration</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Contact</a></li>

</ul>
</div>
</body>
</html>

 

save the following css as file basic.css

 

#wrapper {
margin: 0 auto;
width: 700px;
height:700px;
background-color: #CCCCCC;
}

#header {
background-image:url(images/main.jpg);
background-repeat:no-repeat;
width:700px;
height:98px;
}

#nav {
margin:0 auto;
}

#nav li{
list-style:none;
background-color: #000000;
height:30px;
margin-top: 4px;
padding:0;

margin-left:-40px;
float:left; /*this corrects the */

}

#nav a {

width:172px;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
display: block; /* to increase clickable area as a's default to inline */
color: #CCCCCC;
text-decoration: none;
line-height: 1.5;
border:none;
}

#nav a:hover {

color: #999999;

}

 

That should give you something to work with. Play around with the css, alter various settings to see what they do.

 

All the best

 

Pat

 

EDIT: Forgot ,you'll need this image aswell

 

 

  • Author

Thank you very much Pat24, I'll try to work with that. But I can't guarantee that i won't come crawling back asking for more help :)

 

Thx a mill!

 

Nicklas!

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.