Προς το περιεχόμενο

Πρόβλημα με tab buttons

pgeo

Από τον pgeo
στο Web Design - Development

Προτεινόμενες αναρτήσεις

pgeo Proficient

pgeo

Δημοσ.
Δημοσ.

Καλημέρα.

 

αυτός είναι ο κώδικας ο οποίος πιστεύω πως κάνει αυτό που θέλω.

 

#mainbg {

list-style:none;

background:url(images/fullmainwindow.png) no-repeat center center fixed;

position:absolute;

width:1900px;

height:1080px;

}

 

και αυτός είναι από το button το οποίο θέλω να το προσαρμόσω πάνω στο παράθυρο και να κινήτε μαζί με το παράθυρο.

 

.menubarnav1{

list-style:none;

background:url(images/hometab.png) no-repeat;

size:auto;

position: absolute;

width:84px;

heignt:36px;

float: left;

cursor: auto;

visibility:inherit;

left: 257px;

top: 74px;

height: 44px;

}

 

 

αυτή είναι η εικόνα όπως φαίνεται αυτή την στιγμή το sait

35a2nv5.png

 

 

αυτό που θέλω να κάνω είναι να βάλω το home να το ενσωματώσω στο παράθυρο

TheELF Crazy Insomniac

TheELF

Δημοσ.
Δημοσ.
.menubarnav1{

list-style:none;

background:url(images/hometab.png) no-repeat;

size:auto;

position: absolute;

width:84px;

heignt:36px;

float: left;

cursor: auto;

visibility:inherit;

left: 257px;

top: 74px;

height: 44px;

}

 

εσύ του λες να είναι 257 Pixel από τα αριστερά και 74 από πάνω και να είναι απόλυτο(absolut)για να πάει εκεί που είναι το παράθυρο πρέπει να αλλάξεις αυτές της τιμές.

pgeo Proficient

pgeo

Δημοσ.
  • Μέλος
Δημοσ.

Έχεις δίκαιο έτσι όπως τα λες απλά έχω βάλει και αυτών τον κώδικα για το body.

 

body {

background: url(images/bgwoods.jpg) no-repeat center center fixed;

list-style:none;

width:100%;

height:100%;

margin:0px 0px 0px 0px;

padding:0px 0px 0px 0px;

overflow:scroll;

position:absolute;

}

 

Το δοκίμασα αυτό που είπες για το position αλλά και πάλι τίποτα.

 

Θέλω επίσεις να μετακινείται μαζί με το παράθυρο.Δηλαδή να μην πηγαίνει το tab αλλού και το κεντρικό παράθυρο να είναι αλλού. Όπως πχ στην εικόνα.

 

152kwet.png

dewn735 Veteran

dewn735

Δημοσ.
Δημοσ.

Δοκίμασέ το κάπως έτσι:

 

><html>
<head>
<style type="text/css">
body{
	background-color: #000;
	padding:40px;
}
#maincontent{
	background-color: #FFF;
	width:100%;
	height:100%;
	padding:15px;
}
#tabs{
	top: 74px;
	width:100%;
	position:relative;
	float: left;
	margin:10px;
	background-color: yellow;
	color:000;
}
#tabs ul{
	list-style:none;
	size:auto;
	height: 44px;
	}
#tabs li{
	width:84px;
	heignt:36px;
}
</style>
</head>

<body>
<div id="maincontent">
<div id="tabs">
	<ul><li>123</li><li>456</li></ul>
</div>
</div>


</body>
</html>

 

(Έχω αλλάξει τις εικόνες με χρώματα για να δω κι εγώ πως φαίνεται...)

Αρχειοθετημένο

Αυτό το θέμα έχει αρχειοθετηθεί και είναι κλειστό για περαιτέρω απαντήσεις.

Προς την λίστα θεμάτων
  • Δημιουργία νέου...